Lorsqu'on rédige un billet sur son blog ou sur son site, on est souvent amené à l'illustrer à l'aide d'une image. On souhaiterait pouvoir parfois insérer dans cette image plusieurs liens hypertextes renvoyant vers les ressources présentées tout au long de l'article. Thierry Roget signale sur son blog un outil très pratique qui permet de s'affranchir de toute connaissance du code HTML pour réaliser cette opération.
Créer une image interactive
HTML Map Creator permet en effet d'ajouter plusieurs liens hypertextes sur une même image. Il suffit simplement d'indiquer l'URL de l'image au service puis de sélectionner ensuite les différentes zones d'insertion. Deux codes sont automatiquement générés : HTML et CSS. Le premier est suffisant et peut être copié-collé au sein d'un article en ligne via l'interface html de votre outil de publication. A noter que ce service est en version beta et qu'il proposera bientôt la possibilité de téléverser ses propres fichiers.
Vous trouverez ci-dessous un exemple d'image multi-cliquable recensant les principales sources de cet article :
Sources
Roget.biz : http://roget.biz/comment-inserer-des-liens-dans-une-image
CMS Spip : http://icp.ge.ch/sem/cms-spip/spip.php?article1364
Site du Zéro : http://www.siteduzero.com/tutoriel-3-32634-images-mappees-et-liens-hypergraphiques.html
Source de l'image : http://www.illustrations.fr/
Voir plus de technologies de cette institution