Formation / Tutoriaux
  • Identifiants - Rédacteurs

    s'inscrire

Vous êtes ici : Formation / Tutoriaux » Dreamweaver » Créez une Image Map

Créez une Image Map

4 votes
- Rédacteur : web
Imprimer cet article
Créez une Image Map ( Un lien sur une image)

Sur une image (exemple d’une carte géographique), vous pouvez créer des zones cliquables (pour un menu de navigation)

1) Créez un nouveau document Fichier > Nouveau > HTML 2) Ajoutez une image > Insertion > Images

JPG - 76 ko

3) Sélectionnez l’image et ouvrez l’inspecteur de propriétés (Fenêtre > Propriétés) 4 Cliquez sur « le polygone » en bas à gauche de l’onglet propriétés et sur l’image, dessinez un contour en cliquant à de multiples reprises autour d’un département.

JPG - 43.3 ko

Une zone bleue apparaît au-dessus de l’image, et les propriétés des images map apparaît.

5) Dans le champ « Lien », vous avez la possibilité de donner un lien hypertexte à la zone.

JPG - 22.1 ko

6) Dans le champ « Alt », tapez le nom « Aquitaine » qui correspond à la description de la zone.

7) Dans l’onglet propriétés, vous pouvez également utiliser l’« outil ovale » qui comme son nom l’indique crée des zones rondes ou ovales sur les images, l’« outil rectangulaire », permet de créer une zone cliquable rectangulaire autour d’un élément de l’image.

8) Enregistrez votre document Fichier > Enregistrer

9) Appuyez sur F12 pour voir le résultat.


© 2009 Formation.start-web.fr - Termes et conditions
Partenaires - Contact - Liens utiles - Annuaire formation