Images avec multiples liens

Créer de multiples liens pour une image avec Dreamweaver®

Apprenez comment créer un lien vers différentes pages de la même image en utilisant l'image des cartes dans Dreamweaver.

Que sont les images des cartes?

Une carte-image est une image qui a été divisée en régions, ou «points chauds», quand on clique sur un hotspot, une action se produit, par exemple un nouveau fichier s'ouvre. L'image se trouve au bas est un exemple d'image de la carte. Tous les liens sont dans une image, qui sont liés à des pages différentes.

Les espaces en vert sont visibles seulemnt en mode création et sont invisibles dans le navigateur:

Vous les verrez en mode création dans Dreamweaver comme suit:

carte d'image en mode création dans dreamweaver

Ils seront invisibles dans le navigateur:

carte d'image 2

Vous pouvez aussi faire des liens circulaires ou polygones comme indiqué ci-dessous.

Étapes à suivre pour créer une carte d'image dans Dreamweaver

  1. Sélectionnez l'image sur laquelle vous voulez faire de multiples liens.Cliquez sur l'outil zone réactive rectangulaire dans Propriétés. Sélectionnez l'outil rectangle et faites glisser le pointeur sur l'image pour créer une zone réactive rectangulaire. Vous pouvez également choisir la forme circulaire ou un polygone.



  2. Dans Propriétés du lien, cliquez sur l'icône de dossier pour rechercher le fichier que vous voulez ouvrir quand on clique sur la zone réactive. Sinon, tapez le nom du fichier.



  3. Répétez les étapes ci-dessus pour définir d'autres zones réactives dans la carte de l'image.

  4. Vous avez réussi à créer une carte d'image.

Le code ressemblera à ceci.


Comme vous pouvez le voir dans le code, vous devez spécifier les coordonnées de la zone réactive.