Creazione e formattazione di tabelle in Adobe CS5 Dreamweaver - dummies

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver supporta la creazione e la formattazione di tabelle nel tuo sito web. Quando pensi a una tabella , pensa a una griglia, come un foglio di calcolo. Puoi cambiare i colori delle celle nelle tabelle, dividere o span le celle (combinarle con altre celle) e applicare i bordi ad esse.

In alcuni casi, non si vede la tabella stessa perché è possibile posizionare il contenuto in formato riga e colonna senza mostrare la tabella; in questo caso, è solo uno strumento di formattazione. Quando crei una tabella, puoi determinare quante righe e colonne contiene. Puoi anche scegliere di estendersi su righe e colonne per creare tabelle univoche.

Una tabella con righe e colonne unite.

1. Posiziona il cursore nel punto in cui desideri visualizzare la tabella, assicurati che la scheda Comune sul pannello Inserisci sia visibile, quindi fai clic sul pulsante Tabella.

   In alternativa, puoi selezionare Inserisci → Tabella. Indipendentemente dal metodo utilizzato, viene visualizzata la finestra di dialogo Tabella.

   

   Imposta le specifiche della tabella nella finestra di dialogo Tabella.

2. Immettere o selezionare gli attributi della tabella che si desidera creare:

   • Righe: Nella casella di testo Righe, immettere il numero di righe desiderato nella tabella. Le righe vengono impilate verticalmente e possono essere aggiunte o eliminate dopo aver creato la tabella.

   • Colonne: Nella casella di testo Colonne, inserisci il numero di colonne che vuoi nella tabella. Le colonne vengono create orizzontalmente su una tabella e possono essere aggiunte o eliminate dopo averla creata.

   • Larghezza tabella: Immettere una misura della larghezza nella casella di testo Larghezza tabella e quindi selezionare una misurazione (Pixel o percentuale) dall'elenco a discesa a destra. La larghezza della tabella imposta la dimensione predefinita per la tabella. Al 100 percento, la tabella occupa il 100 percento della pagina Web, modificando le dimensioni quando la pagina viene ridimensionata. Immettere un valore di pixel per garantire che la tabella rimanga sempre delle stesse dimensioni.

   • Spessore bordo: Immettere (in pixel) lo spessore desiderato per la larghezza del bordo che circonda le celle e all'esterno della tabella. Se non si desidera visualizzare la formattazione della tabella, digitare 0 nella casella di testo Spessore bordo. In visualizzazione Struttura, viene ancora visualizzato un bordo della tabella tratteggiata. Vedrai i veri bordi quando visualizzi la pagina in un browser o in Live view.

   • Riempimento cella: Immettere un numero nella casella di testo Riempimento cella se si desidera creare un margine attorno a tutto il contenuto all'interno della cella.

   • Spaziatura cella: Immettere un numero nella casella di testo Spaziatura cella se si desidera separare le celle.

   • Intestazione: Seleziona il tipo di intestazione che vuoi includere nella tabella (o seleziona Nessuno se non vuoi intestazioni).

   • Accessibilità: Aggiungi una didascalia pertinente alla tua tabella nella casella di testo Didascalia. Nell'area Riepilogo, includere diverse righe di testo per fornire ulteriori informazioni sullo scopo della tabella.

3. Fare clic su OK.

   La tua tabella è stata creata.

Quando si lavora con le tabelle, provare a sfruttare la funzionalità della tabella espansa in Dreamweaver. (Trova il pulsante Espanso nella sezione Layout del pannello Inserisci.) La vista estesa aggiunge il riempimento e la spaziatura delle celle in una tabella e aumenta le dimensioni del bordo per facilitare la selezione. Per un'anteprima accurata, tornare alla visualizzazione Standard (fare clic sul pulsante Standard nella sezione Layout del pannello Inserisci) dopo aver terminato la modifica.