FlexCMP
  1. Soluzioni
  2. Trasforma il tuo business
  3. Ecosistema
  4. Storie
  5. News
  6. Chi Siamo
Ita
Cerca
Assistenza clienti
  1. Manuale FlexCMP
    1. Introduzione
    2. Pagine
      1. Editing di una singola pagina
        1. Editor Visuale a impaginazione libera
          1. Oggetti base
    3. Indici
    4. Utenti e Gruppi
    5. Strumenti
    6. Impostazioni
    7. Moduli
    8. Personalizzazioni

Oggetti base

  1. Oggetto "Titolo"
  2. Oggetto "Sottotitolo"
  3. Oggetto "Paragrafo"
  4. Oggetto "[Sottotitolo + Paragrafo] + Immagine"
  5. Oggetto "Testo personalizzato"
  6. Oggetto "Immagine"
  7. Oggetto "Link"
  8. Oggetto "Download"

Oggetto "Titolo"

L’oggetto “Titolo” consente all’utente di inserire del testo formattato come un titolo.

 
L'oggetto Titolo
 

Questo oggetto consente di inserire del testo all’interno della pagina, sia digitandolo direttamente che incollandolo dopo averlo copiato da un’altra pagina o documento.

Proprietà:

  • Livello: indica il livello di profondità da associare al titolo specificato; questa proprietà può assumere uno dei seguenti valori:
    1. Titolo [default],
    2. Sottotitolo,
    3. Sottotitolo livello 3,
    4. Sottotitolo livello 4,
    5. Sottotitolo livello 5.
 

Oggetto "Sottotitolo"

L’oggetto “Sottotitolo” consente di inserire del testo formattato come un sottotitolo.

L'oggetto Sottotitolo

Proprietà:

Livello: indica il livello di profondità da associare al titolo specificato; questa proprietà può assumere uno dei seguenti valori:
** Titolo,
** Sottotitolo [default],
** Sottotitolo livello 3,
** Sottotitolo livello 4,
** Sottotitolo livello 5.

Oggetto "Paragrafo"

L’oggetto “Paragrafo” è uno degli elementi più importanti nella costruzione della pagina poiché si tratta dell’elemento attraverso il quale verrà inserita la maggior parte dei contenuti testuali della pagina.

L'oggetto Paragrafo

Questo oggetto consente di inserire del testo all’interno della pagina, sia digitandolo direttamente che incollandolo dopo averlo copiato da un’altra pagina o documento.

È possibile personalizzare il testo utilizzando le tre icone di formattazione poste in verticale a fianco del campo in cui inserire i contenuti; i comandi disponibili per l’oggetto “Paragrafo” sono i seguenti dall'alto verso il basso:

  • per il primo stile di formattazione;
  • per il secondo stile di formattazione;
  • per il terzo stile di formattazione;
  • per eliminare la formattazione dal testo selezionato;
  • per inserire un link nel testo del paragrafo (v. «Gestione dei link in FlexCMP»).
NOTA.l’effetto dei tre stili di formattazione viene convenzionalmente definito in fase di progettazione del sito per cui non è necessariamente quello rappresentato dall’icona (e cioè grassetto, corsivo ed evidenziato); si tratta semplicemente di tre differenti stili di formattazione per il testo che è possibile personalizzare ad hoc. Ciò significa, quindi, che si può definire l’azione associata al comando in modo che formatti il testo di colore rosso, anziché in grassetto, e che l’opzione formatti il testo di colore giallo, anziché evidenziarlo.

Per applicare una formattazione bisogna quindi semplicemente:

  • Selezionare per trascinamento il testo a cui si vuole applicare un determinato stile di formattazione.
  • Cliccare sull’icona corrispondente allo stile desiderato.
  • Viene così applicato lo stile desiderato al testo.

Per eliminare la formattazione applicata a un testo è sufficiente:

  • Selezionare per trascinamento il testo formattato a cui si vuole togliere ogni stile di formattazione.
  • Cliccare sull’icona “Annulla formattazione”.

