Come creare una tabella in Dreamweaver - dummies

È possibile inserire una tabella facendo clic sull'icona Tabella nel pannello Inserisci layout di Dreamweaver o utilizzando il Inserisci il menu, come mostrato nelle istruzioni dettagliate che seguono: non preoccuparti di perfezionare le impostazioni, cambia tutte queste opzioni in un secondo momento (ad eccezione delle impostazioni di accessibilità, che possono essere modificate solo nella vista Codice dopo di te hai creato una tabella).

Per creare una tabella in Dreamweaver:

1. Scegli Inserisci → Tabella o fai clic sull'icona Tabella nel pannello Inserisci comune o Layout. < Viene visualizzata la finestra di dialogo Tabella.

   Nei campi Righe e colonne, specificare il numero di righe e colonne, rispettivamente, desiderate nella tabella.

   

2. Nel campo Larghezza tabella, immettere la larghezza della tabella e quindi seleziona Percentuale o Pixel dall'elenco a discesa.

3. Se scegli Pixel, la tabella verrà creata in una dimensione fissa. Se si sceglie Percentuale, la tabella si espanderà o si contrarrà in base alle dimensioni della finestra del browser. Ad esempio, se si crea una tabella e si imposta la dimensione su 80 percento, la tabella riempirà l'80 percento dello spazio della finestra del browser.

   Nel campo Spessore bordo, specificare lo spessore del bordo della tabella in pixel.

4. È possibile inserire uno 0 in questo campo per creare una tabella senza bordi visibili.

   Nei campi Spaziatura cella e Spaziatura cella, immettere il numero di pixel di spaziatura cella e spaziatura cella, rispettivamente, per la tabella.

5. I campi di spaziatura e spaziatura possono essere lasciati vuoti per creare una tabella senza spaziatura o spaziatura extra. In alternativa, puoi creare uno stile CSS che specifica la spaziatura.

   Scegli un'opzione di intestazione facendo clic sull'icona che rappresenta la posizione dell'intestazione desiderata nella tabella.

6. (Opzionale) Nei campi Accessibilità, aggiungere una didascalia e un sommario.

7. Questi campi forniscono informazioni aggiuntive che possono essere utili per i non udenti e altre persone che navigano sul Web utilizzando screen reader o altri browser Web che leggono ad alta voce le pagine Web.

   Fare clic su OK.

8. La tabella viene aggiunta alla pagina in Dreamweaver e la finestra di dialogo Tabella si chiude.

   Per aggiungere del testo a una tabella, fare clic per posizionare il cursore in qualsiasi cella della tabella e quindi digitare i dati desiderati in quella cella. Ripeti per ogni cella.

9. In alternativa, è possibile utilizzare Modifica → Incolla speciale per inserire dati colonnari da un altro programma, come ad esempio Excel.

   Per inserire un'immagine in una cella, fare clic per posizionare il cursore in qualsiasi cella della tabella e quindi selezionare Inserisci → Immagine → Immagine. Ripeti per ogni cella.

10. In alternativa, è possibile utilizzare l'icona Immagine nel pannello di inserimento comune.

    Applica le opzioni di formattazione, come grassetto o corsivo, alle celle selezionate e al loro contenuto scegliendo l'opzione dalla finestra di ispezione Proprietà.

11. È possibile modificare tutte le opzioni della tabella, ad eccezione delle opzioni di accessibilità, nella finestra di ispezione Proprietà dopo aver creato una tabella. Quando selezioni una tabella o cella facendo clic su di essa nell'area di lavoro di Dreamweaver, gli attributi vengono visualizzati nella finestra di ispezione Proprietà nella parte inferiore dell'area di lavoro.

Fare clic sul bordo di qualsiasi tabella per selezionare l'intera tabella e la finestra di ispezione Proprietà visualizza le opzioni della tabella. Per visualizzare tutte le opzioni, fare clic sulla freccia di espansione nell'angolo in basso a destra della finestra di ispezione Proprietà.

Credito: foto di Janine Warner

A volte selezionare l'intero tavolo e non solo una singola cella è complicato. Se hai difficoltà a selezionare la tabella, posiziona semplicemente il cursore ovunque nella tabella e scegli Modifica → Tabella → Seleziona tabella.