Creare aree e tabelle ripetute e configurare le proprietà delle tabelle in Dreamweaver per controllare il layout di pagina.
Un'area ripetibile è una sezione di un modello che può essere duplicata più volte in una pagina basata su modello.In genere, le aree ripetibili vengono utilizzate con le tabelle, ma puoi definire un'area ripetibile per altri elementi della pagina.
Le aree ripetibili ti consentono di controllare il layout della pagina ripetendo determinati elementi, come il layout di un articolo di catalogo e della relativa descrizione, o una riga per dati come un elenco di elementi.
Ci sono due oggetti modello di area ripetibile che puoi utilizzare: area ripetibile e tabella ripetibile.
Creare un'area ripetibile in un modello
Le aree ripetibili consentono agli utenti del modello di duplicare un'area specifica in un modello ogni volta che lo desiderano. Un'area ripetuta non è necessariamente un'area modificabile.
Per rendere modificabile il contenuto in un'area ripetibile (ad esempio, per permettere a un utente di inserire testo in una cella di tabella in un documento basato su modello), devi inserire un'area modificabile nell'area ripetibile.
Seleziona il testo o il contenuto che desideri impostare come area ripetibile.
Posiziona il punto di inserimento nel documento dove vuoi inserire l'area ripetibile.
Selezionate Inserisci > Modello > Area ripetuta.
Nella categoria Modelli del pannello Inserisci, selezionate Area ripetuta.
quando assegnate un nome a un'area, non utilizzate caratteri speciali.
Inserire una tabella ripetuta
Puoi utilizzare una tabella ripetibile per creare un'area modificabile (in formato tabella) con righe ripetibili. Puoi definire gli attributi della tabella e impostare quali celle della tabella sono modificabili.
Selezionate Inserisci > Modello > Tabella ripetuta.
Nella categoria Modelli del pannello Inserisci, selezionate Tabella ripetuta.
Righe
Determina il numero di righe della tabella.
Colonne
Determina il numero di colonne della tabella.
Margine celle
Determina il numero di pixel tra il contenuto di una cella e i bordi della cella.
Spaziatura celle
Specifica la distanza in pixel tra le celle adiacenti della tabella.
Se non assegnate dei valori espliciti alle opzioni Margine celle e Spaziatura celle, la maggior parte dei browser visualizza la tabella come se l'opzione Margine celle fosse impostata 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.
Larghezza
Specifica la larghezza della tabella in pixel o come percentuale della larghezza della finestra del browser.
Bordo
Specifica la larghezza in pixel dei bordi della tabella.
Se non specificate un valore per il bordo, nella maggior parte dei browser viene utilizzato un bordo di tabella uguale a 1. Per far sì che i browser visualizzino la tabella senza bordi, impostate l'opzione Bordo su 0.
Per visualizzare i bordi delle celle e della tabella quando l'opzione Bordo è impostata su 0, selezionate Visualizza > Opzioni vista Progettazione > Riferimenti visivi. Questa opzione è disponibile solo nella vista Progettazione.
Righe ripetute della tabella
Specifica quali righe nella tabella sono incluse nell'area ripetibile.
Riga iniziale
Imposta il numero di riga inserito come prima riga da includere nell'area ripetibile.
Riga finale
Imposta il numero di riga inserito come ultima riga da includere nell'area ripetibile.
Nome area
Consente di impostare un nome univoco per l'area ripetuta.
Imposta colori di sfondo alternati in una tabella ripetibile
Dopo aver inserito una tabella ripetibile in un modello, puoi personalizzarla alternando il colore di sfondo delle righe della tabella.
<tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">
Puoi sostituire i valori esadecimali #FFFFFF e #CCCCCC con altre scelte cromatiche.
Di seguito trovi un esempio di codice di una tabella che include colori di sfondo alternati per le righe:
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr><th>Name</th><th>Phone Number</th><th>Email Address</th></tr>
<!-- TemplateBeginRepeat name="contacts" -->
<tr bgcolor="@@(_index & 1 ? '#FFFFFF' : '#CCCCCC')@@">
<td> <!-- TemplateBeginEditable name="name" --> name <!-- TemplateEndEditable -->
</td>
<td> <!-- TemplateBeginEditable name="phone" --> phone <!-- TemplateEndEditable -->
</td>
<td> <!-- TemplateBeginEditable name="email" --> email <!-- TemplateEndEditable -->
</td>
</tr>
<!-- TemplateEndRepeat -->
</table>
Altri contenuti simili
Crea splendidi siti web con Dreamweaver
Progetta, codifica e gestisci siti web dinamici con un potente strumento completo.