I comandi della Sezione Contenuto

Passo 4 - Pagine > Oggetto Tabella >

I comandi della Sezione Contenuto

Previous pageReturn to chapter overviewNext page

Questa sezione mette a disposizione un Editor attraverso il quale è possibile procedere alla creazione della Tabella. L'Editor di testo si compone di una Barra Strumenti superiore, di un'area di lavoro in cui disegnare la tabella e inserire i contenuti e, nel caso dell'edizione Pro, sul fondo, di una serie di linguette corrispondenti alle Schede di testo che si vogliono attivare.

La Barra Strumenti dell'Editor mette a disposizione i seguenti comandi:

Taglia [CTRL+X] - Copia [CTRL+C] - Incolla [CTRL+V]

Tagliano, copiano e incollano il testo selezionato. Il testo incollato mantiene tutte le formattazioni originali.

Incolla speciale [CTRL+SHIFT+V]

Incolla il testo precedentemente tagliato o copiato attraverso i comandi Taglia e Copia. In questo caso, prima di essere incollato, al testo vengono tolte tutte le formattazioni eventualmente associate in origine e assume quelle definite nell'editor.

Annulla [CTRL+Z] - Ripristina

Annullano e ripristinano l'ultima operazione eseguita/annullata.

Inserisci Collegamento [CTRL+L]

Imposta un link ipertestuale sulla/e parola/e selezionata/e. E' possibile definire le impostazioni del collegamento attraverso la finestra richiamata Collegamento.

Inserisci Immagine

Inserisce un'immagine (in formato .JPG, .GIF, .PNG, .BMP) all'interno della cella della Tabella. Cliccando sul triangolino presente sul pulsante Inserisci Immagine è possibile visualizzare un sotto-menu con le seguenti voci: Immagine da file... e Immagine da Libreria Online....

Tramite la finestra richiamata dal comando Immagine da Libreria Online... viene visualizzata una Libreria Online con milioni di Immagini Premium e di Immagini Free fra cui è semplice scegliere quelle da importare.

Le Immagini inserite possono essere liberamente ridimensionate attraverso le apposite maniglie di selezione.

Cliccando con il tasto destro del mouse sull'immagine inserita, è possibile richiamare un menu contestuale che presenta i comandi necessari per effettuare le operazioni di taglia, copia e incolla oltre che per richiamare la finestra Proprietà Immagine.

Abilita Codice HTML

Permette di immettere direttamente il codice HTML all'interno della Tabella. In modalità HTML, i caratteri < e > non sono interpretati come "minore" e "maggiore" e ciò che è inserito al loro interno viene interpretato come un tag HTML.

Impostazioni per il RollOver

Imposta l'effetto di RollOver sul testo, trasformandolo da statico a scorrevole. E' possibile definire le impostazioni del RollOver attraverso la finestra richiamata RollOver.

Sfondo chiaro/scuro

Imposta un colore chiaro o scuro per lo sfondo dell'Editor: in questo modo è più semplice, per esempio, comporre dei testi che, per avere un giusto contrasto rispetto allo sfondo previsto dal Modello grafico applicato, devono essere di colore bianco.

Aggiungi Riga / Rimuovi Riga / Aggiungi Colonna / Rimuovi Colonna

Aggiungono una riga o una colonna dopo quella in cui è posizionato il cursore del mouse, o rimuovono la riga o la colonna in cui il cursore è posizionato.

Unisci Celle - Dividi Celle

Uniscono più celle adiacenti selezionate in modo da formare un'unica cella, o dividono la cella su cui si sta agendo in due celle affiancate orizzontalmente.

 

Stile Intestazioni

Applica al paragrafo selezionato uno Stile di Intestazione.

Gli Stili di Intestazione possono essere definiti attraverso le apposite funzioni presenti nella finestra Stile dei Testi.

Se si attiva l'opzione Imposta i tag H1..H6 per le Intestazioni del Modello disponibile nella finestra SEO | Tag, applicando uno Stile di Intestazione viene automaticamente attribuito il corrispondente tag <h1>..<h6> al testo. Nell'editor il paragrafo assume lo stile impostato e viene distinto con una sottolineatura tratteggiata (che non sarà visualizzata nelle Pagine pubblicate online) ad indicare l'associazione del tag <h1>..<h6>.

Scelta del font - Dimensione del font

Impostano il tipo di carattere (font) da utilizzare e le dimensioni.

