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 Code
En mode Code, les zones de contenu modifiables sont marquées en HTML avec les commentaires suivants :
<!-- TemplateBeginEditable> et <!-- TemplateEndEditable -->
Vous pouvez utiliser les préférences de couleur du code pour définir votre propre jeu de couleurs afin de distinguer facilement les zones de modèle lorsque vous affichez un document en vue Code.
Tout ce qui se trouve entre ces commentaires sera modifiable dans les documents basés sur le modèle.Le code source HTML d'une zone modifiable peut ressembler à ceci :
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#333366">
<td>Nom</td>
<td><font color="#FFFFFF">Adresse</font></td>
<td><font color="#FFFFFF">Numéro de téléphone</font></td>
</tr>
<!-- TemplateBeginEditable name="LocationList" -->
<tr>
<td>Saisir le nom</td>
<td>Saisir l'adresse</td>
<td>Saisir le numéro de téléphone</td>
</tr>
<!-- TemplateEndEditable -->
</table>
Lorsque vous modifiez le code de modèle en vue Code, veillez à ne pas modifier les balises de commentaire liées au modèle dont Dreamweaver a besoin.
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 zones modifiables d'un document dérivé d'un modèle apparaissent dans une couleur différente de celle du code des zones non modifiables.Vous ne pouvez apporter des modifications qu'au code des régions modifiables ou des paramètres modifiables, mais vous ne pouvez pas saisir dans les régions verrouillées.
Sous Dreamweaver, le contenu modifiable est marqué dans le code HTML par ces commentaires :
<!‑‑ InstanceBeginEditable> et <!‑‑ InstanceEndEditable ‑‑>
Tout ce qui se trouve entre ces commentaires est modifiable dans un document basé sur un template.Le code source HTML d'une zone modifiable peut ressembler à ceci :
<body bgcolor="#FFFFFF" leftmargin="0">
<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#333366">
<td>Nom</td>
<td><font color="#FFFFFF">Adresse</font></td>
<td><font color="#FFFFFF">Numéro de téléphone</font></td>
</tr>
<!-- InstanceBeginEditable name="LocationList" -->
<tr>
<td>Entrez le nom</td>
<td>Saisir l'adresse</td>
<td>Saisir le numéro de téléphone</td>
</tr>
<!-- InstanceEndEditable -->
</table>
</body>
La couleur par défaut du texte non modifiable est le gris ; vous pouvez sélectionner une couleur différente pour les zones modifiables et non modifiables dans la boîte de dialogue Préférences.
Créez de magnifiques sites web dans Dreamweaver
Concevez, codez et gérez des sites web dynamiques dans un puissant outil tout-en-un.