Video: Guida Web Design - 2 - Introduzione al CSS 2024
Dreamweaver consente di specificare le opzioni per le singole celle in una tabella. Quando si seleziona una cella, che si può fare facendo clic per posizionare il cursore ovunque all'interno dell'area della cella, la finestra di ispezione Proprietà cambia per visualizzare le singole proprietà per quella cella, ad esempio la formattazione e l'allineamento dei contenuti di una determinata cella.
A partire da Dreamweaver CS4, la finestra di ispezione Proprietà include le impostazioni HTML e CSS. Le impostazioni CSS sono generalmente preferite e funzionano allo stesso modo per i contenuti di una cella di tabella come fanno per il contenuto in qualsiasi altro punto di una pagina web.
Puoi anche cambiare più celle contemporaneamente. Supponiamo di voler formattare alcune celle nella tabella con un determinato colore di sfondo e stile di testo. È possibile applicare le stesse proprietà a più celle selezionando più di una cella alla volta. Le proprietà modificate nella finestra di ispezione Proprietà si applicano a tutte le celle selezionate. Ecco i suggerimenti per la selezione delle celle:
-
Per selezionare celle adiacenti, premere il tasto Maiusc mentre si fa clic per selezionare le celle.
-
Per selezionare più celle non adiacenti, premere il tasto Ctrl e fare clic su ciascuna cella che si desidera selezionare.
-
Se hai difficoltà a selezionare una singola cella perché contiene un'immagine, fai clic sull'immagine e quindi usa il tasto ← o → sulla tastiera per spostare il cursore e deselezionare l'immagine, che attiva la finestra di ispezione Proprietà e visualizza le opzioni per quella cella.
Quando vengono selezionate una o più celle adiacenti, la metà superiore della finestra di ispezione Proprietà controlla la formattazione del testo e degli URL nelle celle della tabella. La metà inferiore della finestra di ispezione Proprietà fornisce le opzioni di attributo della cella della tabella, come segue:
-
Unisci celle selezionate mediante l'icona di Span: Unisce due o più celle. Per unire le celle, devi prima selezionare due o più celle facendo clic e trascinando o premendo i tasti Maiusc o Ctrl mentre selezioni più celle.
-
Icona Dividi cella in righe o colonne: Divide una cella in due. Quando si seleziona questa opzione, una finestra di dialogo consente di specificare se si desidera dividere la riga o la colonna. È quindi possibile specificare il numero di colonne o righe, che controlla quante volte la cella si divide. Notare che è possibile applicare l'opzione Dividi cella a una sola cella alla volta.
-
Horz e Vert: Controlla l'allineamento orizzontale o l'allineamento verticale, rispettivamente, del contenuto della cella.
-
W e H: Controlla rispettivamente la larghezza o l'altezza della cella.
-
No Wrap: Impedisce il ritorno di parole nella cella.La cella si allarga per accogliere tutto il testo mentre lo si digita o lo si incolla in una cella. (Normalmente, il testo in eccesso si sposta sulla riga successiva e aumenta l'altezza della cella.)
-
Intestazione: Formatta il contenuto di una cella utilizzando un tag di intestazione, che visualizza il testo in grassetto e centrato per impostazione predefinita nella maggior parte dei browser web.
-
Bg (colore): Fare clic nel riquadro dei colori per selezionare un colore di sfondo dalla tavolozza dei colori o immettere un codice colore esadecimale nel campo di testo. Se si utilizza la tavolozza dei colori, il codice esadecimale viene inserito automaticamente nel campo colore Bg. Assicurati di includere il simbolo # se aggiungi il tuo colore esadecimale o il colore non verrà visualizzato correttamente in molti browser.
Sebbene le opzioni di allineamento, colore e formattazione nella finestra di ispezione Proprietà siano a portata di mano, utilizzare CSS è l'opzione preferita.
