Guida utente Annulla

Creare aree e tabelle ripetute nei modelli in Dreamweaver

 

 

Creare aree e tabelle ripetute e configurare le proprietà delle tabelle in Dreamweaver per controllare il layout di pagina.

Un'area ripetuta è una sezione di un modello che può essere duplicata molte volte in una pagina basata sul modello. Generalmente, le aree ripetute vengono utilizzate per le tabelle, ma potete definirle anche per altri elementi della pagina.

Le aree ripetute consentono di controllare il layout di pagina con la ripetizione di determinati elementi, ad esempio un articolo di catalogo e una descrizione oppure una riga di dati come un elenco di elementi.

Potete utilizzare due oggetti modello di area ripetuta: aree ripetute e tabelle ripetute.

Creare un'area ripetuta in un modello

Le aree ripetute consentono agli utenti dei modelli di duplicare a piacimento un'area specificata in un modello. Un'area ripetuta non è necessariamente un'area modificabile.

Per rendere modificabile il contenuto di un'area ripetuta (ad esempio, per consentire agli utenti di digitare del testo in una cella di tabella in un documento basato sul modello), dovete inserire un'area modificabile nell'area ripetuta.

  1. Nella finestra del documento, effettuate una delle seguenti operazioni:
    • Selezionate il testo o il contenuto che desiderate impostare come area ripetuta.

    • Nel documento, spostate il punto di inserimento nella posizione in cui desiderate inserire l'area ripetuta.

  2. Effettuate una delle operazioni seguenti:
    • Selezionate Inserisci > Modello > Area ripetuta.

    • Nella categoria Modelli del pannello Inserisci, selezionate Area ripetuta.

  3. Nella casella Nome, inserite un nome univoco per l'area del modello. (Non è possibile utilizzare lo stesso nome per più aree ripetute in un modello.)
    Nota:

    quando assegnate un nome a un'area, non utilizzate caratteri speciali.

  4. Fate clic su OK.

Inserire una tabella ripetuta

Potete utilizzare una tabella ripetuta per creare un'area modificabile (in formato tabella) con righe ripetute. Potete definire gli attributi della tabella e impostare le celle modificabili.

  1. Nella finestra del documento, spostate il punto di inserimento nel documento in cui desiderate inserire la tabella ripetuta.
  2. Effettuate una delle operazioni seguenti:
    • Selezionate Inserisci > Modello > Tabella ripetuta.

    • Nella categoria Modelli del pannello Inserisci, selezionate Tabella ripetuta.

  3. Specificate le seguenti opzioni e fate clic su OK.

    Righe

    Determina il numero di righe della tabella.

    Colonne

    Determina il numero di colonne della tabella.

    Margine celle

    Determina la distanza in pixel tra il contenuto e i bordi delle celle.

    Spaziatura celle

    Specifica la distanza in pixel tra le celle adiacenti della tabella.

    Nota:

    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 sotto forma di percentuale rispetto alla larghezza della finestra del browser.

    Bordo

    Specifica la larghezza in pixel dei bordi della tabella.

    Nota:

    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 le righe della tabella incluse nell'area ripetuta.

    Riga iniziale

    Imposta il numero di riga inserito come la prima riga da includere nell'area ripetuta.

    Riga finale

    Imposta il numero di riga inserito come l'ultima riga da includere nell'area ripetuta.

    Nome area

    Consente di impostare un nome univoco per l'area ripetuta.

    Creare tabelle ripetute
    Creazione di tabelle ripetute

Impostare colori di sfondo alternati in una tabella ripetuta

Dopo aver inserito una tabella ripetuta in un modello, potete personalizzarla alternando il colore di sfondo delle righe.

  1. Nella finestra del documento, selezionate una riga nella tabella ripetuta.
  2. Nella barra degli strumenti Documento, fate clic sul pulsante Mostra vista Codice o Mostra viste Codice e Progettazione per accedere al codice della riga di tabella selezionata.
  3. Nella vista Codice, modificate il tag <tr> in modo che includa il codice seguente:
    <tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">
    <tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">
    <tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">

    Potete sostituire i valori esadecimali #FFFFFF e #CCCCCC con altri colori.

  4. Salvate il modello.

    Di seguito è riportato un esempio di codice di una tabella con 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>
    <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>
    <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>

Ottieni supporto in modo più facile e veloce

Nuovo utente?