Comment créer un nouveau document à partir des pages de démarrage CSS dans Dreamweaver CS6

Adobe Dreamweaver CS6 vous fournit une bibliothèque de pages échantillons avec des mises en page CSS comme une alternative à partir de zéro. Ces exemples de pages CSS disposent d'idées de mise en page utiles et communs, et parce qu'ils sont créés avec le positionnement CSS, ils sont très flexibles. Vous pouvez les modifier directement depuis le panneau Styles CSS ou l'inspecteur des propriétés. Il suffit d'ajouter votre contenu et aller!

Sommaire

Suivez ces étapes pour créer un nouveau document à partir d'une page de démarrage CSS:

1

Choisissez Fichier-Nouveau.




Le panneau Nouveau document apparaît.

Comment créer un nouveau document à partir des pages de démarrage CSS dans Dreamweaver CS6
Comment créer un nouveau document à partir des pages de démarrage CSS dans Dreamweaver CS6 Agrandir
2

Choisissez une page vierge de la gauche, sélectionnez une mise en page de la colonne de la mise en page sur la droite (par exemple, le 2 colonne fixe, barre latérale de gauche, tête et pied de page), et cliquez sur Créer.

Une nouvelle page sans titre ouvre, sur la base de la mise en page que vous avez choisi.

Par défaut, les nouvelles pages de démarrage CSS placent tous leurs règles CSS dans une feuille de style incorporée. Pour utiliser une feuille de style (reliée) externe au lieu, choisissez Créer un nouveau fichier dans la liste déroulante Mise en page CSS dans la boîte de dialogue Nouveau document. Vous serez invité à enregistrer le fichier dans le répertoire racine de votre site.

3

Choisissez Fichier-Save.

Jusqu'à apparaît la boîte de dialogue qui vous permet de nommer et d'enregistrer le document.

Comment créer un nouveau document à partir des pages de démarrage CSS dans Dreamweaver CS6
Comment créer un nouveau document à partir des pages de démarrage CSS dans Dreamweaver CS6 Agrandir
4

Remplacer le texte de l'espace réservé dans chaque colonne avec votre propre contenu.

Viola! Vous avez maintenant un nouveau document basé sur une page de démarrage CSS. Comment est-ce facile?


» » » » Comment créer un nouveau document à partir des pages de démarrage CSS dans Dreamweaver CS6