COURS Le calendrier des cours Le cahier des charges Méthode de travail Les principes du html Le traitement des images Les tableaux Les liens AIDE MEMOIRE Les noms des couleurs Les codes de couleur hexadécimaux Les balises HTML Les images réactives Comment faire neiger Les fenêtres ou frames Faire dérouler du texte Liens utiles |
Le principe d'une image réactive est que certaines zones de l'image sont en fait associés à des liens hypertexte. Pour créer une image réactive il faut préciser par une série de commandes les coordonnées des zones qui doivent "réagir". La première tache consiste à créer une image avec des zones facilement identifiables (exprimées en pixels).Dans le code source de sa page web on place ensuite les balises : <MAP NAME="nom"> ... <MAP>. Entre ces deux balises, on indiquera autant de marqueurs >AREA> qu'il y a de zones sensibles à définir. Chacune de ces zones sera définie de la façon suivante : <AREA SHAPE=type de zone COORDS="liste des coordonnées, séparées par des virgules" HREF="adresse du lien où la zone devra renvoyer.html"> Le type de zone peut prendre la valeur RECT pour un rectangle, CIRCLE pour un cercle, ou POLYGON pour un polygone. Pour un rectangle, on définit les coordonnées des extrémités de la diagonale principale.Pour un cercle, les coordonnées du centre suivies de la valeur du rayon. Pour un polygone, les coordonnées des points successifs. Vous pouvez visionner le code source de cette page en cliquant sur "Affichage > Source" et voir où sont placées les différentes balises de l'image "chateau.gif"
|