Vidéo: Lier sa feuille de style à sa page HTML 2025
L'inspecteur des propriétés, accessible depuis le bas de l'espace de travail Dreamweaver, affiche les propriétés disponibles pour tout élément sélectionné sur la page. Ainsi, les options de l'inspecteur des propriétés sont différentes lorsqu'une image est sélectionnée que lorsque le texte est sélectionné, par exemple.
Lorsque rien n'est sélectionné ou lorsque vous sélectionnez du texte sur une page, l'Inspecteur des propriétés est divisé en deux sections: HTML et CSS.
Notez que les boutons sur le côté gauche de l'inspecteur des propriétés facilitent la commutation entre ces deux modes.
Si vous êtes novice en CSS et HTML, comprendre les différences entre ces deux modes peut être un peu déroutant. Essentiellement, si vous utilisez une icône de mise en forme telle que gras en mode HTML, Dreamweaver ajoute la balise HTML , ce qui fait apparaître le texte en gras dans la plupart des navigateurs Web. Si vous utilisez la même icône en mode CSS, Dreamweaver crée automatiquement une règle de style qui inclut l'option de mise en forme en gras.
En mode CSS, vous pouvez également choisir de modifier les styles existants pour ajouter de nouvelles options de mise en forme aux styles qui sont déjà appliqués au texte, aux images ou à d'autres éléments d'une page. Vous pouvez modifier un style existant en sélectionnant simplement le style dans la liste déroulante Règle ciblée, puis en utilisant les champs Police, Taille et autres dans l'inspecteur des propriétés pour apporter des modifications ou des ajouts.
Chaque fois que vous modifiez un style existant qui a déjà été appliqué à des éléments d'une page, les modifications que vous apportez au style sont appliquées automatiquement partout où le style est utilisé. Cette fonction est merveilleuse lorsque vous voulez changer plusieurs choses à la fois, mais peut être problématique si vous voulez faire apparaître un élément (comme un titre) d'une façon sur une page et d'une autre manière ailleurs.
Chaque fois que vous voulez créer ou modifier un style, utilisez l'inspecteur des propriétés en mode CSS. D'un autre côté, pour appliquer un style existant à un élément de la page, assurez-vous que vous êtes en mode HTML. Par exemple, pour aligner une image avec un style de classe ou appliquer un style d'ID à une étiquette, vous devez être en mode HTML.
Pour appliquer un style en mode HTML, sélectionnez l'image, le texte ou tout autre élément de la page où vous souhaitez appliquer le style, puis utilisez les listes déroulantes Classe ou ID pour sélectionner le style. Dreamweaver l'applique automatiquement.
De même, pour appliquer une balise HTML, telle que la balise
, vous devriez être en mode HTML. Mais vous créez ou éditez une règle CSS pour la balise
en mode CSS. Bien sûr, vous n'avez pas besoin de créer ou de modifier des styles avec l'inspecteur des propriétés.Considérez ceci comme une méthode de raccourci; vous pouvez toujours préférer utiliser le panneau CSS Designer pour apporter des modifications importantes à un style.
