La création d’images cliquables avec différentes zones sensibles n’est pas spécialement facile à réaliser par des personnes ne connaissant pas la beauté du langage HTML.

 image-zone-sensible

Pour leur faciliter la vie, le service en ligne HTML Map Creator permet à partir d’une image d’y ajouter des zones cliquables renvoyant vers les pages Web de son choix.

Il s’agit de liens présents sur l’image qui réagissent au clic de souris des visteurs. Ces images sont reconnues par tous les navigateurs Web.

L’opération se fait en trois étapes :

creation-image-cliquable

  • Sélection d’une image – il faut indiquer l’URL pour accéder à l’image ; elle peut être hébergée sur votre site ou votre blog ou n’importe ou ailleurs – Cliquer ensuite sur le bouton Start.
  • Dessin à la souris d’une ou plusieurs zones cliquables et ajout d’un lien dans Enter link URL ; en option on peut indiquer que la page cible va s’ouvrir dans la même fenêtre (same Window) ou dans une nouvelle fenêtre (New Window) ; la zone Enter Link alt permet de définir l’affichage d’une info bulle quand le curseur de souris passe sur la zone cliquable. Il est possible d’ajouter plusieurs zones cliquables sur une image.
  • Pour finir, cliquer sur le bouton Click here to finish. Un code HTML est alors généré ainsi qu’un style CSS qu’il suffira de copier pour utiliser l’image cliquable sur une page de son site.

L’opération est simple et conviendra à toutes les personnes cherchant une façon rapide de créer sans programmation une image cliquable.

 Source : HTML Map Creator

Boutons de partage :
Twitter Facebook Google Plus Linkedin email
Article rédigé par Eric Weyland