Créez des régions et des tableaux répétées et configurez les propriétés de tableau sous Dreamweaver pour contrôler votre mise en page.
Une zone répétitive est une section d'un modèle qui peut être dupliquée plusieurs fois dans une page basée sur un modèle.En général, les zones répétitives sont utilisées avec les tableaux, mais vous pouvez définir une zone répétitive pour d'autres éléments de la page.
Les zones répétitives vous permettent de contrôler la mise en page en répétant certains éléments, comme la mise en page d'un article de catalogue et de sa description, ou une ligne pour des données comme une liste d'éléments.
Il existe deux objets template de zone géographique répétitive que vous pouvez utiliser : zone géographique répétitive et tableau répétitif.
Créer une zone répétitive dans un modèle
Les zones géographiques répétitives permettent aux utilisateurs de template de dupliquer une zone géographique spécifiée dans un template aussi souvent que souhaité. Une région répétée n’est pas nécessairement modifiable.
Pour rendre le contenu d'une zone répétitive modifiable (par exemple, pour permettre à un utilisateur de saisir du texte dans une cellule de tableau d'un document basé sur un modèle), vous devez insérer une zone modifiable dans la zone répétitive.
Sélectionnez le texte ou le contenu que vous souhaitez définir comme zone répétitive.
Placez le point d'insertion dans le document à l'endroit où vous souhaitez insérer la région répétitive.
Sélectionnez Insertion > Modèle > Région répétée.
Dans la catégorie Modèles du panneau Insertion, sélectionnez Région répétée.
N’insérez pas de caractères spéciaux dans un nom de région.
Insertion d’un tableau répété
Vous pouvez utiliser un tableau répétitif pour créer une région modifiable (au format tableau) avec des lignes répétitives.Vous pouvez définir les attributs de tableau et paramétrer quelles cellules du tableau sont modifiables.
Sélectionnez Insertion > Modèle > Tableau répété.
Dans la catégorie Modèles du panneau Insertion, sélectionnez Tableau répété.
Lignes
Détermine le nombre de lignes du tableau.
Colonnes
Détermine le nombre de colonnes du tableau.
Marge intérieure des cellules
Détermine le nombre de pixel entre le contenu d'une cellule et les limites de la cellule.
Espacement des cellules
Détermine le nombre de pixels séparant les cellules contiguës d’un tableau.
Lorsque vous n’affectez pas explicitement de valeur pour la marge intérieure et l’espacement des cellules, la plupart des navigateurs affichent le tableau comme si la marge intérieure des cellules était définie sur 1 et l’espacement entre les cellules défini sur 2. Pour être sûr que les navigateurs afficheront le tableau sans marge intérieure ni espacement, définissez Marge intérieure des cellules et Espacement entre les cellules sur 0.
Largeur
Spécifie la largeur du tableau en pixels, ou en pourcentage de la largeur de la fenêtre du navigateur.
Bordure
Indique la largeur, en pixels, des bordures du tableau.
Si vous n’affectez pas explicitement de valeur pour la bordure, la plupart des navigateurs affichent le tableau avec une bordure définie sur 1. Pour vous assurer que les navigateurs affichent le tableau sans bordure, définissez Bordure sur 0.
Pour visualiser les limites des cellules et du tableau lorsque la bordure est définie sur 0, sélectionnez Affichage > Options du mode Création > Assistances visuelles. Cette option est disponible uniquement en mode Création.
Répéter les lignes du tableau
Spécifiez quelles lignes du tableau sont incluses dans la région répétitive.
Ligne de début
Définit le numéro de ligne saisi comme première ligne à inclure dans la région répétitive.
Ligne de fin
Définit le numéro de ligne saisi comme dernière ligne à inclure dans la région répétitive.
Nom de région
Permet d’attribuer un nom unique à la région répétée.
Définir des couleurs d'arrière-plan alternées dans un tableau répétitif
Après avoir inséré un tableau répétitif dans un template, vous pouvez le personnaliser en faisant alterner la couleur d'arrière-plan des lignes de tableau.
<tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">
Vous pouvez remplacer les valeurs hexadécimales #FFFFFF et #CCCCCC par d'autres choix de couleur.
Voici un exemple de code d'un tableau qui inclut des couleurs de ligne de tableau d'arrière-plan alternées :
<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>
Articles connexes
Créez de magnifiques sites web dans Dreamweaver
Concevez, codez et gérez des sites web dynamiques dans un puissant outil tout-en-un.