Pour créer un nouveau modèle Dreamweaver - les nuls

Vous créez un nouveau modèle dans Dreamweaver en utilisant la même boîte de dialogue Nouveau document que vous utilisez pour créer tout autre type de page. Pour créer un modèle Dreamweaver, procédez comme suit:

1. Choisissez Fichier → Nouveau.

   La boîte de dialogue Nouveau document s'ouvre.

2. Dans la liste de gauche, cliquez sur l'option Page vierge.

   

3. Dans la liste Type de page, choisissez Modèle HTML.

4. Dans la zone Mise en page, choisissez de créer une page vierge ou sélectionnez une mise en page CSS prédéfinie.

   Les nombreuses options de mise en page CSS de Dreamweaver fournissent une excellente longueur d'avance pour la création d'un nouveau design de page.

5. Cliquez sur le bouton Créer.

   Un nouveau modèle vierge est créé et s'ouvre dans la zone de travail principale, et la boîte de dialogue Nouveau document se ferme.

6. Choisissez Fichier → Enregistrer.

   Vous recevez un avertissement (si vous ne l'avez pas désactivé), indiquant que le modèle n'a aucune région modifiable et vous demandant si vous voulez vraiment l'enregistrer. Cliquez sur OK pour fermer la boîte de dialogue d'avertissement et continuer. Dreamweaver vous donne cet avertissement car un modèle sans régions modifiables n'est pas utile. Vous trouverez des instructions pour créer des régions modifiables à l'étape 9.

7. Cliquez sur OK pour enregistrer la page comme c'est le cas pour l'instant.

   La fenêtre Enregistrer en tant que modèle apparaît avec le dossier Modèles ouvert. Si vous ne disposez pas déjà d'un dossier nommé Templates dans votre dossier de site local, Dreamweaver en crée un pour vous lorsque vous créez et enregistrez votre premier modèle.

   Pour fonctionner correctement, les modèles Dreamweaver doivent être enregistrés dans un dossier nommé Templates (avec la valeur T ) dans votre dossier de site local, visible dans le panneau Fichiers. Si vous modifiez le nom du dossier ou déplacez le dossier Modèles dans un sous-dossier, vos modèles ne fonctionneront plus correctement.

8. Créez un motif pour la page en ajoutant des images, du texte et d'autres éléments comme vous le feriez dans n'importe quel autre fichier Dreamweaver.

   Rappelez-vous que vous créez un modèle de page dans un modèle, comme vous le feriez dans n'importe quelle autre page Web. Si vous incluez des images et du texte qui seront remplacés dans les pages créées à partir du modèle ou créez simplement le squelette d'une page est à vous.

9. Pour créer une région modifiable:

   1. Sélectionnez une image, un bloc de texte ou une zone de contenu.

      Souvent, la meilleure option est de sélectionner une zone entière d'une page pour que tout soit modifiable dans cette section. Si vous avez conçu vos pages avec des balises et des feuilles de style CSS, une bonne option consiste à sélectionner la balise pour une section entière, telle que le tag stylisé avec le style de classe mainContent.

      Une façon pratique de sélectionner une section entourée d'une balise consiste à placer votre curseur n'importe où dans cette zone de la page, puis à utiliser le sélecteur de balises au bas de l'espace de travail pour sélectionner la balise.

   2. Choisissez Insérer → Modèle → Région modifiable.

      La boîte de dialogue Nouvelle région modifiable s'ouvre.

      

   3. Attribuez un nom à la nouvelle région modifiable.

      Choisissez quelque chose qui identifie le type de contenu, tel que titre ou contenu principal. La région que vous définissez comme modifiable devient une zone qui peut être modifiée dans n'importe quelle page créée à partir du modèle. Vous pouvez avoir plusieurs régions modifiables dans un modèle. Chaque région modifiable doit avoir un nom différent; les noms ne peuvent pas utiliser d'espaces ou de caractères spéciaux, mais les traits de soulignement et les traits d'union sont corrects.

   4. Cliquez sur OK.

      Une boîte bleue aqua (avec une languette bleu aqua en haut à gauche de la boîte) entoure la région modifiable. Le nom que vous avez entré dans la boîte de dialogue Nouvelle région modifiable apparaît dans l'onglet.

10. Lorsque vous avez terminé la conception de la page et ajouté toutes les régions modifiables souhaitées, choisissez Fichier → Enregistrer pour enregistrer votre modèle.

    Lorsque vous enregistrez une nouvelle page de modèle ou enregistrez une page existante en tant que modèle, Dreamweaver ajoute automatiquement le. extension dwt et enregistre le fichier dans le dossier Templates.

Si vous enregistrez un modèle avant de spécifier des régions modifiables, Dreamweaver vous avertit car les modèles ne sont pas utiles sans régions modifiables. Vous n'avez pas besoin de créer des régions modifiables avant d'enregistrer un modèle, mais vous ne pouvez pas apporter de modifications aux pages créées à partir d'un modèle tant que vous n'avez pas créé une ou plusieurs régions modifiables. Vous pouvez toujours revenir en arrière et ajouter des régions modifiables plus tard.

Adobe a ajouté un nouveau panneau d'insertion de modèles dans Dreamweaver CC. Vous pouvez utiliser ce nouveau panneau à la place des éléments de menu lorsque vous travaillez avec des modèles. Les fonctionnalités fonctionnent de la même manière: Cliquez simplement sur l'icône correspondante dans le panneau Insertion de modèles, telle que l'icône de zone modifiable.