Proprietà:

  • Allineamento orizzontale: attraverso questa funzione è possibile decidere come allineare il testo inserito nel paragrafo; questa proprietà può assumere uno dei seguenti valori:
    1. Allinea Sinistra [default],
    2. Centra,
    3. Allinea Destra,
    4. Giustifica.
  • Attiva Elenco: selezionando questo checkbox è possibile trasformare il paragrafo in un elenco: verrà inserito un simbolo e un rientro per ogni frase realizzata con una andata a capo del pulsante “Invio” della tastiera; questa proprietà può essere abilitata oppure disabilitata [default].
  • Tipo Elenco: attraverso il menù a tendina è possibile specificare quale simbolo inserire per ciascuna voce dell’elenco; questa proprietà può assumere uno dei seguenti valori:
    1. Puntato con pallino pieno [default],
    2. Puntato con pallino vuoto,
    3. Puntato con quadratino,
    4. Numerato,
    5. A lettere minuscole,
    6. A lettere maiuscole,
    7. Nessun simbolo,
    8. Personalizzato 1,
    9. Personalizzato 2.
  • Apri link su nuova pagina: selezionando questo checkbox, i link inseriti all’interno dell’oggetto “Paragrafo” verranno aperti in una nuova finestra; questa proprietà può essere abilitata o disabilitata [default].
  • Lingua: attraverso il menù a tendina è possibile selezionare la lingua del testo contenuto nell’oggetto “Paragrafo” (ciò è richiesto dalle specifiche di accessibilità quando la lingua del paragrafo in questione sia diversa da quella della pagina in cui esso è contenuto); normalmente tale campo è impostato sulla voce “Default”: ciò significa che la lingua del testo contenuto nell’oggetto “Paragrafo” è la stessa della pagina in cui l’oggetto stesso è stato inserito.
NOTA. non è possibile inserire del testo standard ed un elenco puntato utilizzando un unico oggetto “Paragrafo”: in questo caso è necessario inserire due oggetti “Paragrafo”, uno solo dei quali andrà definito come elenco puntato. Attivando la modalità elenco è inoltre possibile creare un secondo livello di annidamento della lista inserendo la stringa “** “ (asterisco asterisco spazio) all’inizio di ciascuna riga che si voglia rendere come elemento annidato di secondo livello; questa speciale sequenza di caratteri verrà interpretata dal sistema come indicazione di innestamento di livello della lista (si noti come due gruppi consecutivi “** ” saranno gestiti in modo diverso: il primo darà origine al livello due, il secondo sarà inserito così com’è, ovvero non verrà interpretato da FlexCMP, in quanto il sistema gestisce elenchi annidati fino ad un massimo di due livelli).

Oggetto "[Sottotitolo + Paragrafo] + Immagine"

L’oggetto “[Sottotitolo + Paragrafo] + Immagine” è uno degli elementi che permette di generare una pagina ad impaginazione complessa, dando all’utente la possibilità di inserire un Sottotitolo che verrà seguito da un Paragrafo, affiancato da un’Immagine.

L’oggetto “[Sottotitolo + Paragrafo] + Immagine”

Nella parte sinistra del riquadro vanno inseriti i testi del Sottotitolo e del Paragrafo.

Per inserire l’Immagine è invece necessario:

  • Cliccare sul pulsante “Sfoglia…”
  • Cercare l’immagine desiderata nel pannello a comparsa “Scegliere file” e selezionarla;
  • Cliccare sul pulsante “Apri”.

È possibile, a questo punto, compilare il campo “Descrizione” con un testo esplicativo e comprensibile, anche al di là del contesto: tale descrizione, per le specifiche di accessibilità, dovrebbe conferire tutte le informazioni essenziali date dall’immagine stessa; è possibile, inoltre, specificare una “Didascalia” da associare all’Immagine inserita nel Paragrafo e che verrà posizionata sotto l’Immagine stessa.

Proprietà:

  • Allineamento Orizzontale: permette di scegliere l’allineamento desiderato per il testo inserito nell’oggetto.
  • Opzioni: permette di scegliere la posizione (a sinistra o a destra) dell’Immagine rispetto alle parti testuali e la presenza o meno nell’oggetto stesso del Sottotitolo; questa proprietà può assumere uno dei seguenti valori:    
    1. Immagine + Paragrafo: impagina l’Immagine sulla sinistra del Paragrafo e non mostra il Sottotitolo;    
    2. Paragrafo + Immagine: impagina l’Immagine sulla destra del Paragrafo e non mostra il Sottotitolo;    
    3. Immagine + [Sottotitolo + Paragrafo ]: impagina l’Immagine sulla sinistra del Paragrafo e mostra il Sottotitolo;    
    4. [Sottotitolo + Paragrafo ] + Immagine: impagina l’Immagine sulla destra del Paragrafo e mostra il Sottotitolo [default].    
  • Apri link su nuova pagina: questa proprietà, se spuntata, fa sì che tutti i link specificati all’interno di questo oggetto vengano aperti (se cliccati) in una nuova finestra del browser.

