COURS DE WEB DESIGN - Le blog de Helmut - Ivoire Blog

2/ Faire une image survolée (rollover)
Qu'est-ce qu'une image survolée (rollover) ? Placer votre souris au dessus de cette image :
Comment faire ? Confectionnez déjà vos deux images : celle qui apparaîtra normalement et celle qui
s'affichera lors du passage de la souris.
Remarque : La seconde image ne nécessite pas un effet trop marqué, c'est souvent les effets les plus
discrets qui sont les plus esthétiques.
Ensuite, dans Dreamweaver, menu Insertion >> Image survolée. (Dans Dreamweaver 2 : Insertion >> Image
retournée). La fenêtre suivante s'affiche :
Nom de l'image : donnez si possible un nom parlant à cette image (évitez accents, majuscules ou espaces)
Image originale : l'image qui s'affichera en premier
Image survolée : celle qui s'affichera lors du passage de la souris
Précharger les images : les images qui apparaissent lors du passage de la souris, seront chargées dès le
début. Si vous avez beaucoup d'images survolées, décochez cette case. Il n'est pas conseillé d'en mettre
trop.
Si cliquée, aller à l'URL : le lien
Remarque : Le nombre des images étant doublé, il est indispensable de partir à la chasse au Ko (faire en
sorte que vos images soient le plus légère possible)
3/ Faire une image carte (image map)
L'image "carte" permet, avec une seule image de définir plusieurs zones cliquables.
Pour dessiner une zone cliquable procédez comme suit :
Donnez un nom à votre carte dans la zone de texte à droite de Carte. Sélectionnez l'outil pour dessiner votre
zone cliquable. puis dessinez la sur l'image même (la zone qui apparaît ne s'affichera pas dans le
navigateur). La palette des propriétés change et devient ceci :
Cabinet de formation Le Groupe Bowl -JCMOUTOH Utiliser Dreamweaver 15