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.

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

Articles recommandés



N'oubliez pas de partager cet article!




Nom

accessoire,9,actualité,60,addon,11,Adsence,3,adwcleaner,2,Amazon,2,android,58,antivirus,12,Apple,18,application,64,arnaque,9,art,18,Article sponsorisé,3,astuce,125,bd,6,billet d'humeur,25,Blog geek,1,blogger,31,BLOGGING,40,bon plan,11,bug,9,bureatique,2,bureautique,4,chrome,23,cinema,17,cloud,3,CMS,3,concours,5,Crack-net story,24,découverte,2,dell,2,design,4,développement durable,2,dropbox,1,ebook,1,education,65,emploi,3,enquête,2,evernote,1,extension,14,facebook,28,firefox,11,Flash,3,foot,1,free,3,gadget,3,gagner de l'argent,6,geek,64,gmail,14,google,30,gps,2,gratuit,116,html,5,humour,27,image,36,immobilier,2,infographie,67,Insolite,16,internet,76,iPad,6,iphone,47,itunes,7,jeux video,30,joomla,1,Lecture,2,linux,5,liste,1,logiciel,66,logo,5,mac,4,mail,22,manga,7,marketing,7,meilleurs sites,2,messenger,1,microsoft,6,mobile,11,monetiser,7,mp3,4,musique,18,nomade,1,office,6,orthographe,1,outlook,1,p2p,1,PC,72,pdf,11,photo,45,photoshop,8,piratage,25,playstation,1,podcasts,1,pratique,16,publicité,13,referencement,2,référencement,2,rese,1,Réseaux sociaux,53,rumeur,2,samsung,5,samsung galaxy s2,9,sécurité,40,seo,9,séries,14,service web,122,skype,1,smartphone,52,sport,2,streaming,15,tablette,5,Tchat,1,téléchargement,28,telephone,7,téléphonie,13,template,6,test,3,torrent,4,travail,2,troll,3,Tuto,130,tv,11,twitter,40,video,56,wallpaper,6,webmaster,41,widget,4,wifi,4,windows,49,wordpress,9,youtube,22,
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
https://www.crack-net.com/2013/02/creer-une-image-mappee-ou-cliquable-en.html
https://www.crack-net.com/
https://www.crack-net.com/
https://www.crack-net.com/2013/02/creer-une-image-mappee-ou-cliquable-en.html
true
3471367308829404027
UTF-8
Loaded All Posts Articles non trouvés VOIR TOUT Lire plus... Répondre Cancel reply Effacer Par Home PAGES Articles Voir Tout RECOMMANDÉ POUR VOUS LABEL ARCHIVE SEARCH TOUS LES ARTICLES Aucun article ne correspond à votre recherche Back Home Dimanche Lundi Mardi Mercredi Jeudi Vendredi Samedi Dim Lun Mar Mer Jeu Ven Sam Janvier Février Mars Avril Mai Juin Juillet Aout Septembre Octobre Novembre Décembre Jan Fev Mar Avr Mai Jun Jul Aug Sep Oct Nov Dec A l'instant Il y a 1 minute $$1$$ minutes ago Il y a 1 heure $$1$$ hours ago Hier $$1$$ days ago $$1$$ weeks ago Il y a plus de 5 semaines Followers Follow CONTENU PREMIUM BLOQUÉ STEP 1: Share to a social network STEP 2: Click the link on your social network Copier tout le code Sélectionner tout le code Tout le code est copié Impossible de copier le code/texte, veuillez appuyer sur [CTRL]+[C] (ou CMD+C sur Mac) pour copier