PDF (adobe.com)

Création d'un modèle vierge

La boîte de dialogue Nouveau document permet de créer des modèles Dreamweaver. Par défaut, les modèles sont enregistrés dans le dossier Templates de votre site.

  1. Choisissez Fichier > Nouveau.
  2. Dans la boîte de dialogue Nouveau document, sélectionnez la catégorie Modèle vierge.
  3. Sélectionnez le type de modèle à créer dans la colonne Type de modèle. Par exemple, choisissez Modèle HTML pour créer un modèle HTML ordinaire, Modèle ColdFusion pour créer un modèle ColdFusion, et ainsi de suite.
  4. Si vous voulez que la nouvelle page contienne une mise en forme CSS, sélectionnez une mise en forme CSS prédéfinie dans la colonne Mise en forme. Dans le cas contraire, cliquez sur Aucune. En fonction de votre sélection, un aperçu et la description de la mise en forme sélectionnée s'affichent sur la droite de la boîte de dialogue.

    Les mises en forme CSS prédéfinies fournissent les types de colonnes suivants :

    Fixe
    La largeur de colonne est définie en pixels. La colonne n'est pas redimensionnée selon la taille du navigateur ou des paramètres de texte du visiteur du site.

    Elastique
    La largeur de la colonne est définie dans une unité de mesure (ems) proportionnelle à la taille du texte. La mise en page s'adapte si le visiteur du site modifie les paramètres du texte, mais pas en fonction de la taille de la fenêtre du navigateur.

    Liquide
    La largeur de colonne est définie en tant que pourcentage de la largeur du navigateur du visiteur du site. La mise en page s'adapte si le visiteur du site augmente ou diminue la largeur de son navigateur, mais pas en fonction des paramètres de texte définis par le visiteur.

    Hybride
    Les colonnes emploient une combinaison des trois options précédentes. Par exemple, la mise en page Deux colonnes hybrides, encadré à droite comprend une colonne principale qui s'adapte à la taille du navigateur et une colonne élastique, à droite, dont la taille s'adapte aux paramètres de texte du visiteur du site.

  5. Sélectionnez un type de document dans le menu DocType. Dans la plupart des cas, vous pouvez conserver l'option par défaut, XHTML 1.0 transitionnel.

    Sélectionnez l'une des définitions de type de document (DTD) XHTML pour rendre la page compatible XHTML. Par exemple, vous pouvez rendre un document HTML compatible XHTML en sélectionnant XHTML 1.0 transitionnel ou XHTML 1.0 Strict dans le menu déroulant. Le langage XHTML (Extensible Hypertext Markup Language) n'est autre qu'une nouvelle mouture de HTML sous la forme d'une application XML. En règle générale, l'utilisation de XHTML vous permet d'exploiter les avantages de XML tout en garantissant la compatibilité descendante et ascendante de vos documents Web.

    Remarque : Pour plus d'informations sur XHTML, consultez le site Web du World Wide Web Consortium (W3C), qui contient la spécification pour XHTML 1.1 - Module-Based XHTML (www.w3.org/TR/xhtml11/) et XHTML 1.0 (www.w3c.org/TR/xhtml1/), ainsi que les sites de validateur XHTML où vous trouverez des fichiers Web (http://validator.w3.org/) et des fichiers locaux (http://validator.w3.org/file-upload.html).
  6. Si vous avez choisi une mise en forme CSS dans la colonne Mise en forme, choisissez l'emplacement du code CSS de mise en forme dans la liste déroulante CSS de mise en forme.
    Ajouter à l'en-tête
    Ajoute le code CSS de mise en forme à l'en-tête de la page que vous créez.

    Créer un nouveau fichier
    Ajoute le code CSS de mise en forme à une nouvelle feuille de style CSS externe et associe la nouvelle feuille de style à la page que vous créez.

    Lier au fichier existant
    Permet d'indiquer un fichier CSS existant qui contient déjà les règles CSS requises pour la mise en forme. Pour ce faire, cliquez sur l'icône Ajouter une feuille de style au-dessus du volet Lier le fichier CSS, puis sélectionnez une feuille de style CSS existante. Cette option est particulièrement utile si vous voulez utiliser la même mise en forme CSS (les règles CSS figurant dans un fichier) dans plusieurs documents.

  7. (Facultatif) Vous pouvez également lier des feuilles de style CSS à la nouvelle page (sans rapport avec la mise en forme CSS) lors de la création de cette page. Pour ce faire, cliquez sur l'icône Ajouter une feuille de style au-dessus du volet Lier le fichier CSS, puis sélectionnez une feuille de style CSS.
  8. Cliquez sur le bouton Préférences pour définir les préférences par défaut du document (par exemple, le type de document, l'encodage et une extension de ficher).
  9. Cliquez sur le lien Obtenir plus de contenu pour lancer Dreamweaver Exchange et télécharger d'autres contenus de conception de pages.
  10. Cliquez sur le bouton Créer.
  11. Enregistrez la page (Fichier > Enregistrer). Si vous n'avez pas encore ajouté de régions modifiables au modèle, une boîte de dialogue vous en avertit. Cliquez sur OK pour fermer la boîte de dialogue.
  12. Dans la boîte de dialogue Enregistrer sous, sélectionnez le site dans lequel le modèle doit être enregistré.
  13. Dans la zone de texte Nom de fichier, entrez le nom du nouveau modèle. Il n'est pas nécessaire d'ajouter l'extension de fichier au nom du modèle. Lorsque vous cliquez sur Enregistrer, l'extension .dwt est ajoutée au nouveau modèle, qui est enregistré dans le dossier Templates de votre site.

    Evitez les espaces et les caractères spéciaux pour les noms de fichiers et de dossiers ; les noms de fichiers ne doivent pas commencer par un chiffre. En particulier, n'utilisez pas de caractères spéciaux (par exemple é, ç ou ¥) ou de signes de ponctuation (deux points, barres obliques ou points) dans le nom des fichiers que vous avez l'intention de placer sur un serveur distant. En effet, la plupart des serveurs transforment ces caractères lors du transfert, rendant ainsi inopérants les liens vers ces fichiers.