Comment reconnaître des modèles et des documents basés sur un modèle grâce au mode Création et d’Affichage de code sous Dreamweaver.

Reconnaissance des modèles en mode Création

En mode Création, les régions modifiables s’affichent dans la fenêtre de document entourées d’un cadre rectangulaire. Référez-vous au volet inférieur de la fenêtre de document pour connaître le nom de la région.

La barre de titre de la fenêtre de document permet d’identifier les fichiers de modèle. L’extension du fichier est .dwt.

Reconnaissance des modèles en mode Création
Reconnaissance des modèles en mode Création

Reconnaissance des modèles en mode Code

En mode Code, les régions de contenu modifiables sont repérées dans le code HTML par les commentaires suivants :

<!-- TemplateBeginEditable> et <!-- TemplateEndEditable -->

Remarque :

Vous pouvez utiliser les préférences de couleur de code pour définir votre propre modèle de coloration afin de pouvoir distinguer facilement les régions du modèle lorsque vous affichez un document en mode Code.

Tous les éléments compris entre ces commentaires sont modifiables dans les documents créés à partir du modèle. Le code source HTML d’une région modifiable peut se présenter comme suit :

<table width="75%"  border="1"  cellspacing="0" cellpadding="0"> 
  <tr bgcolor="#333366"> 
    <td>Name</td> 
    <td><font color="#FFFFFF">Address</font></td> 
    <td><font color="#FFFFFF">Telephone Number</font></td> 
  </tr> 
  <!-- TemplateBeginEditable name="LocationList" --> 
  <tr> 
    <td>Enter name</td> 
    <td>Enter Address</td> 
    <td>Enter Telephone</td> 
  </tr> 
  <!-- TemplateEndEditable --> 
</table>

Remarque :

Lorsque vous modifiez le code du modèle en mode Code, prenez soin à ne pas modifier les balises de commentaire se référant au modèle utilisé sous Dreamweaver.

Reconnaissance d’un document basé sur un modèle en mode Création

Dans un document basé sur un modèle, les régions modifiables s’affichent, dans le mode Création de la fenêtre de document, entourées d’un cadre rectangulaire en pointillé. La partie inférieure de la fenêtre indique le nom de la région.

Outre les régions modifiables, la page entière est entourée d’un cadre d’une couleur différente et un onglet dans le coin supérieur droit indique le nom du modèle sur lequel le document est basé. Ce cadre a pour fonction de vous rappeler que le document a été créé à partir d’un modèle et que vous ne pouvez rien changer en dehors des régions modifiables.

Reconnaissance d’un document reposant sur un modèle en mode Code

En mode Code, les régions modifiables d’un document dérivé d’un modèle s’affichent dans une couleur différente du code dans les régions non modifiables. Vous pouvez modifier uniquement le code dans les régions ou les paramètres modifiables, mais vous ne pouvez pas effectuer de saisie dans les régions verrouillées.

Sous Dreamweaver, le contenu modifiable est marqué dans le code HTML par ces commentaires :

<!‑‑ InstanceBeginEditable> et <!‑‑ InstanceEndEditable ‑‑>

Tous les éléments compris entre ces commentaires sont modifiables dans un document basé sur un modèle. Le code source HTML d’une région modifiable peut se présenter comme suit :

<body bgcolor="#FFFFFF" leftmargin="0"> 
<table width="75%"  border="1"  cellspacing="0" cellpadding="0"> 
  <tr bgcolor="#333366"> 
    <td>Name</td> 
    <td><font color="#FFFFFF">Address</font></td> 
    <td><font color="#FFFFFF">Telephone Number</font></td> 
  </tr> 
  <!-- InstanceBeginEditable name="LocationList" --> 
  <tr> 
    <td>Enter name</td> 
    <td>Enter Address</td> 
    <td>Enter Telephone</td> 
  </tr> 
  <!-- InstanceEndEditable --> 
</table> 
</body>

La couleur par défaut du texte non modifiable est le gris. Vous pouvez associer des couleurs différentes aux régions modifiables et aux régions non modifiables à l’aide de la boîte de dialogue Préférences.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne