Les zones sensibles peuvent être des images ou portion d'images

 

Pour une image il suffit de spécifier à la place de portion de page la référence à l'image avec

<IMG SRC="localisation et nom de l'image" BORDER=n>

où BORDER permet définir (ou non) un contour marquant l'utilisation d'une zone sensible

Dans l'exemple suivant le logo de l'UPJV a un contour d'épaisseur 0 alors que la cathédrale a un contour bleu d'épaisseur 2.

 

Pour utiliser une partie de l'image, il faut, dans un premier temps, définir une "cartographie" virtuelle à l'aide des balises <MAP> et </MAP> . Cette "cartographie" permet de définir des zones sensibles à l'aide de la balise<AREA> et ce; indépendemment de l'image utilisée par la suite.

Avec la balise <MAP> on utilise l'attribut NAME afin de donner un nom à l'image MAP

Avec la balise <AREA> on utilise les attributs:

SHAPE (polygon, circle, rect) pour donner une information sur la forme

COORDS pour donner la liste des coordonnées des points nécessaires à la définition de la forme

remarques:

• Pour un polygone, on donne l'ensemble des coordonnées des sommets de celui-ci.
• Pour un cercle, on donne les coordonnées du centre et le rayon.
• Pour un rectangle, on donne les coordonnées du sommet en haut à gauche et les coordonnéess du sommet en bas à droite.

On moment de la mise en page de l'image on spécifiera que celle-ci utilise une "cartographie" avec des zones sensibles en notant USEMAP="#nom de l'image map" ISMAP

Dans l'exemple ci-dessous trois formes ont été définies sur une image de la cathédrale (Remarque: les formes délimitées en rouge font partie de l'image).

 

Exemples:

Auteur: Philippe Moreau