Dans : News Membres Forums Galeries Ressources Tutoriaux Concours


Recherche avancée

Créer une image-map

Salut à tous ,
Vous vous êtes surement souvent demander comment mettre plusieurs liens dans une seule image. Non ? C'est pas grave  .
Et bien c'est possible. On appelle cela une image-map et vous allez devoir la coder... Comment ça vous voulez pas ? Ah, vous êtes fatigués ? Ok. Et bien heureusement pour  vous, The Gimp possède un filtre générant des images-map .

Créons une image-map.

---

Ouvrez Gimp, puis chargez notre image. Ensuite, allez dans Filtres >> Web >> Image clicable Web...

La fenêtre suivante s'ouvrira.

Son fonctionnement est assez simple. Pour commencer, vous cliquez sur l'outil désiré (à savoir : rectangle, cercle ou bien polygone) puis vous sélectionnez une zone cliquable sur votre image. Ensuite, une fenêtre s'ouvrira et vous n'aurez plus qu'à y mettre le lien vers la page . Il faut faire ça pour tous les liens.
je vais rapidement détailler la fenêtre suivante.

Sur cette image, vous pouvez remarquer que vous pouvez faire avc le images-map, les même liens qu'avec une balise html simple. A savoir, des liens, des fichiers à téléchargés ou encore du javascript.
Le premier champ est le plus important, il sert à donner l'Url (l'adresse de la page vers laquelle redirige le visiter quand il clique sur une certaine zone de l'image).
Le second sert à donner le cadre de destination (c'est à dire,  choisir dans quel cadre ouvrir la page si votre site est composé de plusieurs cadre, ou frame).
Enfin, le Texte alternatif et le texte qui apparait quand on laisse le curseur sur la zone de l'image à laquelle correspond le lien. En clair, cela informe le visiteur de la destination du lien.
Dès que vous avez donné une destination à toutes les zones désirées, vous n'avez plus qu'à récupérer le code html en allant dans Affichage >> Source...
Le code devrait ressembler au suivant :

Merci d'avoir lu ce tutoriel .

0 commentaire