Création de régions et de tables modifiables sous Dreamweaver

Dernière mise à jour le 27 avr. 2021

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.

Dans la fenêtre Document, procédez de l'une des manières suivantes :
  • 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.

Effectuez l’une des tâches suivantes :
  • 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.

Dans la zone Nom, saisissez un nom unique pour la région du modèle.(Vous ne pouvez pas utiliser le même nom pour plusieurs régions répétitives dans un modèle.)
Annotation

N’insérez pas de caractères spéciaux dans un nom de région.

Cliquez sur OK.

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.

Dans la fenêtre Document, placez le point d'insertion dans le document à l'endroit où vous souhaitez insérer le tableau répétitif.
Effectuez l’une des tâches suivantes :
  • Sélectionnez Insertion > Modèle > Tableau répété.

  • Dans la catégorie Modèles du panneau Insertion, sélectionnez Tableau répété.

Définissez les options suivantes, puis cliquez sur OK.

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.

Annotation

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.

Annotation

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.

Création de tableaux répétés
Création de tableaux répétés

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.

Dans la fenêtre Document, sélectionnez une ligne du tableau répétitif.
Cliquez sur le bouton Afficher le mode Code ou Afficher les modes Code et Création dans la barre d'outils Document pour accéder au code de la ligne de tableau sélectionnée.
En mode Code, modifiez la balise <tr> pour inclure le code suivant :

<tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">

Vous pouvez remplacer les valeurs hexadécimales #FFFFFF et #CCCCCC par d'autres choix de couleur.

Enregistrez le modèle.

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>