Oggetto "Testo personalizzato"

L’oggetto “Testo Personalizzato” consente di inserire nel sito delle porzioni di testo aventi un aspetto grafico altamente personalizzato. Lo scopo di questo oggetto è di offrire la possibilità di creare ulteriori livelli di titolazione o di formattazione rispetto agli oggetti base (gli oggetti “Titolo”, “Sottotitolo” e “Paragrafo”).

L’oggetto “Testo Personalizzato” è simile ad un oggetto “Paragrafo”, ma si differenzia per la possibilità, attivabile con l’icona “Proprietà”, di specificare il tipo di personalizzazione tra quelli presenti nell’elenco a discesa.

È possibile creare infinite varianti dell’oggetto “Testo Personalizzato” creando nuovi template html all’interno della cartella \TemplatesUSR\CM\. Il nome del file contenente il codice html di ogni variante deve avere la seguente sintassi: clsBLOBElementText-NomePersonalizzazione.html; nell’elenco a discesa delle proprietà dell’oggetto “Testo Personalizzato” appare la porzione del nome file successiva a “clsBLOBElementText-” (senza l’estensione .html).

Proprietà:

  • Tipo di Oggetto: contiene l’elenco dei nomi (specificati secondo la sintassi appena illustrata) dei template disponibili per l’oggetto “Testo Personalizzato”.
  • Apri link su nuova pagina: questa proprietà, se spuntata, fa sì che tutti i link specificati all’interno di questo oggetto vengano aperti (se cliccati) in una nuova finestra del browser.

Oggetto "Immagine"

L’oggetto “Immagine” consente all’utente di inserire un’immagine all’interno della pagina sulla quale sta operando.

L'oggetto Immagine

Le opzioni disponibili per questo oggetto sono le seguenti:

  • File immagine
NOTA.I formati immagine ammessi sono GIF e JPG. È altresì supportato il formato PNG: tuttavia, poiché quest’ultimo non risulta essere supportato dai browser meno recenti, se ne sconsiglia (attualmente, ad inizi 2010) l’utilizzo fino a quando il formato PNG non sarà più universalmente supportato.
NOTA:FlexCMP non implementa meccanismi di ridimensionamento delle immagini, per cui, se necessario, occorre ridimensionare il file immagine che si intende caricare con un software di foto ritocco (si consiglia Adobe Photoshop per l’elevata qualità degli algoritmi di ridimensionamento, taglio e conversione).
  • Descrizione: descrizione testuale alternativa (estesa e realmente sostitutiva) dell’immagine che si intende inserire all’interno della pagina
NOTA.La descrizione testuale dell’immagine (attributo alt del tag img) è un elemento necessario in siti accessibili; per questo motivo deve essere esplicativa e funzionale alla situazione nella quale è utilizzata. Se, ad esempio, si inserisce nel sito di un museo l’immagine di un’opera, occorre inserirne anche una descrizione molto dettagliata. In questo caso sarebbe inutile una descrizione del tipo “Mario Nuzzi – Fiori in Vaso di Vetro”, mentre risulta molto più apprezzabile una descrizione del tipo “Vaso di vetro appoggiato su una mensola contenente fiori di vario genere e di vari colori, alcuni protesi verso l’alto e la luce, altri reclinati verso il piano d’appoggio. Lo sfondo è neutro, color beige”. Se, invece, si utilizza l’immagine di un logo è preferibile evitare una descrizione che si soffermi inutilmente sulla forma del logo stesso: sarebbe in tal caso più opportuno utilizzare una descrizione del tipo “Logo della Provincia di xx”, rinviando eventualmente ad una pagina dedicata la descrizione formale del logo stesso.
  • Didascalia: eventuale testo aggiuntivo che, se inserito, sarà visibile e posizionato sotto all’immagine (questo valore è ininfluente ai fini dell’accessibilità).

