Alors, certains vont vous dire d'utiliser des logiciels extra-compliqués et uniquement fait pour ça comme dans le tutoriel du FDF, or c'est une grosse bêtise parce que simplement avec Photofiltre Gratuit on peut le faire !

1ère Étape : Prenez votre Image.


2ème Étape : Sous photofiltre (téléchargeable ici), délimitez à l'aide de l'outil sélection la zone que vous souhaitez rendre cliquable.



Gardez toujours votre zone sélectionnée et vous voyez 4 nombres en bas, comme ceci : 52:21 => 141:45. Retenez-les! On va s'en servir pour le code HTML.

3ème Étape : Prenez votre page HTML, commencez par copier-coller ce code et le remplir. Vous devez héberger votre image et connaître son URL (son adresse) pour le faire :

Code:

<img name="accueil0" src="URL DE VOTRE IMAGE" usemap="#accueil" alt="" />

Ensuite, collez ceci :

Code:

<map name="accueil">

Puis ceci à la suite pour mettre les liens :

Code:

<area shape="rect" coords="A,B,C,D" href="LIEN" alt="NOM DU LIEN" />

NOM DU LIEN : Donnez-lui un nom. Il permet de se repérer car en général vous en aurez plusieurs.
LIEN : Lien vers lequel on sera redirigé en cliquant sur la zone de l'image que vous avez sélectionnée.
A,B,C,D : Correspond aux chiffres que vous avez retenu dans l'ordre!

Et n'oubliez pas de mettre ceci à la fin pour fermer :

Code:

</map>

Ce qui donnera par exemple pour mon image :

Code:

<img name="accueil0" src="http://i61.servimg.com/u/f61/11/01/00/53/cssact12.png" usemap="#accueil" alt="" />
<map name="accueil">
   <area shape="rect" coords="52,21,141,45" href="http://www.css-actif.com/forum.htm" alt="CSSActif" />
</map>

Et voilà !

Bonne Chance!
Cordialement, Haricoow.