Posiziona il punto di inserimento dove desideri che appaia la tabella.
Ultimo aggiornamento il
27 apr 2021
Utilizzare le tabelle per presentare i contenuti nel sito web. Inoltre, come dividere e unire le celle della tabella e importare ed esportare dati in formato tabulare.
Le tabelle sono uno strumento potente per presentare dati tabulari su una pagina HTML. Una tabella è costituita da una o più righe contenenti una o più celle. Anche se le colonne di solito non sono specificate esplicitamente nel codice HTML, Dreamweaver consente di manipolare le colonne oltre alle righe e alle celle.
Nota
Si consiglia di non utilizzare le tabelle per il layout della pagina web. Prova i modelli di partenza (File > Nuovo > Modelli di partenza) per iniziare con layout predefiniti. Puoi inserire il tuo testo e le tue immagini in questi layout e definirne lo stile utilizzando i CSS.
Precedenza della formattazione delle tabelle in HTML
Quando formattate una tabella nella vista Progettazione, potete definire le proprietà dell'intera tabella o delle righe, colonne o celle selezionate nella tabella. Quando si imposta una proprietà, ad esempio il colore di sfondo o l'allineamento, su un valore per l'intera tabella e su un valore diverso per singole celle, la formattazione delle celle ha la precedenza sulla formattazione delle righe, che a sua volta ha la precedenza sulla formattazione della tabella.
L'ordine di precedenza per la formattazione delle tabelle è il seguente:
- Celle
- Righe
- Tabella
Ad esempio, se imposti il colore di sfondo di una singola cella su blu, quindi imposti il colore di sfondo dell'intera tabella su giallo, la cella blu non cambia in giallo, poiché la formattazione delle celle ha precedenza sulla formattazione delle tabelle.
Nota
Quando imposti le proprietà su una colonna, Dreamweaver modifica gli attributi del tag td corrispondente a ciascuna cella della colonna.
Divisione e unione delle celle della tabella
Puoi unire qualsiasi numero di celle adiacenti, purché l'intera selezione sia una riga o un rettangolo di celle, per produrre una singola cella che si estende su più colonne o righe. Puoi dividere una cella in qualsiasi numero di righe o colonne, indipendentemente dal fatto che sia stata precedentemente unita. Dreamweaver ristruttura automaticamente la tabella (aggiungendo eventuali attributi colspan o rowspan necessari) per creare la disposizione specificata.
Nell'esempio seguente, le celle al centro delle prime due righe sono state unite in una singola cella che si estende su due righe.
Inserire una tabella e aggiungere contenuto
Utilizza il pannello Inserisci o il menu Inserisci per creare una nuova tabella. Quindi, aggiungi testo e immagini alle celle della tabella nello stesso modo in cui aggiungi testo e immagini al di fuori di una tabella.
Nota
Se il documento è vuoto, puoi posizionare il punto di inserimento solo all'inizio del documento.
Selezionate Inserisci > Tabella.
Nella categoria HTML del pannello Inserisci, fai clic su Tabella.
Imposta gli attributi della finestra di dialogo Tabella e fai clic su
OK per creare la tabella.
Righe
Determina il numero di righe della tabella.
Colonne
Determina il numero di colonne della tabella.
Larghezza tabella
Specifica la larghezza della tabella in pixel o come percentuale della larghezza della finestra del browser.
Spessore bordo
Specifica la larghezza in pixel dei bordi della tabella.
Spaziatura celle
Specifica la distanza in pixel tra le celle adiacenti della tabella.
Nota
Se non assegnate valori espliciti alle opzioni Margine celle e Spaziatura celle, la maggior parte dei browser visualizza la tabella come se le opzioni Spessore bordo e Margine celle fossero impostate su 1 e l'opzione Spaziatura celle su 2. Per far sì che i browser visualizzino la tabella senza bordi e senza spaziatura o margine delle celle, impostate Margine celle e Spaziatura celle su 0.
Margine celle
Determina il numero di pixel tra il bordo di una cella e il suo contenuto.
Nessuna
Non attiva alcuna intestazione di colonna o di riga per la tabella.
A sinistra
Trasforma la prima colonna della tabella in una colonna per le intestazioni, in modo da poter inserire un'intestazione per ogni riga della tabella.
Margine superiore
Trasforma la prima riga della tabella in una riga per le intestazioni, in modo da poter inserire un'intestazione per ogni colonna della tabella.
Entrambe
Consente di inserire nella tabella intestazioni sia di riga sia di colonna.
Nota
Si consiglia di utilizzare le intestazioni nel caso in cui i visitatori del sito Web facciano uso di uno screen reader. Gli screen reader leggono le intestazioni delle tabelle e consentono agli utenti di individuare immediatamente le informazioni contenute nelle tabelle.
Didascalia
Fornisce un titolo della tabella che viene visualizzato al di fuori della tabella.
Riepilogo
Fornisce una descrizione della tabella. Gli screen reader leggono il testo di riepilogo, ma il testo non appare nel browser dell'utente.
Importare ed esportare le tabelle
Puoi importare dati tabulari creati in un'altra applicazione (come Microsoft Excel) e salvati in formato testo delimitato (con elementi separati da tabulazioni, virgole, due punti o punti e virgola) in Dreamweaver e formattarli come tabella.
Puoi anche esportare i dati di tabella da Dreamweaver in un file di testo, con i contenuti delle celle adiacenti separati da un delimitatore. Puoi usare virgole, due punti, punti e virgola o spazi come delimitatori. Quando esporti una tabella, viene esportata l'intera tabella; non puoi selezionare porzioni di una tabella da esportare.
Nota
Se desideri solo alcuni dati da una tabella, ad esempio le prime sei righe o le prime sei colonne, copia le celle contenenti quei dati, incolla quelle celle al di fuori della tabella (per creare una nuova tabella) ed esporta la nuova tabella.
Importare dati di tabella
Seleziona File > Importa > Importa dati tabulari.
Specificate le opzioni relative ai dati della tabella e fate clic su OK.
File di dati
Il nome del file da importare. Fai clic sul pulsante Sfoglia per selezionare un file.
Delimitatore
Il delimitatore utilizzato nel file da importare.
Se selezionate Altro, viene visualizzata una casella di testo a destra del menu a comparsa. Inserite il delimitatore utilizzato nel file.
Nota
specificate il delimitatore utilizzato al momento del salvataggio del file di dati. In caso contrario, il file non verrà importato in modo corretto e non potrete formattare i dati sotto forma di tabella.
Larghezza tabella
La larghezza della tabella.
Selezionate Adatta ai dati per adattare la larghezza di ogni colonna alla stringa di testo più lunga presente nella colonna.
Selezionate Imposta a per specificare una larghezza di tabella fissa espressa in pixel o come percentuale della larghezza della finestra del browser.
Bordo
Specifica la larghezza in pixel dei bordi della tabella.
Margine celle
Il numero di pixel tra il contenuto di una cella e i bordi della cella.
Spaziatura celle
Il numero di pixel tra celle adiacenti della tabella.
Nota
Se non assegnate valori espliciti alle opzioni Bordo, Margine celle e Spaziatura celle, la maggior parte dei browser visualizza la tabella come se le opzioni Bordo e Margine celle fossero impostate su 1 e l'opzione Spaziatura celle su 2. Per far sì che i browser visualizzino la tabella senza spaziatura o margine delle celle, impostate Margine celle e Spaziatura celle su 0. Per visualizzare i bordi delle celle e della tabella quando l'opzione Bordo è impostata su 0, selezionate Visualizza > Riferimenti visivi > Bordi delle tabelle.
Formatta riga superiore
Determina quale formattazione, se presente, viene applicata alla prima riga della tabella.Seleziona tra quattro opzioni di formattazione: nessuna formattazione, grassetto, corsivo o grassetto corsivo.
Esportare una tabella
Posiziona il punto di inserimento in qualsiasi cella
della tabella.
Seleziona File > Esporta > Tabella.
Specificate le seguenti opzioni:
Delimitatore
Specifica quale carattere delimitatore deve essere usato per separare gli elementi nel file esportato.
Interruzioni di riga
Specifica in quale sistema operativo aprirai il file esportato: Windows, Macintosh o UNIX. (I diversi sistemi operativi hanno modi diversi di indicare la fine di una riga di testo.)
Fate clic su Esporta.
Inserite un nome da assegnare al file e fate clic su Salva.
Selezionare gli elementi di una tabella
Puoi selezionare un'intera tabella, riga o colonna contemporaneamente. Puoi anche selezionare una o più celle.
Quando sposti il puntatore sopra una tabella, riga, colonna o cella, Dreamweaver evidenzia tutte le celle in quella selezione per indicarti quali celle vengono selezionate.Questo è utile quando hai tabelle senza bordi, celle che si estendono su più colonne o righe, o tabelle nidificate. Puoi cambiare il colore di evidenziazione nelle preferenze.
Nota
Se posizioni il puntatore sul bordo di una tabella, quindi tieni premuto il tasto Ctrl (Windows) o Comando (Macintosh), l'intera struttura della tabella, ovvero tutte le celle della tabella, viene evidenziata.Questo è utile quando hai tabelle nidificate e vuoi vedere la struttura di una delle tabelle.
Selezionare un'intera tabella
Esegui una delle seguenti operazioni per selezionare una tabella:
- Fai clic sull'angolo superiore sinistro della tabella per selezionare la tabella.
- Fai clic in una cella della tabella, quindi seleziona il tag nel selettore di tag nell'angolo inferiore sinistro della finestra Documento.
- Fate clic in una cella della tabella, quindi fate clic sul menu dell'intestazione della tabella, infine selezionate Seleziona tabella. Vengono visualizzate le maniglie di selezione sul bordo inferiore e destro della tabella selezionata.
- Fai clic in una cella della tabella e seleziona Modifica > Tabella > Seleziona tabella.
Seleziona singole righe o colonne o righe e colonne multiple
Posiziona il puntatore sul
bordo sinistro di una riga o sul bordo superiore di una colonna.
Quando il puntatore si trasforma in una freccia di selezione, fai clic
per selezionare una riga o una colonna oppure trascina per selezionare più righe o colonne.
Selezionare una colonna singola
Fate clic nella colonna.
Fai clic sul menu dell'intestazione della colonna e scegli Seleziona colonna.
Selezionare una cella singola
Effettuate una delle operazioni seguenti:
- Fate clic nella cella, quindi selezionate il tag <td> nel selettore di tag presente nell'angolo inferiore sinistro della finestra del documento.
- Tenete premuto il tasto Ctrl (Windows) o Comando (Macintosh) e fate clic nella cella.
Seleziona una riga o un blocco rettangolare di celle
Effettuate una delle operazioni seguenti:
Trascinate il mouse da una cella a un'altra.
Fate clic in una cella, fate clic tenendo premuto il tasto Ctrl (Windows) o Comando (Macintosh) nella stessa cella per selezionarla, quindi fate clic su un'altra cella tenendo premuto il tasto Maiusc.
Selezionare celle non adiacenti
Fai clic tenendo premuto Ctrl (Windows) o Cmd
(Macintosh) sulle celle, righe o colonne che desideri selezionare.
Se ogni cella, riga o colonna su cui fai clic tenendo premuto Ctrl o Cmd non è già selezionata, viene aggiunta alla selezione. Se è già selezionata, viene rimossa dalla selezione.
Cambia il colore di evidenziazione per gli elementi della tabella
Seleziona
Modifica > Preferenze (Windows) o Dreamweaver >
Preferenze (Macintosh).
Seleziona Evidenziazione dall'elenco delle categorie a sinistra,
apporta una delle seguenti modifiche e fai clic su OK.
Per modificare il colore di evidenziazione degli elementi della tabella, fate clic sulla casella del colore delle aree modificabili, quindi selezionate un colore di evidenziazione utilizzando l'apposito selettore oppure inserite il valore esadecimale del colore di evidenziazione desiderato nella casella di testo.
Per attivare o disattivare l'evidenziazione per gli elementi di tabella, selezionate o deselezionate l'opzione Mostra per mouseover.
Nota
Queste opzioni influiscono su tutti gli oggetti che Dreamweaver evidenzia quando sposti il puntatore su di essi.
Impostare le proprietà della tabella
Puoi utilizzare la finestra di ispezione Proprietà per modificare le tabelle.
Selezionate una tabella.
Nel pannello Proprietà (Finestra > Proprietà), modifica le proprietà secondo necessità.
ID tabella
L'ID della tabella.
Righe e Colonne
Il numero di righe e di colonne della tabella.
La
La larghezza della tabella in pixel o sotto forma di percentuale rispetto alla larghezza della finestra del browser.
Nota
in genere, non è necessario impostare l'altezza di una tabella.
MargCell
Il numero di pixel tra il contenuto di una cella e i bordi della cella.
SpazCell
Il numero di pixel tra celle adiacenti della tabella.
Allinea
Specifica la posizione in cui viene visualizzata la tabella rispetto agli altri elementi dello stesso paragrafo, ad esempio il testo o le immagini.
A sinistra allinea la tabella a sinistra degli altri elementi in modo che il testo dello stesso paragrafo venga disposto intorno alla tabella a destra, A destra allinea la tabella a destra degli altri elementi con il testo intorno alla tabella a sinistra, mentre Al centro centra la tabella e dispone il testo sopra e/o sotto la tabella. Predefinito specifica l'allineamento predefinito del browser.
Nota
Se si specifica l'allineamento predefinito, accanto alla tabella non viene visualizzato altro contenuto. Per visualizzare una tabella accanto ad altro contenuto, utilizzate l'allineamento A sinistra o A destra.
Bordo
Specifica la larghezza in pixel dei bordi della tabella.
Nota
Se non assegnate dei valori espliciti alle opzioni Bordo, MargCell e SpazCell, la maggior parte dei browser visualizza la tabella come se il bordo e il margine celle fossero impostati su 1 e la spaziatura celle su 2. Per far sì che i browser visualizzino la tabella senza spaziatura o margine delle celle, impostate Bordo, MargCell e SpazCell su 0. Per visualizzare i bordi delle celle e della tabella quando l'opzione Bordo è impostata su 0, selezionate Visualizza > Riferimenti visivi > Bordi delle tabelle.
Classe
Imposta una classe CSS nella tabella.
Nota
potrebbe essere necessario espandere la finestra di ispezione Proprietà tabella per visualizzare le opzioni seguenti. Per espandere la finestra di ispezione Proprietà tabella, fate clic sulla freccia di espansione situata nell'angolo inferiore destro.
Cancella larghezze colonne e Cancella altezze righe
e Annulla altezza celle consentono di eliminare dalla tabella tutti i valori di altezza delle righe o di larghezza delle colonne specificati.
Converti larghezza celle in pixel
e Converti altezze tabella in pixel imposta la larghezza o l'altezza di ogni colonna della tabella sulla larghezza attuale in pixel (imposta anche la larghezza dell'intera tabella sulla larghezza attuale in pixel).
Converti larghezza celle in percentuali
e Converti altezze tabella in percentuale imposta la larghezza o l'altezza di ogni colonna della tabella sulla larghezza attuale espressa come percentuale della larghezza della finestra Documento (imposta anche la larghezza dell'intera tabella sulla larghezza attuale come percentuale della larghezza della finestra Documento).
Se hai inserito un valore in una casella di testo, premi Tab o Invio (Windows) o Return (Macintosh) per applicare il valore.
Impostare le proprietà di celle, righe e colonne
Puoi utilizzare la finestra di ispezione Proprietà per modificare celle e righe in una tabella.
Selezionate la colonna o la riga.
Nella finestra di ispezione Proprietà (Finestra > Proprietà), impostate le opzioni seguenti:
Orizz
Specifica l'allineamento orizzontale dei contenuti di una cella, riga o colonna.Puoi allineare il contenuto a sinistra, a destra o al centro delle celle, oppure puoi indicare che il browser dovrebbe utilizzare il proprio allineamento predefinito (solitamente a sinistra per le celle normali e al centro per le celle di intestazione).
Vert
Specifica l'allineamento verticale del contenuto di una cella, riga o colonna.Puoi allineare il contenuto alla parte superiore, al centro, alla parte inferiore o alla baseline delle celle, oppure indicare che il browser dovrebbe utilizzare il proprio allineamento predefinito (solitamente al centro).
Larg. e Alt.
La larghezza e l'altezza delle celle selezionate espresse in pixel o come percentuale della larghezza o dell'altezza dell'intera tabella. Per specificare una percentuale, inserite il simbolo di percentuale (%) dopo il valore. Lasciate vuoto il campo (impostazione predefinita) per fare in modo che venga automaticamente applicata la larghezza o l'altezza appropriata in base al contenuto della cella e alla larghezza e all'altezza delle altre colonne e righe.
Per impostazione predefinita, vengono applicate un'altezza di riga e una larghezza di colonna adatte all'immagine di larghezza maggiore o alla riga di testo di lunghezza maggiore contenuta nella colonna. È per questo motivo che una colonna talvolta diventa molto più larga delle altre quando viene riempita con un contenuto.
Nota
potete specificare l'altezza come percentuale dell'altezza totale della tabella, ma la riga potrebbe non essere visualizzata con l'altezza specificata nei browser.
Sf
Il colore di sfondo per una cella, colonna o riga, scelto con il selettore colore.
Unisci celle
Consente di combinare le celle, le righe o le colonne selezionate e creare un'unica cella. Potete unire solo le celle che formano un blocco rettangolare o lineare.
Dividi cella
Suddivide una cella creando due o più celle. Puoi dividere solo una cella alla volta; questo pulsante è disabilitato se selezioni più di una cella.
No a capo
Impedisce il ritorno a capo mantenendo tutto il testo di una determinata cella su un'unica riga. Se Nessun ritorno a capo è abilitato, le celle si allargano per contenere tutti i dati mentre li digiti o li incolli nella cella. (Normalmente, le celle si espandono orizzontalmente per contenere la parola più lunga o l'immagine più larga nella cella, quindi si espandono verticalmente se necessario per contenere altri contenuti.)
Intest
Formatta le celle selezionate come celle di intestazione della tabella.I contenuti delle celle di intestazione della tabella sono in grassetto e centrati per impostazione predefinita.
Nota
Puoi specificare larghezze e altezze come pixel o percentuali e puoi convertire da pixel a percentuali e viceversa.
Nota
Quando imposti proprietà su una colonna, Dreamweaver cambia gli attributi del tag td corrispondente a ogni cella della colonna. Tuttavia, quando imposti certe proprietà per una riga, Dreamweaver cambia gli attributi del tag tr piuttosto che cambiare gli attributi di ogni tag td nella riga. Quando applichi lo stesso formato a tutte le celle in una riga, applicare il formato al tag tr produce codice HTML più pulito e conciso.
Premi Tab o Invio (Windows) o A capo (Macintosh) per
applicare il valore.
Formattare tabelle e celle
Puoi cambiare l'aspetto delle tabelle impostando proprietà per la tabella e le sue celle o applicando un design preimpostato alla tabella. Prima di impostare proprietà di tabella e cella, tieni presente che l'ordine di precedenza per la formattazione è celle, righe e tabelle.
Nota
Per formattare il testo all'interno di una cella di tabella, usa le stesse procedure che useresti per formattare testo fuori dalla tabella.
Cambia il formato di una tabella, riga, cella o colonna
Selezionate una tabella, cella, riga o colonna.
Nel pannello Proprietà (Finestra > Proprietà), fai clic sulla freccia di espansione nell'angolo in basso a destra e modifica le proprietà se necessario.
Apportate le modifiche necessarie alle proprietà.
Per ulteriori informazioni sulle opzioni, fai clic sull'icona Aiuto im Impostazioni proprietà.
Nota
Quando imposti proprietà su una colonna, Dreamweaver cambia gli attributi del tag td corrispondente a ogni cella nella colonna. Tuttavia, quando imposti certe proprietà per una riga, Dreamweaver cambia gli attributi del tag tr piuttosto che cambiare gli attributi di ogni tag td nella riga. Quando applichi lo stesso formato a tutte le celle in una riga, applicare il formato al tag tr produce codice HTML più pulito e conciso.
Aggiungi o modifica valori di accessibilità per una tabella in vista Codice
Modifica gli attributi appropriati nel
codice.
Nota
Per individuare rapidamente i tag nel codice, fai clic nella tabella, quindi seleziona il tag <table> nel selettore tag nella parte inferiore della finestra Documento.
Aggiungi o modifica valori di accessibilità per una tabella in vista Design
- Per modificare la didascalia della tabella, selezionala e digita una nuova didascalia.
Per modificare l'allineamento della didascalia, posiziona il punto di inserimento nella didascalia della tabella, fai clic con il pulsante destro del mouse (Windows) o fai clic tenendo premuto il tasto Ctrl (Macintosh), quindi seleziona Modifica codice tag.
Per modificare il riepilogo della tabella, seleziona la tabella, fai clic con il pulsante destro del mouse (Windows) o fai clic tenendo premuto il tasto Ctrl (Macintosh), quindi seleziona Modifica codice tag.
Modificare le dimensioni di tabelle, colonne e righe
Ridimensionamento delle tabelle
Puoi ridimensionare un'intera tabella o singole righe e colonne.Quando ridimensioni un'intera tabella, tutte le celle della tabella cambiano dimensione in modo proporzionale. Se nelle celle di una tabella sono specificate larghezze o altezze esplicite, il ridimensionamento della tabella modifica le dimensioni visive delle celle nella finestra Documento ma non modifica le larghezze e le altezze specificate delle celle.
Puoi ridimensionare una tabella trascinando una delle maniglie di selezione. Dreamweaver visualizza la larghezza della tabella, insieme a un menu di intestazione della tabella, nella parte superiore o inferiore della tabella quando la tabella è selezionata o il punto di inserimento si trova nella tabella.
A volte le larghezze delle colonne impostate nel codice HTML non corrispondono alle larghezze apparenti sullo schermo. Quando questo accade, puoi rendere coerenti le larghezze. Le larghezze di tabelle e colonne e i menu di intestazione vengono visualizzati in Dreamweaver per aiutarti a impaginare le tabelle; puoi abilitare o disabilitare le larghezze e i menu secondo necessità.
Ridimensionamento delle colonne e righe
Puoi cambiare la larghezza di una colonna o l'altezza di una riga nel pannello Proprietà o trascinando i bordi della colonna o della riga.Se hai difficoltà nel ridimensionamento, puoi cancellare le larghezze delle colonne o le altezze delle righe e ricominciare.
Nota
Puoi anche cambiare direttamente le larghezze e le altezze delle celle nel codice HTML utilizzando la vista Codice.
Dreamweaver visualizza le larghezze delle colonne, insieme ai menu di intestazione delle colonne, nella parte superiore o inferiore delle colonne quando la tabella è selezionata o il punto di inserimento si trova nella tabella; puoi abilitare o disabilitare i menu di intestazione delle colonne secondo necessità.
Ridimensionare una tabella
Selezionate la tabella. Se quando selezionate la tabella siete nella vista Dal vivo, viene mostrato Visualizzazione elemento. Fai clic sull'icona sandwich per accedere alla modalità di formattazione tabella.
Per ridimensionare la tabella orizzontalmente, trascina la maniglia di selezione a destra.
Per ridimensionare la tabella verticalmente, trascina la maniglia di selezione in basso.
Per ridimensionare la tabella in entrambe le dimensioni, trascina la maniglia di selezione nell'angolo in basso a destra.
Per uscire dalla modalità di formattazione della tabella nella vista Dal vivo, premete Esc o fate clic fuori dalla tabella. Puoi utilizzare le opzioni del menu Modifica > Tabella per modificare ulteriormente la tabella.
Nota: le opzioni disponibili nel menu Modifica > Tabella sono diverse se selezionate l'intera tabella o una singola cella. Nella vista Dal vivo, Visualizzazione elemento mostra "tabella" quando è selezionata l'intera tabella e "td" quando è selezionata una determinata cella. Per passare dalla modalità di formattazione cella alla modalità di formattazione tabella, fai clic sul bordo della tabella.
Cambiare la larghezza di una colonna e mantenere la larghezza complessiva della tabella
Nella vista Progettazione, trascina il bordo destro della colonna che vuoi cambiare.
Si modifica anche la larghezza della colonna adiacente, quindi ridimensioni effettivamente due colonne.Il feedback visivo ti mostra come si adatteranno le colonne; la larghezza complessiva della tabella non cambia.
Nota
Nelle tabelle con larghezze basate su percentuale (non pixel), se trascini il bordo destro della colonna più a destra, cambia la larghezza dell'intera tabella, e tutte le colonne diventano più larghe o si restringono proporzionalmente.
Cambia la larghezza di una colonna e mantieni le dimensioni delle altre colonne
Nella vista Progettazione, tieni premuto il tasto Maiusc e trascina il bordo della colonna.
La larghezza di una colonna cambia. Il feedback visivo mostra come si regolano le colonne; la larghezza complessiva della tabella cambia per adattarsi alla colonna che stai ridimensionando.
Modificare visivamente l'altezza di una riga
Trascinate il bordo inferiore della riga.
Rendi coerenti in codice le larghezze delle colonne con le larghezze visive
Fate clic in una cella.
Fai clic sul menu dell'intestazione della tabella, quindi seleziona Rendi uniformi tutte le larghezze.
Dreamweaver reimposta la larghezza specificata nel codice in modo che corrisponda alla larghezza visiva.
Cancella tutte le larghezze o altezze impostate in una tabella
Selezionate la tabella.
Effettuate una delle operazioni seguenti:
Seleziona Modifica > Tabella > Cancella larghezze delle celle oppure Modifica > Tabella > Cancella altezze delle celle.
Nella finestra di ispezione Proprietà (Finestra > Proprietà), fate clic sul pulsante Annulla altezza celle
o Annulla larghezza celle 
.Fai clic sul menu dell'intestazione della tabella, quindi seleziona Cancella tutte le altezze oppure Cancella tutte le larghezze.
Annullare la larghezza impostata di una colonna
Fai clic nella colonna, fai clic sul menu dell'intestazione della colonna e seleziona Cancella larghezza della colonna.
Attiva o disattiva larghezze di tabelle e colonne e menu nella vista Progettazione
Seleziona Visualizza > Opzioni vista Progettazione > Riferimenti visivi > Larghezze tabella.
Aggiungere ed eliminare righe e colonne
Per aggiungere e rimuovere righe e colonne, utilizza il menu Modifica > Tabella o il menu dell'intestazione di colonna.
Nota
Premendo Tab nell'ultima cella di una tabella si aggiunge automaticamente un'altra riga alla tabella.
Aggiungere una singola riga o colonna
Fate clic in una cella ed effettuate una delle seguenti operazioni:
Seleziona Modifica > Tabella > Inserisci riga oppure Modifica > Tabella > Inserisci colonna.
Viene visualizzata una riga al di sopra del punto di inserimento o una colonna a sinistra del punto di inserimento.
Fate clic sul menu dell'intestazione della colonna, quindi selezionate Inserisci colonna a sinistra o Inserisci colonna a destra.
Aggiungere più righe o colonne
Fate clic in una cella.
Seleziona Modifica > Tabella > Inserisci righe o colonne, completa la finestra di dialogo e fai clic su OK.
Inserisci
Indica se devono essere inserite righe o colonne.
Numero di righe o Numero di colonne
Il numero di righe o colonne da inserire.
Posizione
Specifica se le nuove righe o colonne debbano apparire prima o dopo la riga o la colonna della cella selezionata.
Eliminare una riga o una colonna
Effettuate una delle operazioni seguenti:
Fai clic in una cella all'interno della riga o colonna che vuoi eliminare, quindi seleziona Modifica > Tabella > Elimina riga oppure Modifica > Tabella > Elimina colonna.
Seleziona una riga o colonna completa, quindi premi Canc.
- Nella finestra di ispezione Proprietà (Finestra > Proprietà), effettuate una delle seguenti operazioni:
- Per aggiungere o eliminare delle righe, aumentare o ridurre il valore Righe.
- Per aggiungere o eliminare delle colonne, aumentare o ridurre il valore Colonne.
Nota
Dreamweaver non segnala l'eliminazione di righe e colonne che contengono dati.
Dividere e unire le celle
Usa l'ispettore Proprietà o le opzioni nel sottomenu Modifica > Tabella per dividere o unire le celle.
Unire due o più celle di una tabella
Seleziona le celle in una linea contigua
e a forma di rettangolo.
Nella seguente illustrazione, la selezione è un rettangolo di celle, quindi le celle possono essere unite.
Nell'illustrazione seguente, la selezione non è un rettangolo, quindi impossibile unire le celle.
Effettuate una delle operazioni seguenti:
Seleziona Modifica > Tabella > Unisci celle.
Nel pannello Proprietà HTML espanso (Finestra > Proprietà), fai clic su Unisci celle.
Nota
Se non vedi il pulsante, fai clic sulla freccia di espansione nell'angolo inferiore destro del Controllo proprietà per vedere tutte le opzioni.
Tutti i dati contenuti nelle singole celle vengono spostati nella singola cella risultante dall'unione, alla quale vengono applicate le proprietà della prima cella selezionata.
Dividere una cella
Fai clic nella cella ed effettua una delle seguenti operazioni:
Seleziona Modifica > Tabella > Dividi cella.
Nel Controllo proprietà HTML espanso (Finestra > Proprietà), fai clic su Dividi cella.
Nota
se il pulsante non è visualizzato, fate clic sulla freccia di espansione nell'angolo inferiore destro della finestra di ispezione Proprietà per visualizzare tutte le opzioni.
Nella finestra di dialogo Dividi cella, specifica come dividere la cella:
Dividi cella in
Consente di specificare se la cella deve essere divisa in righe o colonne.
Numero di righe/Numero di colonne
Specifica in quante righe o colonne dividere la cella.
Aumenta o diminuisci il numero di righe o colonne occupate da una cella
Effettuate una delle operazioni seguenti:
Seleziona Modifica > Tabella > Aumenta estensione di riga oppure Modifica > Tabella > Aumenta estensione di colonna.
Seleziona Modifica > Tabella > Diminuisci l'estensione della riga oppure Modifica > Tabella > Diminuisci l'estensione della colonna.
Copiare, incollare ed eliminare celle
Puoi copiare, incollare o eliminare una singola cella di tabella o più celle contemporaneamente, conservando la formattazione delle celle.
Puoi incollare le celle nel punto di inserimento o al posto di una selezione in una tabella esistente.Per incollare più celle di tabella, il contenuto degli appunti deve essere compatibile con la struttura della tabella o la selezione nella tabella in cui verranno incollate le celle.
Tagliare o copiare celle
Seleziona una o più celle in una riga contigua e a forma di rettangolo.
Nell'illustrazione seguente, la selezione è un rettangolo di celle, quindi è possibile tagliarle o copiarle.
Nell'illustrazione seguente, la selezione non è un rettangolo, quindi non è possibile tagliare o copiare le celle.
Selezionate Modifica > Taglia o modifica > Copia.
Nota
Se hai selezionato un'intera riga o colonna e selezioni Modifica > Taglia, l'intera riga o colonna viene rimossa dalla tabella (non solo il contenuto delle celle).
Incollare celle di tabella
Selezionate la destinazione delle celle.
Per sostituire delle celle esistenti con le celle da incollare, selezionate una serie di celle esistenti con lo stesso formato delle celle contenute negli Appunti. (Ad esempio, se copiate o incollate un blocco di celle 3 x 2, potete selezionare un altro blocco di celle 3 x 2 da sostituire.)
Per incollare un'intera riga di celle sopra una cella particolare, fate clic nella cella.
Per incollare un'intera colonna di celle a sinistra di una cella particolare, fate clic nella cella.
Nota
se gli Appunti non contengono un'intera riga o colonna di celle e fate clic in una cella per incollare le celle contenute negli Appunti, è possibile (a seconda della posizione all'interno della tabella) che la cella su cui avete fatto clic e le celle adiacenti vengano sostituite dalle celle incollate.
- Per creare una nuova tabella con le celle incollate, posizionate il punto di inserimento all'esterno della tabella.
Selezionate Modifica > Incolla.
Se incolli intere righe o colonne in una tabella esistente, le righe o colonne vengono aggiunte alla tabella.Se incolli una singola cella, il contenuto della cella selezionata viene sostituito.Se incolli all'esterno di una tabella, le righe, colonne o celle vengono utilizzate per definire una nuova tabella.
Rimuovi il contenuto della cella ma lascia intatte le celle
Selezionate una o più celle.
Nota
Assicurati che la selezione non sia costituita interamente da righe o colonne complete.
Premete Canc.
Nota
Se quando selezioni Modifica > Cancella o premi Elimina sono selezionate solo righe o colonne complete, le intere righe o colonne, non solo il loro contenuto, vengono rimosse dalla tabella.
Elimina righe o colonne che contengono celle unite
Selezionate la riga o la colonna.
Seleziona Modifica > Tabella > Elimina riga o Modifica > Tabella > Elimina colonna.
Nidificare tabelle
Una tabella nidificata è una tabella all'interno di una cella di un'altra tabella.Puoi formattare una tabella nidificata come qualsiasi altra tabella; tuttavia, la sua larghezza è limitata dalla larghezza della cella in cui appare.
Fate clic in una cella della tabella esistente.
Seleziona Inserisci > Tabella, imposta le
opzioni di Inserisci tabella e fai clic su OK.
Ordinare le tabelle
Puoi ordinare le righe di una tabella in base al contenuto di una singola colonna. Puoi anche eseguire un ordinamento più complesso della tabella basato sul contenuto di due colonne.
Non puoi ordinare tabelle che contengono attributi colspan o rowspan, ovvero tabelle che contengono celle unite.
Selezionate la tabella o fate clic in una cella.
Seleziona Modifica > Tabella > Ordina tabella, imposta le opzioni nella finestra di dialogo e fai clic su OK.
Ordina per
Stabilisce quale colonna utilizzare per ordinare le righe della tabella.
Ordine
Stabilisce se ordinare la colonna alfabeticamente o numericamente e se ordinarla in ordine crescente (da A a Z, dai numeri più bassi a quelli più alti) o decrescente.
Quando il contenuto di una colonna è costituito da numeri, seleziona Numericamente. Un ordinamento alfabetico applicato a un elenco di numeri a una o due cifre comporta che i numeri vengano ordinati come se fossero parole (con un ordinamento come 1, 10, 2, 20, 3, 30) anziché come numeri (con un ordinamento come 1, 2, 3, 10, 20, 30).
Poi per/Ordine
Determina l'ordine di ordinamento per un ordinamento secondario su una colonna diversa. Specifica la colonna di ordinamento secondario nel menu a comparsa Quindi per e l'ordine di ordinamento secondario nei menu a comparsa Ordine.
Includi la prima riga nell'ordinamento
Specifica di includere nell'ordinamento la prima riga della tabella. Se la prima riga è un'intestazione che non deve essere spostata, non selezionare questa opzione.
Ordina righe intestazione
Specifica di ordinare tutte le righe nella sezione thead della tabella (se presente) utilizzando gli stessi criteri delle righe del corpo. (Nota che le righe thead rimangono nella sezione thead e continuano ad apparire in cima alla tabella anche dopo l'ordinamento.) Per informazioni sul tag thead, consulta il pannello Riferimento (seleziona Aiuto > Riferimento).
Ordina righe piè di pagina
Specifica di ordinare tutte le righe nella sezione tfoot della tabella (se presente) utilizzando gli stessi criteri delle righe del corpo. (Nota che le righe tfoot rimangono nella sezione tfoot e continuano ad apparire in fondo alla tabella anche dopo l'ordinamento.)Per informazioni sul tag tfoot, consulta il pannello Riferimento (seleziona Aiuto > Riferimento).
Mantieni invariati i colori di tutte le righe al termine dell'ordinamento
Specifica che gli attributi delle righe della tabella (come il colore) devono restare associati allo stesso contenuto dopo l'ordinamento.Se le righe della tua tabella sono formattate con due colori alternati, non selezionare questa opzione per assicurarti che la tabella ordinata abbia ancora righe colorate alternate. Se gli attributi di riga sono specifici del contenuto di ciascuna riga, seleziona questa opzione per assicurarti che tali attributi rimangano associati alle righe corrette nella tabella ordinata.
Crea splendidi siti web con Dreamweaver
Progetta, codifica e gestisci siti web dinamici con un potente strumento completo.
