Images mapées
Avec Mapthis
HomeDown

Mapthis est un de ces délicieux "freeware" qui jalonnent le Web. Vous pouvez le télécharger
[870 Ko] ici.

On ouvre le programme MapThis. On fait File New.

On ouvre de façon classique l'image (gif) à "maper".

On détermine ensuite les renseignements généraux de la map (nom de la map, méthode).
Mapping Edit Map Info.

On donne le nom de la map (ici "cartons") et la méthode (ici CSIM). Les autres mentions comme l'auteur, la description et l'URL par défaut (mais oui) sont facultatives.

Attaquons nous maintenant aux zones. On sélectionne la forme [shape] désirée, ici le rectangle.

On applique la forme au premier carton.

Un écran de zone [area] apparaît simultanément où vous indiquez le fichier associé à la zone (a.htm). les autres mentions sont optionnelles. Remarquez que la position des points de définition de la zone sont indiqués (ici 37,8,67,41)

On procède de même pour les autres zones.

Le travail réalisé, on sauve le fichier, File Save as, sous forme Html.

On obtient ainsi un fichier au format Htm qu'il suffira de fusionner avec la page Html. Ce que nous verrons à la page suivante de ce chapitre.

Le fichier créé par MapThis (image_mapée) ressemble à ceci.

<BODY>
<MAP NAME="cartons">
<!-- #$-:Image Map file created by Map THIS! -->
<!-- #$-:Map THIS! free image map editor by Todd C. Wilson -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:1.30 -->
<!-- #$DATE:Wed Nov 11 10:56:54 1998 -->
<!-- #$GIF:MAP.gif -->
<AREA SHAPE=RECT COORDS="37,9,72,40" HREF="a.htm">
<AREA SHAPE=RECT COORDS="18,46,46,79" HREF="b.htm">
<AREA SHAPE=RECT COORDS="61,43,93,78" HREF="c.htm">
<AREA SHAPE=RECT COORDS="9,84,36,119" HREF="d.htm">
<AREA SHAPE=RECT COORDS="48,85,77,116" HREF="e.htm">
<AREA SHAPE=RECT COORDS="89,81,123,115" HREF="f.htm">
</MAP>
</BODY>

Les lignes de commentaires pourront être effacées.