Comment créer une nouvelle page avec une mise en page CSS dans Dreamweaver

Dreamweaver comprend deux mises en page CSS conçus avec des balises HTML5 que vous pouvez personnaliser pour créer une variété apparemment infinie de modèles de page. Ces dispositions vous donnent une longueur d'avance lorsque vous créez une nouvelle page, et ils sont conçus pour bien fonctionner dans une variété de navigateurs Web, de sorte qu'ils peuvent vous aider à éviter les problèmes courants causés par les différentes façons navigateurs web affichent HTML5 et CSS.

Pour toutes ces raisons, vous devriez commencer votre travail de conception dans Dreamweaver avec une mise en page CSS choisi dans la fenêtre Nouveau document, surtout si vous souhaitez utiliser HTML5.

Pour créer une nouvelle page en utilisant l'une des mises en page CSS de Dreamweaver, suivez ces instructions:

  1. Choisissez Fichier-Nouveau.

    La boîte de dialogue Nouveau document apparaît.

  2. Choisissez une page vierge dans la colonne de gauche et HTML à partir de la colonne Type de page dans le milieu.




    Alternativement, vous pouvez choisir une option dans la partie inférieure de la section Type de page qui correspond au langage de programmation utilisé sur votre site, tels que ASP.NET, PHP ou ColdFusion, puis progresser à l'étape 3. (Si vous êtes pas familier avec ces options de programmation, coller avec HTML.)

  3. Dans la section Mise en page, sélectionnez la mise en page CSS.

    Notez que lorsque vous sélectionnez une mise en page CSS, un aperçu de la mise en page est affichée en haut à droite de la boîte de dialogue.

    image0.jpg
  4. Dans la liste déroulante Mise en page CSS, choisir le type de feuille de style que vous souhaitez créer que vous concevez la page:

    • Ajouter à Tête crée une feuille de style interne et inclut tous les styles pour la mise en page dans la zone d'en-tête du nouveau document.

    • Créer un nouveau fichier crée une nouvelle feuille de style externe avec tous les styles de page que vous créez le nouveau document avec la conception.

    • Lien vers le fichier existant ajoute les informations de feuille de style pour le nouveau document sur une feuille de style externe existante.

    • Note: Vous pouvez toujours changer la façon dont la feuille de style est mis en place plus tard, en déplaçant les styles à partir d'une feuille de style interne à un externe un ou d'une feuille de style externe à l'autre.

    • Cliquez sur Créer.

      La nouvelle page est créée et ouverte dans l'espace de travail principal.

    • Choisissez Fichier-Save pour enregistrer la page et les styles.

      Si vous avez enregistré les styles dans une feuille de style externe, une deuxième boîte vous invite à enregistrer la feuille de style séparément. Si les styles sont contenues dans une feuille de style interne, ils sont sauvegardés automatiquement lorsque vous enregistrez la page.


    » » » » Comment créer une nouvelle page avec une mise en page CSS dans Dreamweaver