Il menu a tendina propone: il comando per applicare il Font di default (definito dallo Stile dell'elemento Testo della Pagina nella finestra Stile dei Testi); la lista dei Safe Fonts, ovvero dei font presenti su tutti i dispositivi e per i quali, quindi, non è necessaria alcuna pubblicazione; tutti i Google Fonts e i Web Fonts aggiunti attraverso la finestra Aggiungi Web Font richiamata dal comando Altri tipi di carattere.

I tipi di font sono facilmente distinguibili grazie alle icone associate:

Google Fonts: font integrati attraverso la finestra Aggiungi Web Font di WebSite X5 e collegati al server Google.

Online Web Fonts: font integrati attraverso la finestra Aggiungi Web Font di WebSite X5 e collegati ai server del servizio che offre i font.

Offline Web Fonts: font integrati attraverso la finestra Aggiungi Web Font di WebSite X5 e pubblicati sul server Web del Sito.

Grassetto [CTRL+B] - Corsivo [CTRL+I] - Sottolineato [CTRL+U] - Barrato [CTRL+T]

Rendono in grassetto, corsivo, sottolineato e barrato il testo selezionato.

Colore del Testo - Colore di Sfondo della Cella

Impostano il colore da applicare al testo selezionato o allo sfondo della cella del testo selezionato.

Stile del bordo della Cella

Imposta lo stile dei bordi delle celle. È possibile definire sia il colore che lo spessore dei bordi che delimitano le righe e/o le colonne della Tabella.

Rimuovi formato

Rimuove tutte le formattazioni associate al testo selezionato, ripristinando lo stile definito in Stile dei Testi.

 

Elenco puntato - Elenco numerato

Creano, rispettivamente, un elenco puntato e un elenco numerato di voci. Attraverso il tasto TAB è possibile indentare le voci dell'elenco in modo da creare dei sotto-livelli.

Interlinea

Definisce il valore dell'interlinea ovvero dello spazio che intercorre tra le righe di un paragrafo. Attraverso le opzioni del menu a cui si accede è anche possibile aggiungere o rimuovere uno spazio prima o dopo del paragrafo selezionato.

Allineamento a sinistra - Allineamento centrato - Allineamento a destra - Allineamento giustificato

Allineano a sinistra, al centro, a destra o giustificano il testo selezionato.

Disponi Testo a destra - Disposizione normale - Disponi Testo a sinistra

Attivi quando viene selezionata un'immagine inserita in una Cella insieme a del testo, definiscono la disposizione del testo rispetto all'immagine stessa, facendolo scorrere lungo il lato destro/sinistro dell'immagine o lasciando che l'immagine rimanga inserita nel flusso del testo come una qualsiasi altra parola.

Allineamento in alto - Allineamento nel centro - Allineamento in basso

Allineano verticalmente in alto, al centro o in basso il testo selezionato.

Attraverso il click del tasto destro del mouse è anche possibile richiamare un menu contestuale che oltre a riproporre i comandi Annulla, Taglia, Copia, Incolla, Incolla speciale, Cancella, presenta anche i comandi:

Altezza righe

Permette di impostare, attraverso la finestra richiamata, il valore in pixel per definire l'altezza delle righe selezionate. Impostando come valore 0, le righe assumono automaticamente l'altezza minima necessaria per visualizzare il contenuto inserito.

Larghezza colonne

Permette di impostare, attraverso la finestra richiamata, il valore in pixel per definire la larghezza delle colonne selezionate.

Le dimensioni delle righe, delle colonne o delle singole celle possono essere modificate anche posizionando il mouse in corrispondenza dei bordi e trascinandoli fino alla posizione desiderata tenendo premuto il tasto sinistro del mouse. Selezionando una cella e spostandone il bordo sinistro e/o destro vengono modificate solo le dimensioni della cella in questione.

Se questo menu contestuale viene richiamato cliccando su un'immagine inserita nel testo, invece, presenta anche il comando Proprietà Immagine attraverso il quale è possibile richiamare l'omonima finestra Proprietà Immagine.

Sul fondo dell'area di lavoro sono presenti le linguette, o tab, corrispondenti alle diverse Schede di testo create.

Di default è presente una sola linguetta nominata "Scheda 1": se non si aggiungono ulteriori tab, non verrà attivata la visualizzazione a schede per il testo. Per aggiungere una nuova scheda e lavorare su di essa è sufficiente cliccare sul pulsante presente a destra delle linguette già presenti. In alternativa, è possibile cliccare con il tasto destro del mouse su una delle linguette già presenti e utilizzare i comandi del menu contestuale richiamato:

Aggiungi Scheda: aggiunge una nuova linguetta (attivando la corrispondente Scheda di testo) e permette di specificarne il nome attraverso l'apposita finestra richiamata.
Rinomina Scheda attiva...: richiama la finestra per poter rinominare la linguetta corrente.

E' importante nominare adeguatamente le diverse linguette dal momento che i nomi introdotti vengono automaticamente ripresi per comporre i pulsanti che permettono la navigazione fra le Schede di testo nel caso si scelga Schede - Orizzontale o Schede - Verticale come Tipo di visualizzazione.

Elimina Scheda attiva: elimina la linguetta corrente e la corrispondente Scheda di testo.
Sposta Scheda attiva a sinistra / Sposta Scheda attiva a destra: modificano l'ordine delle linguette, spostando quella corrente verso sinistra o verso destra. E' anche possibile sfruttare il Drag&Drop, trascinando con il mouse una linguetta e rilasciandola nella posizione desiderata.