Les images à zones actives.
Il nous reste encore un élément à voir, les images "mappées". Ce sont des images avec des zones actives. En déplaçant votre souris sur ce type d'image, vous trouvez des zones sur lesquelles le curseur se transforme en doigt, vous cliquez sur cette zone et vous voilà parti sur une autre page.
Dans notre cas, nous allons utiliser la carte de la Haute-Marne de votre site de la Haute-Marne sans cadre et créer sur cette carte deux zones actives, une sur Champigny-lès-Langres et une autre sur Langres.
Pour cela, avec Claris, ouvrez le fichier "h-m.htm" du dossier "internet, haute-marne".
Avec un clic du bouton droit sur la carte de la haute-marne, sélectionnez le choix "Modifier l'image à liens multiples client"
Une nouvelle fenêtre apparaît. Sélectionnez alors l'outil rectangle, puis sur la carte, définissez une zone autour de Champigny lès Langres. A ce moment, une autre fenêtre s'ouvre dans laquelle, avec le bouton "Fichier...". Vous pouvez choisir un fichier de votre site ou, comme dans le cas présent, un lien externe au site que vous saisissez manuellement. Dans notre cas vous écrivez "http://perso.orange.fr/bjl/champigny/", validez en fermant cette fenêtre. Recommencez la même opération avec Langres en utilisant comme lien "http://www.paysdelangres.com/"
Les dimensions de vos zones actives peuvent être modifiées à posteriori.
Maintenant fermez votre fenêtre "Images à liens multiples de "h-m.htm"" et enregistrez votre fichier "h-m.htm".
Comme vous l'avez vu à la leçon 7, vous pouvez retirer le liseré bleu autour de la carte signalant qu'elle comporte des liens, en double cliquant sur la carte et en donnant une valeur 0 au paramètre "contour".
Votre initiation à la création des pages HTML est arrivée à son terme, il nous reste à mettre ces pages "en ligne".
