Comment changer le style des liens avec les propriétés de page dans Dreamweaver

Si vous êtes comme beaucoup de designers qui utilisent Dreamweaver, vous avez probablement ne l'aimez pas le soulignement qui apparaît automatiquement dans tout le texte lié dans une page Web. Il est vraiment facile de supprimer ce soulignement et changer la couleur, la police et la taille de vos liens la boîte de dialogue Propriétés de la page de Dreamweaver avec. Vous pouvez également modifier d'autres paramètres de la page à l'échelle, tels que la couleur de fond et les marges de page, à partir de la boîte de dialogue Propriétés de la page.

La meilleure façon de modifier tous vos styles de liaison à 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 les styles tag de sélection correspondantes automatiquement et les répertorie dans le panneau Styles CSS. Autres paramètres de la page à l'échelle de cette boîte de dialogue fonctionnent de manière similaire, et vous pouvez modifier toutes ces options en utilisant les outils CSS.

Pour changer lien hypertexte et d'autres styles avec la boîte de dialogue Propriétés de la page, ouvrir une page existante ou en créer un nouveau et suivez ces étapes:

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

    Alternativement, vous pouvez 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. Sur la gauche de la boîte de dialogue Propriétés de la page, sélectionnez la catégorie Liens (CSS).

    image0.jpg
  3. Spécifiez une police et la taille de vos liens.




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

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

    Vous pouvez modifier tous les paramètres ou lien de couleurs. Si vous ne spécifiez pas une couleur de lien, le navigateur utilise la couleur de lien par défaut. Voici une explication de chacun des quatre Etats de liaison:

    • Couleur des liens: La couleur dans laquelle vos liens apparaissent lorsque la page est chargé en premier et la page liée n'a pas encore été visité par le navigateur. La balise HTML correspondant est .

    • Liens visités: La couleur de vos liens changer à la suite d'un navigateur a déjà vu la page liée. La balise HTML correspondant est .

    • Rollover Liens: La couleur d'un lien change comme un utilisateur déplace un curseur sur un lien. La balise HTML correspondant est .

    • Liens actifs: La couleur d'un lien change comme un utilisateur est activement cliquant sur un lien. La balise HTML correspondant est .

    • Sélectionnez un style dans la liste déroulante Style souligné.

      Par défaut, les liens affichés dans un navigateur Web sont soulignés. Beaucoup de designers préfèrent supprimer le soulignement qui apparaît automatiquement sous texte lié par le choix ne soulignera jamais. Vous pouvez donner aux visiteurs le repère visuel du soulignement, mais seulement comme ils roulent un curseur sur un lien, afin de choisir l'option Afficher Souligné Seulement sur l'option de roulement.

    • Cliquez sur OK.

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

    Pour tester complètement styles de liens, un aperçu de votre page dans un navigateur Web ou cliquez sur le bouton Live View en haut de l'espace de travail. Il est une bonne pratique pour tester les paramètres de liaison dans un navigateur lorsque vous effectuez des modifications comme celles de l'exercice précédent. Jetez un oeil à la façon dont vos liens apparaissent.

    Par exemple, vérifier si les couleurs des liens actifs et les plus visités semblent bonnes contre la couleur de fond de la page. Rappelez-vous que tous les styles que vous créez en utilisant la boîte de dialogue Propriétés de la page affecte tous liens sur votre page, sauf si vous appliquent spécifiquement un style différent à un lien individuel qui remplace la balise de style redéfini.

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


    » » » » Comment changer le style des liens avec les propriétés de page dans Dreamweaver