Cliquer sur une zone:
Zone cliquables obtenues avec ImageReady (Photoshop), outil Carte-image polygonale.
Cliquer sur une ville:
Zone cliquables obtenues avec ImageReady (Photoshop), outil Carte-image circulaire.
Remarques:
- Bien sûr, on met dans le HREF le fichier HTML qui doit s'ouvrir lorsqu'on clique. On peut ajouter TARGET="_blank" si on veut qu'il s'ouvre dans une autre fenêtre. J'ai mis "#" (qui signifie cette page), lien bidon, uniquement pour voir le contour de la zone se dessiner. En réalité, on ne le voit pas bien sûr.
- Si vous ne voyez pas le contour de la zone se dessiner, taper la touche TAB (et shift-TAB pour aller à la précédente).
- Pour un polygone, COORDS contient une liste de coordonnées x,y. Pour un cercle, on a le centre et le rayon.
- Le champ ALT (ou TITLE) fait apparaître une info-bulle lorsque la souris passe sur la zone.
- Sous ImageReady, l'outil Carte-image est dans la barre d'outils verticale. On passe d'un type d'outil à l'autre (rectangle, cercle, polygone, sélection) et appuyant sur Alt. Une fois les zones faites, on sauve le tout (Copie optimisée pour le Web: HTML et image) dans c:\temp par exemple, et on peaufine manuellement le HTML.