Ressources de Dreamweaver CS4

Insertion d'une barre de navigation

Avant d'utiliser la commande Insérer une barre de navigation, créez un ensemble d'images pour les états d'affichage de chaque élément de navigation (il peut être utile d'imaginer un élément de barre de navigation comme étant un bouton car, lorsque celui-ci est cliqué, il amène l'utilisateur à une autre page).

Vous pouvez créer une barre de navigation, la copier dans d'autres pages de votre site, l'utiliser avec des cadres et modifier les comportements dans chaque page pour afficher les différents états en fonction de la page en cours.

Effectuez l'une des opérations suivantes :
- Sélectionnez Insertion > Objets image > Barre de navigation.
- Dans la catégorie Commun du panneau Insertion, cliquez sur le bouton Images et sélectionnez Insérer une barre de navigation.
Complétez les options de la boîte de dialogue Insérer une barre de navigation, puis cliquez sur OK. Voici une liste partielle des options :
Boutons Plus (+) et Moins (-)

Cliquez sur Plus pour insérer un élément ; cliquez à nouveau sur Plus pour en ajouter un autre. Pour supprimer un élément, sélectionnez-le et cliquez sur Moins.
Nom d'élément :

Tapez un nom pour un élément de la barre de navigation, par exemple, Accueil. Chaque élément correspond à un bouton pouvant posséder jusqu'à quatre états d'image. Les noms des éléments sont affichés dans la liste Eléments de la barre de navigation. Utilisez les boutons fléchés pour disposer les éléments sur la barre de navigation.
Image Haut, Image Dessus, Image Abaissée et Image Au-dessus lorsque Abaissée

Cliquez sur Parcourir pour sélectionner des images pour ces quatre états. Seule l'état Image Haut est requis ; les autres états d'image sont facultatifs.
Texte secondaire

Entrez un nom descriptif pour l'élément. Le texte secondaire apparaît à la place des images dans les navigateurs qui affichent seulement du texte ou qui téléchargent les images manuellement. Les lecteurs d'écran lisent le texte secondaire et certains navigateurs l'affichent lorsque l'utilisateur fait passer le pointeur de la souris sur l'élément de la barre de navigation.
Si cliqué, aller à l'URL

Cliquez sur le bouton Parcourir pour sélectionner un fichier lié à ouvrir, puis spécifiez si ce fichier doit s'ouvrir dans la même fenêtre ou dans un cadre. Si le cadre à désigner comme cible n'apparaît pas dans le menu, fermez la boîte de dialogue Insérer une barre de navigation, puis donnez un nom au cadre dans votre document.
Précharger les images

Sélectionnez cette option pour télécharger les images pendant le téléchargement de la page. Cette option évite à l'utilisateur d'attendre lorsqu'il fait passer le pointeur sur les images survolées.
Montrer "Image Abaissée" initialement

Sélectionnez cette option pour les éléments que vous souhaitez afficher initialement à l'état Image Abaissée au lieu de l'état par défaut Image Haut. Par exemple, l'élément « Accueil » de la barre de navigation doit être à l'état Image Abaissée lorsque la page vient d'être téléchargée. Lorsque vous appliquez cette option à un élément, un astérisque apparaît après son nom dans la liste Eléments de la barre de navigation.
Insérer

Indiquez si les éléments doivent être insérés verticalement ou horizontalement.
Utiliser tableaux

Sélectionnez cette option pour insérer les élément sous forme de tableau.