Quelques bases HTML

Une aide pour les débutants - Dixième partie

Les cartes graphiques :

Comment transformer une image simple en image active ? Depuis quelques temps, j'ai constaté que beaucoup d'internautes se posent la question. Ce principe peut être utilisé pour créer un menu à partir d'une image quelconque. En HTML, les cartes graphiques se divisent en deux parties :

  • dans la balise <img>, on insère l'attribut "usemap=nom de la carte".
  • la valeur "nom de la carte" fait référence à la seconde partie du code HTML d'une carte graphique, la balise <map>.

La première étape de la création d'une carte graphique consiste à lui donner un nom.

Exemple :

<img src="fichier.jpg" width="232" height="229" border="0" usemap="#Carte exemple">
<map name="Carte exemple">

Ensuite, il s'agit de tracer les différents points qui seront liés en utilisant soit un tracé de rectangle, soit un tracé de cercle ou encore un tracé de polygone.

Exemple :

<map name="Carte exemple">
<area shape="rect" coords="4,51,68,189" href="fichier.html" alt="info bulle">
<area shape="rect" coords="260,81,300,187" href="fichier.html" alt="info bulle">
<area shape="rect" coords="76,15,202,185" href="fichier.html" alt="info bulle">

</map>

Dans cet exemple on utilise un tracé de rectangle et pour finir on ajoute une bulle info avec l'attribut "alt". Le lien peut être une adresse URL ou le nom d'un fichier suivi de son extension. Dans le cas de frame, il suffit d'indiquer le nom du cadre dans la balise "area shape" grâce à l'attribut target="nom de cadre".

Il est possible de créer une carte graphique à partir d'images GIF, JPEG ou PNG.

En plus de joindre à un hyperlien des zones actives déterminées, vous pouvez donner une URL aux zones non définies d'une image en insérant une ligne supplémentaire de la façon suivante :

<area shape="default" href="URL" alt="Page d'accueil">

Malheureusement, cette option ne fonctionne visiblement pas sur les versions d'Internet Explorer.

Résultat :



Retour haut de page
Brian Jones Mick Jagger Keith Richard