Création de style de classe dans Adobe Dreamweaver CS5

Adobe Creative Suite 5 (CS5 Adobe) Dreamweaver prend en charge la création de styles de classe pour permettre un contrôle plus précis sur la mise en forme de la page. Vous pouvez créer sélecteurs de classe,

Sommaire

qui sont nommés styles pour le corps, le texte, les titres, sous-titres, et d'autres éléments. Contrairement aux étiquettes sélecteurs, vous pouvez choisir à peu près tout le nom d'une classe et d'appliquer son style sélectivement à des éléments Si et quand vous voulez.

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

Création de style de classe dans Adobe Dreamweaver CS5
Création de style de classe dans Adobe Dreamweaver CS5 Agrandir
1

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

Localisez le panneau CSS, à droite, et cliquez sur le bouton Nouvelle règle de CSS au fond ou choisissez Format-Styles CSS-Nouvelle.

2

Choisissez classe (peut appliquer à tout élément HTML).

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

3

Nommez votre nouvelle classe.

Dans la zone de texte Nom du sélecteur, entrez un nom pour votre nouvelle classe. Vous pouvez entrer n'importe quel nom que vous voulez, mais assurez-vous qu'il n'a pas d'espaces et est descriptif de la façon dont vous allez l'utiliser. Reallycoolstyle est une mauvaise Nom headlinestyle est un meilleur nom. Dreamweaver insère la période à l'avant du nom de style, car il est une convention de nommage nécessaire.

4

Choisissez (Nouveau fichier de style).

Ceci est une option dans la liste déroulante Définition de la règle au fond. Cliquez sur OK.

5

Le fichier feuille de style boîte de dialogue Enregistrer sous apparaît.


Localisez votre dossier de site (ou si vous ne l'avez pas défini un site, un dossier où vous garderez toutes les informations pertinentes, telles que les fichiers et les pages de votre site image).

6

Entrez un nom pour la feuille de style.

Entrez un nom approprié, comme main.css ou basic.css si elle est le principal ensemble de styles que vous créez pour votre site web. (Dreamweaver ajouter l'extension .css obligatoire à la fin du nom de fichier.)

7

Enregistrez votre style.

Donner l'URL tel quel et la liste relative Pour déroulant réglé sur document. Cliquez sur Enregistrer.

Vous avez créé un nouveau fichier css, ou un feuille de style externe. La boîte de dialogue Définition des règles CSS apparaît où vous pouvez affiner votre nouvelle feuille de style.


» » » » Création de style de classe dans Adobe Dreamweaver CS5