Les barres de navigation sont utilisées la plupart du temps pour servir de menus dans les sites Web. Les éléments de la barre de navigation changent de couleur, de taille ou de forme quand on passe la souris par-dessus ou lorsqu’on clique dessus pour spécifier à l’utilisateur où il se trouve dans le site.
Comment insérer une barre de navigation dans votre site web avec Dreamweaver ?
– Un élément d’une barre de navigation (généralement vu comme un bouton) a par définition 4 états :
* Initial : l’image qui s’affiche quand la page est chargée.
* Survolé : l’image qui s’affiche lorsqu’on fait passer le curseur par-dessus l’élément.
* Cliqué : l’image qui s’affiche lorsqu’on clique sur l’élément.
* Survolé lorsque cliqué : l’image qui s’affiche lorsqu’on survole un élément déjà sélectionné.
– Commencez donc d’abord par créer les images qui serviront pour les différents états de chaque élément de votre barre de navigation.
– Quand ça sera fait, ouvrez votre document avec Dreamweaver, dans la barre d’insertion, Choisissez « Commun », puis dans Images sélectionnez Barre de navigation.
– Créer les éléments de votre barre de navigation, et spécifiez les images correspondantes aux différents états de chaque élément.
Remarque :
Pour ajouter un élément à la barre de navigation cliquez sur le Plus (+) en haut.
Résultat :
