Création d'une page HTML avec la nouvelle fenêtre de document de Dreamweaver - des mannequins

Vous pouvez créer une nouvelle page HTML en utilisant la fenêtre Nouveau document de Dreamweaver, qui offre plus d'options que l'écran de bienvenue, y compris l'accès aux modèles que vous avez créés. Dreamweaver ainsi qu'une collection de mises en page prédéfinies, qui peut vous donner une longueur d'avance sur vos créations.

Vous pouvez créer de nombreux types de fichiers à l'aide de la fenêtre Nouveau document, et vous pouvez mélanger et faire correspondre les options. Cette polyvalence peut être déroutante au début parce que vous avez tellement de choix. Dans Dreamweaver CC, cette boîte de dialogue a été simplifiée. Vous n'avez donc besoin de choisir qu'une seule option dans chacune des trois sections.

Pour créer une nouvelle page HTML, procédez comme suit:

1. Choisissez Fichier → Nouveau.

   La fenêtre Nouveau document s'ouvre,. Dans la première section, à l'extrême gauche, vous choisissez le type de page que vous souhaitez créer:

   • Page vierge: Choisissez cette option pour créer des pages HTML, ainsi que des pages au format PHP ou JSP plus complexe.

   • Disposition de la grille fluide: Cette option ouvre les fonctions de mise en page de la grille fluide, que vous pouvez utiliser pour créer des conceptions Web réactives qui s'adaptent automatiquement aux différentes tailles d'écran.

   • Modèles de démarrage: Si vous créez des modèles à l'aide de Dreamweaver. format de fichier dwt, vous pouvez créer des pages basées sur ces modèles en utilisant cette option.

   • Modèles de site: Choisissez cette option pour créer des conceptions personnalisables d'applications Web pour mobile à l'aide de jQuery Mobile.

     

2. Dans la partie gauche de l'écran, sélectionnez Page vierge.

3. Dans la liste Type de page, sélectionnez HTML.

4. Dans la section Mise en page, choisissez.

   Les mises en pages sont incluses pour vous aider à concevoir des pages HTML avec CSS.

5. Si vous souhaitez modifier le type de document, utilisez la liste déroulante en regard de DocType.

   Par défaut, Dreamweaver CC crée des pages à l'aide de HTML 5, que la plupart des concepteurs considèrent comme la meilleure option pour les pages Web aujourd'hui. Si vous travaillez sur un site qui utilise une version antérieure de HTML, comme XHTML 1. 0 Transitional, veillez à modifier ce paramètre.

6. Cliquez sur Créer, en bas à droite de la fenêtre.

   La fenêtre Nouveau document se ferme et une nouvelle page vierge est créée et ouverte dans l'espace de travail.

   Remarque: Si vous utilisez un Macintosh, les boutons Créer et Annuler sont inversés.

7. Choisissez Fichier → Enregistrer pour enregistrer votre page et lui donner un nom de fichier.

   Dreamweaver nomme automatiquement tous les nouveaux fichiers sans titre, suivis de 1, 2 et ainsi de suite dans l'ordre créé. Prenez l'habitude de donner à vos fichiers des noms qui ont plus de sens pour vous.Notez également que les noms de fichiers dans les sites Web ne doivent pas inclure d'espaces ou de caractères spéciaux (bien que le tiret et le trait de soulignement soient corrects).

   Prenez l'habitude d'enregistrer de nouvelles pages Web dans votre dossier de site local dès que vous les créez, même si les pages sont toujours vides. Lorsque vous créez des liens ou ajoutez des images à vos pages, Dreamweaver doit pouvoir identifier l'emplacement de votre page dans le dossier de votre site. Il est préférable d'enregistrer une page en premier, car de nombreuses fonctionnalités Dreamweaver ne fonctionneront pas tant qu'une page n'est pas enregistrée.