Comment définir des styles avec le sélecteur de balises dans Dreamweaver - des mannequins

Vous pouvez créer des styles complètement nouveaux dans Dreamweaver à l'aide des sélecteurs d'appel ou d'ID, mais vous pouvez également créer des styles Mots clés. Ces styles sont créés à l'aide du sélecteur de balise , , également appelé sélecteur d'élément . Lorsque vous définissez un style à l'aide du sélecteur de balises, vous pouvez modifier l'apparence, la position et d'autres caractéristiques de toute balise HTML existante.

De nombreuses balises HTML incluent déjà des options de formatage. Par exemple, les balises d'en-tête incluent la mise en forme du texte de style en utilisant une grande police en gras. Lorsque vous créez un style avec un sélecteur de balises, vous devez prendre en compte les options de mise en forme déjà associées à ce tag. Toutes les options que vous définissez seront ajoutées à la mise en forme existante ou remplaceront la mise en forme.

Vous pouvez demander: "Pourquoi est-ce que je redéfinirais la balise

au lieu de simplement créer un nouveau style de titre en utilisant le sélecteur de classe ou d'ID? "Bien que vous puissiez définir un nouveau style de classe au lieu de redéfinir une balise HTML, il est parfois préférable d'utiliser une balise HTML existante.

Les styles de titres sont particulièrement importants sur le Web car le texte formaté dans une balise

est bien reconnu comme le texte le plus important sur une page. Entre autres choses, le texte formaté dans une balise

peut obtenir une considération spéciale de la part des moteurs de recherche.

Pour créer un style qui redéfinit une balise HTML (telle que la balise

) avec le sélecteur de balises, créez d'abord un fichier ou ouvrez-en un existant, puis procédez comme suit:

1 Dans le panneau Sélecteurs du panneau Concepteur CSS, sélectionnez la feuille de style à laquelle vous souhaitez ajouter le nouveau style.

Lorsque vous créez un style pour une balise HTML existante, vous n'avez pas besoin d'appliquer le style lui-même comme vous le feriez avec les styles de classe et d'ID. Partout où vous avez utilisé la balise HTML, les paramètres de définition de style sont appliqués.

2Si vous souhaitez cibler le style sur un type de support ou une taille d'écran spécifique, choisissez ou définissez une requête multimédia dans le panneau @Media.

L'utilisation de requêtes multimédias avec des styles est facultative. Si vous ne spécifiez pas de requête multimédia, Dreamweaver utilisera la propriété Global et votre style fonctionnera dans tous les formats de média et tailles d'écran.

3Cliquez sur le signe plus (+) dans le panneau Sélecteurs.

Un nouveau sélecteur est ajouté au panneau Sélecteurs.

Lorsque vous cliquez sur le signe plus (+) pour créer un nouveau sélecteur, un certain nombre de choses peuvent se produire, en fonction de ce qui figure déjà dans la page ouverte dans Dreamweaver. La première fois que vous créez un style dans une page Web vierge, Dreamweaver saisit le corps dans le panneau Sélecteurs.

Si vous travaillez sur une page contenant du texte ou tout autre contenu formaté avec des balises ou des styles HTML, Dreamweaver peut ajouter un sélecteur composé en fonction des éléments entourant tout ce que vous avez sélectionné avec votre curseur.

4Dans le panneau Sélecteurs, double-cliquez sur le nom du sélecteur. Commencez à entrer le nom de la balise HTML, puis sélectionnez la balise dans la liste déroulante qui s'affiche.

Vous pouvez entrer le nom d'une balise HTML pour créer un style à l'aide du sélecteur de balises. Lorsque vous tapez une balise HTML, une liste déroulante apparaît avec des balises commençant par la même lettre que vous avez tapée. Sélectionner l'étiquette désirée dans la liste plutôt que de taper le nom entier de l'étiquette est une bonne pratique, car vous évitez les fautes de frappe.

5Dans le panneau Propriétés, spécifiez les paramètres souhaités dans votre règle de style.

La police et la couleur sont immédiatement appliquées au texte de la page formatée avec la balise

.

Si vous souhaitez utiliser le même tag HTML avec différentes mises en forme dans différentes parties de la même page, vous pouvez créer des styles composés. Les styles composés sont pratiques, par exemple, si vous voulez que le texte mis en forme avec la balise

soit différent dans la partie principale de votre page que dans une barre latérale.