Guide d'utilisation Annuler

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

 

 

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 région répétée est une section d’un modèle qui peut être reproduite de nombreuses fois dans les pages basées sur ce modèle. On utilise généralement les régions répétées dans le cas de tableaux. Toutefois, il est possible de définir des régions répétées pour d’autres éléments de page.

Les régions répétées permettent de définir la mise en page au moyen de la répétition de certains éléments (article de catalogue et description, par exemple) ou de lignes, par exemple dans le cas d’une liste d’éléments.

Il existe deux objets de modèle de région répétée : région répétée et tableau répété.

Création d’une région répétée dans un modèle

La répétition de régions permet de copier une région spécifique autant de fois que nécessaire dans un modèle. Une région répétée n’est pas nécessairement modifiable.

Pour rendre modifiable le contenu d’une région répétée (par exemple, pour autoriser un utilisateur à taper du texte dans une cellule de tableau dans un document basé sur un modèle), vous devez insérer une région modifiable dans la région répétée.

  1. 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 région répétée.

    • Placez le point d’insertion dans le document à l’endroit où vous souhaitez insérer la région répétée.

  2. Effectuez l’une des opérations 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.

  3. Dans la zone Nom, tapez un nom unique pour la région de modèle. (Vous ne pouvez pas utiliser le même nom pour plusieurs régions répétées dans un modèle donné.)
    Remarque :

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

  4. Cliquez sur OK.

Insertion d’un tableau répété

Vous pouvez créer une région modifiable (sous forme de tableau) à lignes répétées à l’aide d’un tableau répété. Vous pouvez définir des attributs de tableau et indiquer les cellules du tableau pouvant être modifiées.

  1. Placez le point d’insertion dans la fenêtre de document à l’endroit où vous souhaitez insérer le tableau répété.
  2. Effectuez l’une des opérations 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é.

  3. 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 l’espace (en pixels) entre le contenu d’une cellule et son contour.

    Espacement des cellules

    Détermine le nombre de pixels séparant les cellules contiguës d’un tableau.

    Remarque :

    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

    Indique la largeur du tableau en pixels ou en pourcentage de la largeur de fenêtre du navigateur.

    Bordure

    Indique la largeur, en pixels, des bordures du tableau.

    Remarque :

    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

    Permet d’indiquer les lignes du tableau à inclure dans la région répétée.

    Ligne de début

    Permet d’indiquer le numéro de la première ligne à inclure dans la région répétée.

    Ligne de fin

    Permet d’indiquer le numéro de la première ligne à inclure dans la région répétée.

    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éfinition d’une couleur d’arrière-plan alternée dans un tableau répété

Après avoir inséré un tableau répété dans un modèle, vous pouvez le personnaliser en alternant la couleur d’arrière-plan des lignes du tableau.

  1. Dans la fenêtre de document, sélectionnez une ligne du tableau répété.
  2. Cliquez sur le bouton Afficher le mode Code ou Afficher les modes Code et Création de la barre d’outils du document pour accéder au code de la ligne sélectionnée.
  3. En mode Code, modifiez la balise <tr> pour qu’elle se présente de la façon suivante :
    <tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">
    <tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">
    <tr bgcolor="@@( _index & 1 ? '#FFFFFF' : '#CCCCCC' )@@">

    Vous pouvez modifier les valeurs hexadécimales #FFFFFF et #CCCCCC si vous souhaitez utiliser d’autres couleurs.

  4. Enregistrez le modèle.

    Exemple de code correspondant à un tableau dont la couleur d’arrière-plan des lignes est alternée :

    <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>

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?