Création de nouveaux styles de balises dans Adobe CS5 Dreamweaver - mannequins

Créer un tag (ou un élément) est un itinéraire simple pour Adobe Creative Suite 5 (Adobe CS5) Les utilisateurs Dreamweaver pour comprendre CSS. Dreamweaver vous permet de travailler avec des balises HTML existantes, telles que P, H1 et H2. À l'aide des balises d'élément existantes sur votre page et de l'inspecteur des propriétés, vous pouvez choisir d'appliquer une mise en forme automatique lorsque certaines balises HTML sont utilisées.

1Ouvrez une page HTML.

Veillez à en choisir une contenant du texte.

2Cliquez sur le bouton HTML dans le panneau Inspecteur des propriétés.

Le bouton est sur le côté gauche du panneau. Cela affiche l'inspecteur de propriétés en mode HTML.

3Sélectionnez une ligne de texte.

Mettez en gras le texte sélectionné à l'aide du bouton B situé dans l'inspecteur des propriétés.

4Activez la vue CSS.

Cliquez sur le bouton CSS situé à l'extrême gauche de celui du panneau Inspecteur des propriétés.

Le but étant d'assigner des informations de style définitives à l'étiquette qui plie le texte, tout texte en gras sur la page apparaît également en rouge.

5Démarrez une nouvelle règle CSS.

Laissez le texte en gras sélectionné et, dans l'inspecteur des propriétés, sélectionnez dans la liste déroulante Règle ciblée.

6Appliquer la couleur au texte sélectionné.

Le texte étant toujours sélectionné, utilisez le sélecteur de couleur situé sur le côté droit de l'inspecteur des propriétés (situé sous les boutons B et I) pour sélectionner une couleur rouge à appliquer au texte sélectionné en gras.

7La boîte de dialogue Nouvelle règle CSS apparaît.

Dans la liste déroulante Type de sélecteur, choisissez Balise (redéfinit un élément HTML); choisissez Fort dans la liste déroulante Nom du sélecteur; choisissez (Ce document uniquement) dans la liste déroulante Définition de la règle.

Le type de sélecteur détermine comment le formatage sera appliqué aux éléments de la page. Les styles de tag modifient l'apparence de tout élément mis en forme avec une balise HTML spécifique.

8Cliquez sur OK pour créer le nouveau style de tag et fermer le panneau.

Maintenant, chaque fois que vous appliquez la balise pour faire du texte en gras (en utilisant le bouton B ou d'autres raccourcis), ce texte en gras apparaît également en rouge. Vous avez créé un style de tag qui détermine l'affichage du texte en gras à chaque fois qu'il apparaît dans un document.