TRANSFER - Atelier 2 -

Développement HTML : Les images cliquables

Les images cliquables permettent d'associer un lien hypertexte à une portion d'image (appelé aussi zone cliquable).
Les zones cliquables vont pouvoir prendre les formes de rectangle, cercles ou polygones.
Une image cliquable est définie par l'ensemble des balises suivantes:
<IMG SRC ="fichier de l'image" USEMAP ="#nom">

VSEMAP: Définit l'adresse d'une zone de code HTML dans laquelle sont décrites les zones cliquables et les liens associés.

Cette zone débute par la balise< MAP NAME="mon"> et se termine par la balise</MAP>
Entre ces deux balises, on définit les zones cliquables par les balises <AREA SHAPE ="figure" HERF ="document cible" COORDS="coordonnées">
Les coordonnées de figures (RECT,POLY,CIRCL) sont toujours exprimés en PIXELS.

Exemple:

<MAP NAME ="image cliquable">
<AREA SHAPE ="RECT" COORDS="3,3,71,45" "HREF" "document1.htm">
<AREA SHAPE ="CIRCL" COORDS="126,30,20" "HREF" "document2.htm">
<AREA SHAPE ="POLY" COORDS="177,15,189,9,203,18,202,43,189,50,171,36" "HREF" "document3.htm">
</MAP>
<IMG SRC ="image.gif" BORDER=0 WIDTH=326 HEIGHT=84 VSEMAP= "#image cliquable">

Qu'est-ce que HTML?

La structuration

L'en-tête d'un document

Le corps d'un document

Les balises de mise en page

Les balises de mise en forme des caractères

Insertion des images

Les listes

Les tableaux

Utilisation des cadres

Les liens hypertextes

Les images cliquables

  Activité 1
  Activité 2
  Activité 3
  Activité 4
  Activité 5

Téléchargement du
Support de cours
Liste des ressources

Accueil - Aide - Contact - Haut de la page