Come lavorare con le tabelle in Adobe Dreamweaver CS6 - dummies

Quando pensi a una tabella in Adobe Dreamweaver CS6 , pensa a una griglia che contiene più celle, come un foglio di calcolo. Le tabelle vengono utilizzate nelle pagine HTML in modo che elementi e dati possano essere contenuti e posizionati all'interno di celle specifiche in una serie di righe e colonne.

Puoi cambiare i colori delle celle nelle tabelle, dividere o span le celle (combinarle con altre celle) e applicare i bordi ad esse.

Quando crei una tabella, puoi determinare quante righe e colonne contiene, nonché impostare larghezze fisse o scalabili per righe e colonne dove necessario. Puoi anche scegliere unire righe e colonne per creare tabelle univoche.

Per creare una tabella in Dreamweaver, attenersi alla seguente procedura:

1. Posizionare il cursore nel punto in cui si desidera visualizzare la tabella, assicurarsi che la scheda Comune sul pannello Inserisci sia visibile, quindi fare clic sul pulsante Tabella.

   In alternativa, è possibile selezionare Inserisci → Tabella. Indipendentemente dal metodo utilizzato, viene visualizzata la 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 averle create.

   • 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 è un attributo importante perché imposta la dimensione predefinita per la tabella.

   • 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. Nota: Nella vista Progettazione, viene ancora visualizzato un bordo tratteggiato della tavola: è solo un aiuto visivo.

   • Riempimento cella: Immettere un numero nella casella di testo Riempimento cella se si desidera utilizzare il riempimento per 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 modificare la spaziatura per separare le celle.

   • Intestazione: La casella di controllo Intestazione converte la riga superiore della tabella da una riga standard in un'intestazione definita (utilizzando il tag ). Ciò rafforza che la prima riga e il suo contenuto definiscono l'intestazione della tabella.

   • Opzioni di accessibilità: È possibile fornire ulteriori informazioni per aiutare gli utenti ipovedenti a comprendere il contenuto della propria tabella.Aggiungi una didascalia pertinente alla tabella nella casella di testo Didascalia. Nell'area Riepilogo, includere diverse righe di testo per fornire ulteriori informazioni sullo scopo della tabella e del suo contenuto.

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 espansa aggiunge il riempimento e la spaziatura delle celle in una tabella e aumenta le dimensioni del bordo per facilitare la selezione di celle e contenuti.

Per un'anteprima accurata, tornare alla visualizzazione Standard (fare clic sul pulsante Standard nella sezione Layout del pannello Inserisci) dopo aver terminato la modifica.