Créer une image mappée ou cliquable en ligne

PARTAGER:

Créer une image mappée ou cliquable grâce à un service gratuit en ligne. Vous pourrez ensuite récupérer le code à insérer dans une page web.

Une image mappée, sont dans mon vocabulaire perso des images dans lesquelles on a inséré des liens HTML, cliquables, et qui renvoient vers d’autres pages web donc. Je ne peux pas vulgariser davantage.

On peut en avoir l’usage pour créer des menus stylés sur une image, du style sur une carte de France je clique sur un département pour aller sur une page web contenant des infos relatives à ce département… On est tous d’accord sur le vocabulaire?

Alors, donc, si vous souhaitez réaliser un truc de ce genre (j’ai déjà eu à faire le truc de la carte de France il y a un petit moment) vous pouvez si vous êtes patient, que vous comprenez vite aller consulter le fabuleux site du zéro qui propose un tuto très explicite sur la question. Il faudra avoir quelques bases de HTML mais rien de bien méchant.

poil dans la main

Bon par contre si vous êtes fainéant il y a d’autres solutions qui vous permettrons de faire l’impasse sur pas mal de prises de tête. Il existe bien des logiciels qui permettent de générer le code d’une image mappée, mais c’est d’un autre niveau de flemmardise dont je vous parle.


Celui qui consiste à ne rien installer sur son ordinateur et à générer notre image agrémentée de son code HTML en quelques clics, depuis son navigateur web, après avoir simplement sélectionné les zones cliquables.

Pour ce poil dans la main là, je vous recommande un super outil en ligne nommé HTML Map Creator.

html map creator


Le service est encore en Beta et malheureusement on ne peut pas encore uploader les images depuis le site. Il faut les uploader sur n’importe quelle plateforme d’hébergement en ligne puis insérer l’URL de l’image pour que le script fasse le reste…


Mais franchement c’est un moindre effort compte tenu du fait que le code généré est loin d’être dégueulasse. Par ailleurs, si c’est une image que vous souhaitez insérer sur un blog, il vous suffit de l’intégrer à un post puis de récupérer son URL et le tour est joué.

J’ai Googlé un autre service en ligne qui semble générer des images cliquables aussi mais je ne l’ai pas testé. Il s’agit de image-maps.com. Si vous connaissez, n’hésitez pas à faire un retour.

A vous de jouer maintenant ;-)

via : Makeuseof

Blog geek

Crack-net est un blog Geek, pour les Geeks et autres Nerds mais aussi pour la ménagère, l'enseignant, l'étudiant, l'ouvrier ou le cadre.... Pour quiconque atterrira sur ces pages
Nom

accessoire,9,actualité,62,addon,10,Adsence,8,adwcleaner,2,Amazon,2,android,53,androïd,3,antivirus,12,Apple,19,application,65,arnaque,7,art,18,Article sponsorisé,3,astuce,100,bd,6,billet d'humeur,33,Blog geek,1,blogger,34,BLOGGING,44,bon plan,11,bug,8,bureatique,2,bureautique,3,chrome,22,cinema,17,cloud,3,CMS,3,concours,6,Crack-net story,34,découverte,3,dell,1,design,4,développement durable,2,dropbox,1,ebook,1,education,48,emploi,3,enquête,2,evernote,1,extension,14,facebook,32,firefox,11,Flash,4,foot,1,free,3,gadget,2,gagner de l'argent,12,geek,64,geekeries,12,gmail,14,google,32,gps,2,gratuit,120,html,5,humour,30,image,30,immobilier,3,infographie,70,Insolite,20,internet,60,iPad,6,iphone,54,itunes,7,jeux video,27,joomla,1,Lecture,2,linux,6,liste,1,logiciel,59,logo,4,mac,3,mail,19,manga,6,marketing,9,meilleurs sites,3,messenger,1,microsoft,7,mobile,13,monetiser,13,mp3,3,musique,14,nomade,1,office,6,outlook,1,p2p,1,PC,55,pdf,11,photo,43,photoshop,6,playstation,1,podcasts,2,pratique,13,publicité,15,referencement,6,référencement,2,rese,1,Réseaux sociaux,57,rumeur,2,samsung,5,samsung galaxy s2,9,sécurité,26,seo,12,séries,15,service web,116,skype,1,smartphone,49,sport,2,streaming,6,tablette,5,Tchat,1,téléchargement,24,telephone,7,téléphonie,13,template,6,test,3,torrent,3,travail,2,troll,3,Tuto,105,tv,9,twitter,47,video,57,wallpaper,5,webmaster,42,widget,4,wifi,2,windows,42,wordpress,9,youtube,20,
ltr
item
Crack-net: Créer une image mappée ou cliquable en ligne
Créer une image mappée ou cliquable en ligne
Créer une image mappée ou cliquable grâce à un service gratuit en ligne. Vous pourrez ensuite récupérer le code à insérer dans une page web.
http://lh6.ggpht.com/-eStaiKo1xic/URGbVTNbhkI/AAAAAAAAChc/jBFM8ieJkBI/image%25255B11%25255D.png?imgmax=800
http://lh6.ggpht.com/-eStaiKo1xic/URGbVTNbhkI/AAAAAAAAChc/jBFM8ieJkBI/s72-c/image%25255B11%25255D.png?imgmax=800
Crack-net
http://www.crack-net.com/2013/02/creer-une-image-mappee-ou-cliquable-en.html
http://www.crack-net.com/
http://www.crack-net.com/
http://www.crack-net.com/2013/02/creer-une-image-mappee-ou-cliquable-en.html
true
3471367308829404027
UTF-8
Loaded All Posts Not found any posts VOIR TOUT Lire la suite Repondre Annuler la reponse Effacer Par Home PAGES ARTICLES Tout Voir JE VOUS RECOMMANDE LABEL ARCHIVE RECHERCHE ALL POSTS Not found any post match with your request Retour Home Dimanche Lundi Mardi Mercredi Jeudi Vendredi Samedi Dim Lun Mar Mer Jeu Ven Sam Janvier Fevrier Mars Avril Mai Juin Juillet Aout Septembre Octobre Novembre Decembre Jan Fev Mar Avr Mai Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Hier $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow CONTENU PREMIUM SVP Partager pour deverrouiller Copier tout le code Sélectionner tout le code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy