Création d'un nouveau style de tag dans Adobe Dreamweaver CS6 - Création de style de tag

Créer un style de balise (ou sélecteur de type ) dans Adobe Dreamweaver CS6 est un moyen simple et sûr pour les nouveaux utilisateurs de comprendre les CSS cible les balises HTML existantes, telles que P, H1 et H2.

En utilisant les balises existantes sur votre page, vous pouvez choisir d'appliquer une mise en forme automatique à l'endroit où certaines balises HTML sont utilisées. Par exemple, vous pouvez faire en sorte que le texte contenu dans une balise

(Titre 1) soit automatiquement mis en gras, 36 pixels et rouge.

Pour créer un style de tag avec l'inspecteur des propriétés, procédez comme suit:

1. Ouvrez une page HTML contenant du texte.

2. Dans l'inspecteur des propriétés, cliquez sur le bouton HTML situé à gauche du panneau pour afficher l'inspecteur des propriétés en mode HTML.

3. Sélectionnez une ligne de texte et mettez-la en gras en cliquant sur le bouton B situé dans l'inspecteur des propriétés.

4. Passez en mode CSS de l'inspecteur des propriétés en cliquant sur le bouton CSS situé à l'extrême gauche du panneau.

   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.

5. 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.

6. 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.

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

   

7. 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 la mise en forme sera appliquée à une balise HTML sélectionnée sur la page. Les styles de tag sont automatiquement appliqués chaque fois que cet élément apparaît sur la page.

8. Cliquez 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.

Vous pouvez affiner ce nouveau style de tag en sélectionnant tout texte en gras et en continuant à modifier les propriétés du texte dans l'inspecteur des propriétés.

Si vous souhaitez modifier et affiner la règle que vous avez créée, vous pouvez cliquer sur le bouton Modifier la règle sous la liste déroulante Règle ciblée pour ouvrir la boîte de dialogue Définition de règle CSS. Cette boîte de dialogue s'ouvre par défaut dans la catégorie Type, où vous pouvez modifier les propriétés liées au type.

Lorsque vous avez terminé de peaufiner votre style de tag, cliquez sur Appliquer en bas de la boîte de dialogue pour voir vos modifications. Vous pouvez également cliquer sur OK pour appliquer vos modifications et quitter la boîte de dialogue.