Technologies

Publié le 05 octobre 2012 Mis à jour le 05 octobre 2012

Insérer des liens hypertextes dans une image

Un service en ligne qui génère le code à votre place.

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 : 

roget.biz image-maps.com cms spip Site du Zéro HTML Map

 

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

Le fil RSS de Thot Cursus - Besoin d'un lecteur RSS ? FeedBinFeedly , NewsBlur


Les messages de Thot sur BlueSky



Superprof : la plateforme pour trouver les meilleurs professeurs particuliers en France (mais aussi en Belgique et en Suisse)


Réviser le Code de la route



Recevez notre Dossier de la semaine par courriel

Restez informé sur l’apprentissage numérique sous toutes ses formes. Des idées et des ressources intéressantes. Profitez-en, c’est gratuit !