Proprietà:

  • Allineamento orizzontale: attraverso questa funzione è possibile decidere come allineare l’immagine rispetto la pagina nella quale essa è contenuta; questa proprietà può assumere uno dei seguenti valori:
    1. Allinea Sinistra [default],
    2. Centra,
    3. Allinea Destra.

Oggetto "Link"

L’oggetto “Link” consente di inserire un collegamento (link) a:

  • una pagina interna del sito,
  • una pagina html standard, già caricata nel sistema,
  • una procedura PHP,
  • un sito esterno oppure un indirizzo email.
L'oggetto Link

Le opzioni disponibili per questo oggetto sono le seguenti:

File Immagine: questa proprietà consente di associare un’immagine al link che si intende inserire all’interno della pagina (opzionale);
Descrizione: descrizione testuale alternativa (estesa e realmente sostitutiva) dell’immagine da associare al link;
Testo del link: testo da associare al link e sul quale sarà necessario cliccare per aprire il collegamento;
Pagina di destinazione: pagina a cui far puntare il link che si intende inserire nella pagina sulla quale si sta operando; per selezionare la pagina di destinazione del link sarà necessario cliccare sull’icona ”Seleziona Pagina” e seguire la procedura guidata descritta precedentemente (v. «Scelta destinazione di un collegamento»).

NOTA:quando si inserisce il testo di un link occorre tenere presente che con alcune tecnologie assistive i link vengono letti in modo sequenziale e al di fuori del contesto nel quale essi sono inseriti; per realizzare link accessibili è quindi indispensabile utilizzare come descrizione frasi che consentano chiaramente di capire la destinazione del link stesso, anche al di fuori del contesto in cui si trovano: sono quindi da evitare link del tipo “clicca qui” oppure “avanti”.

Proprietà:

  • Allineamento orizzontale: attraverso questa funzione è possibile decidere come allineare il link orizzontalmente rispetto alla pagina nella quale esso è inserito; questa proprietà può assumere uno dei seguenti valori:
    1. Allinea Sinistra [default],
    2. Centra,
    3. Allinea Destra.
  • Testo del link sotto l’immagine: consente, nel caso ci sia un’immagine, di far sì che il link si posizioni sotto la stessa anziché alla sua destra; di default, questa proprietà è disabilitata.
  • Apre in una nuova finestra: è necessario spuntare questo campo se si desidera che la destinazione del collegamento venga aperta in una nuova finestra del browser anziché al posto della pagina corrente: come richiesto dalle specifiche WAI-AAA, nel caso sia stata attivata questa opzione l’utente viene opportunamente avvertito (attraverso un apposito messaggio accodato al title del link).

Oggetto "Download"

L’oggetto “Download” consente di inserire, all’interno di una pagina editoriale, un file scaricabile di qualsiasi tipo.

L'oggetto Download

Le opzioni disponibili per questo oggetto sono le seguenti:

  • Immagine Predefinita: tramite questo menù è possibile scegliere, all’interno di un insieme di immagini messe a disposizione da FlexCMP, un’icona da associare al link per il download del file (si tratta, in genere, di un’immagine che rappresenta il software necessario per l’apertura del file stesso);
  • File Immagine: in alternativa al meccanismo appena illustrato, è possibile caricare direttamente dal proprio computer un’immagine da associare al link utilizzabile per il download del file;
  • Descrizione: descrizione alternativa (estesa e realmente sostitutiva) dell’immagine associata al link utilizzabile per il download del file;
  • Testo del Link di download: testo sul quale, in fase di visualizzazione del sito, sarà necessario cliccare per avviare l’effettivo download del file;
  • File: questo campo consente il caricamento, dal proprio computer, del file che si intende rendere disponibile per il download.

Proprietà:

  • Allineamento orizzontale: attraverso questa funzione è possibile decidere come allineare il link che rappresenta il file in download orizzontalmente rispetto alla pagina nella quale esso è inserito; questa proprietà può assumere uno dei seguenti valori:
    1. Allinea Sinistra [default],
    2. Centra,
    3. Allinea Destra.
  • Apre in una nuova finestra: è necessario spuntare questo campo se si desidera che la destinazione del collegamento venga aperta in una nuova finestra del browser anziché al posto della pagina corrente: come richiesto dalle specifiche WAI-AAA, nel caso sia stata attivata questa opzione l’utente viene opportunamente avvertito (attraverso un apposito messaggio accodato al “title” del link);