Création d’images cliquables, HTML Map Creator

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

3 réflexions au sujet de “Création d’images cliquables, HTML Map Creator”

  1. Il existe également sous GIMP un outil très efficace pour faire ceci, dans Filtres > Web > Image cliquable web, le code HTML est généré automatiquement sous la forme d’un fichier .map on peut créer des zones rectangulaires, circulaire/ovale ou polygonale. Il y a possibilité de mettre des évènements Javascript (onMouseover, onMouseout, onFocus, onBlur) ainsi que toute sortes de liens (Site web, FTP, Fichier, Messagerie etc.).

Les commentaires sont fermés.