Dans l'exemple de la moissonneuse-batteuse, si l'on clique sur certaines parties de la machine agricole, le navigateur nous amène à une ressource WWW.
Pour afficher une image de ce type, il faut taper la commande suivante:
<A
HREF="http://www.grr.ulaval.ca/cgi-bin/imagemap.exe/moissonbatteuse">
<img src="images/moissonbatteuse.gif" ISMAP></a>
Le A HREF réfère à un programme (imagemap.exe) qui, identifiera et retournera l'URL associée à la zone sélectionnée. On doit fournir au programme imagemap.exe une clef qui constitue en quelque sorte le nom de l'image "cartographiée". Dans l'exemple, cette clef s'appelle "moissonbatteuse". Le concepteur de documents HTML doit fournir à l'administrateur de site un fichier qui permet d'associer des zones d'usage à des URL. Pour la moissonneuse-batteuse, le fichier ressemble à ceci:
default http://lilas.grr.ulaval.ca/grrwww/moissonneuse.html rect http://lilas.grr.ulaval.ca/grrwww/moissonneuse.html#plateformerecolte 5,140 105,270 rect http://lilas.grr.ulaval.ca/grrwww/moissonneuse.html#battage 109,127 178,186 rect http://lilas.grr.ulaval.ca/grrwww/moissonneuse.html#separation 177,97 417,145 rect http://lilas.grr.ulaval.ca/grrwww/moissonneuse.html#nettoyage 178,146 416,208 rect http://lilas.grr.ulaval.ca/grrwww/moissonneuse.html#stockage 236,14 435,77 rect http://lilas.grr.ulaval.ca/grrwww/moissonneuse.html#conduite 39,15 173,126
Pour établir les zones cliquables, un petit logiciel du domaine public dénommé WebMap est disponible dans l'environnement Macintosh. Ce logiciel affiche l'image choisie et permet de dessiner en superposé des rectangles, cercles ou polygones pour ensuite définir un lien URL pour chacune des zones.
Vous remarquez, dans le cas de l'exemple de la moissonneuse-batteuse, que l'image est entourée d'un carré bleu.
Ce carré indique à l'usager que cette image est "clickable".
Ce carré apparaît lorsqu'on utilise une image dans une commande A HREF l'associant ainsi à un fichier HTML
situé ailleurs ou encore à une section ailleurs dans le document (A NAME). On peut désactiver ce carré en insérant
la commande border=0 dans la commande img src de la façon suivante:
<img border=0 src="images/moissonneuse.gif">. On peut aussi faire l'effet inverse et accroître
l'épaisseur de la bordure en utilisant n'importe quelle valeur comme <img border=10 src...>.
Note: Les instructions précédentes s'appliquent aux différentes versions du serveur WWW ncsa HTTPD. Les autres serveurs peuvent utiliser des conventions différentes.
| Chapitre suivant | ||||||
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | |
| Retour à la page principale | ||||||