Comment modifier les styles de lien avec les propriétés de page dans Dreamweaver - dummies

Si vous êtes comme de nombreux concepteurs qui utilisent Dreamweaver, vous n'aimez probablement pas le soulignement qui apparaît automatiquement sous tous les liens d'une page Web. Il est très facile de supprimer ce soulignement et de modifier la couleur, la police et la taille de vos liens avec la boîte de dialogue Propriétés de la page de Dreamweaver. Vous pouvez également modifier d'autres paramètres à l'échelle de la page, tels que la couleur d'arrière-plan et les marges de la page, à partir de la boîte de dialogue Propriétés de la page.

La manière la plus simple de modifier tous vos styles de liens à la fois est de les changer dans la boîte de dialogue Propriétés de la page. Lorsque vous utilisez cette option, Dreamweaver crée automatiquement les styles de sélecteur de balises correspondants et les répertorie dans le panneau Styles CSS. D'autres paramètres de cette boîte de dialogue fonctionnent de la même manière et vous pouvez modifier toutes ces options à l'aide des outils CSS.

Pour modifier le lien hypertexte et d'autres styles avec la boîte de dialogue Propriétés de la page, ouvrez une page existante ou créez-en une nouvelle et procédez comme suit:

1. Choisissez Modifier → Propriétés de la page.

   Vous pouvez également cliquer sur le bouton Propriétés de la page dans l'inspecteur des propriétés. La boîte de dialogue Propriétés de la page apparaît.

2. Dans la partie gauche de la boîte de dialogue Propriétés de la page, sélectionnez la catégorie Liens (CSS).

   

3. Spécifiez une police et une taille pour vos liens.

   Si vous souhaitez utiliser la même taille de police et le même visage pour vos liens que ceux utilisés dans le reste du texte sur votre page, il est préférable de laisser ces options vides. Ensuite, si vous modifiez les paramètres de texte de la page, vous ne devrez pas vous souvenir de les modifier pour vos liens.

4. Spécifiez les couleurs pour chaque état de lien hypertexte en cliquant sur le puits de couleur correspondant et en sélectionnant une couleur dans la boîte de dialogue Couleur.

   Vous pouvez modifier tout ou partie des paramètres de couleur de lien. Si vous ne spécifiez pas de couleur de lien, le navigateur utilise la couleur du lien par défaut. Voici une explication de chacun des quatre états de lien:

   • Couleur du lien: La couleur dans laquelle vos liens apparaissent lorsque la page est chargée pour la première fois et que la page liée n'a pas encore été visitée par le navigateur. La balise HTML correspondante est.

   • Liens visités: La couleur de vos liens après qu'un navigateur a déjà consulté la page liée. La balise HTML correspondante est.

   • Liens de survol: Couleur à laquelle un lien se transforme lorsqu'un utilisateur passe un curseur sur un lien. La balise HTML correspondante est.

   • Liens actifs: Couleur à laquelle un lien est modifié lorsqu'un utilisateur clique activement sur un lien. La balise HTML correspondante est.

5. Sélectionnez un style dans la liste déroulante Style de soulignement.

   Par défaut, les liens affichés dans un navigateur Web sont soulignés. De nombreux concepteurs préfèrent supprimer le soulignement qui apparaît automatiquement sous le texte lié en sélectionnant Ne jamais souligner. Vous pouvez donner aux visiteurs le signal visuel du soulignement, mais uniquement lorsqu'ils font glisser un curseur sur un lien, alors choisissez l'option Afficher uniquement le soulignement au survol.

6. Cliquez sur OK.

   La boîte de dialogue Propriétés de la page se ferme, les paramètres de style sont appliqués automatiquement aux liens de la page et les styles correspondants sont ajoutés au panneau Styles CSS.

Pour tester complètement les styles de lien, affichez un aperçu de votre page dans un navigateur Web ou cliquez sur le bouton Vue en direct en haut de l'espace de travail. Il est recommandé de tester les paramètres de lien dans un navigateur lorsque vous apportez des modifications comme celles de l'exercice précédent. Jetez un oeil à la façon dont vos liens apparaissent.

Par exemple, vérifiez si les couleurs des liens actifs et visités sont bonnes par rapport à la couleur d'arrière-plan de la page. N'oubliez pas que tous les styles créés à l'aide de la boîte de dialogue Propriétés de la page affectent tous les liens sur votre page, sauf si vous appliquez un style différent à un lien individuel qui remplace le style de tag redéfini.

Si vous souhaitez utiliser différents styles de liens dans différentes parties de la même page, vous pouvez créer des styles composés pour créer différents styles de liens.