Création de Style de style dans Adobe CS5 Dreamweaver - mannequins

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver prend en charge la création de styles de classe pour un contrôle plus précis de votre page formatage. Vous pouvez créer des sélecteurs de classe , , nommés styles pour le corps, le texte, les titres, les sous-titres et d'autres éléments. Contrairement aux sélecteurs de tag, vous pouvez choisir n'importe quel nom pour une classe et appliquer son style de manière sélective aux éléments si et quand vous le souhaitez.

Vous pouvez également rendre votre nouvelle règle accessible à plus d'une page de votre site en définissant une nouvelle feuille de style externe. Cette méthode enregistre vos règles dans un fichier externe qui peut être attaché à plusieurs pages à la fois.

1Ouvrez la boîte de dialogue Nouvelle règle CSS.

Localisez le panneau CSS, vers la droite, et cliquez sur le bouton Nouvelle règle CSS en bas ou choisissez Format → Styles CSS → Nouveau.

2Choisissez la classe (peut s'appliquer à n'importe quel élément HTML).

Cette option se trouve dans la liste déroulante Type de sélecteur.

3Nombrez votre nouvelle classe.

Dans la zone de texte Nom du sélecteur, entrez un nom pour votre nouvelle classe. Vous pouvez entrer le nom que vous voulez, mais assurez-vous qu'il n'a pas d'espace et qu'il est descriptif de la façon dont vous l'utiliserez. Reallycoolstyle est un mauvais nom; headlinestyle est un meilleur nom. Dreamweaver insère la période au début du nom de style car il s'agit d'une convention de dénomination nécessaire.

4Choisissez (Nouveau fichier de feuille de style).

Il s'agit d'une option dans la liste déroulante Définition de règle en bas. Cliquez sur OK.

5La boîte de dialogue Enregistrer le fichier de feuille de style sous apparaît.

Recherchez votre dossier de site (ou si vous n'avez pas défini de site, un dossier dans lequel vous conserverez toutes les informations pertinentes, telles que les fichiers d'images et les pages de votre site).

6Saisissez un nom pour la feuille de style.

Entrez un nom approprié, tel que principal. css ou basique. css si c'est l'ensemble principal de styles que vous créez pour votre site Web. (Dreamweaver ajoutera l'extension.ssc obligatoire à la fin du nom de fichier.)

7Enregistrez votre style.

Laissez l'URL telle quelle et la liste déroulante Relatif à définie sur Document. Cliquez sur Enregistrer.

Vous avez créé un nouveau. fichier css ou une feuille de style externe. La boîte de dialogue Définition de règle CSS s'affiche, dans laquelle vous pouvez affiner davantage votre nouvelle feuille de style.