Planète Cartables


Accueil » L'école au quotidien » Trucs et astuces informatiques » RESOLU créer une image avec différentes zones cliquables
RESOLU créer une image avec différentes zones cliquables [message n° 626725] mer. 01 décembre 2010 20:55 Message suivant
cathy n'est pas connecté cathy
messages : 2020
Inscrit(e) : juillet 2004
Situation géographique : centre
Métier : CE1/CE2
Avis aux pros;..

Sur le principe du calendrier de l'avent, est-il possible, de faire en sorte qu'en cliquant sur la case du jour, une nouvelle fenêtre s'ouvre avec l'image du jour ou le lien du jour ?
Sachant que je suis chez canalblog... mais que je peux mettre du html.

Je ne sais pas si je suis très claire ! En gros, je souhaites qu'en cliquant sur le "1", un lien donné s'ouvre...



"L'accouchement, c'est comme une écharde à côté de ce qui t'attend tous les jours". F. Foresti

Rapporter un message au modérateur

Re: insérer un lien vers une image [message n° 626731 est une réponse au message n° 626725] mer. 01 décembre 2010 21:02 Message précédentMessage suivant
arnaud n'est pas connecté arnaud
messages : 1266
Inscrit(e) : juin 2009
Situation géographique : Digne les Bains - Alpes d...
Métier : GS CP CE1

Il faut faire le lien comme ceci :

<a href="http://www.lelien.com" target="_blank" >Chiffre</a>






GNU/Linux et logiciels libres à l'école Linux, c'est facile ! Ressources et documents pour la classe

Rapporter un message au modérateur

Re: insérer un lien vers une image [message n° 626736 est une réponse au message n° 626731] mer. 01 décembre 2010 21:14 Message précédentMessage suivant
cathy n'est pas connecté cathy
messages : 2020
Inscrit(e) : juillet 2004
Situation géographique : centre
Métier : CE1/CE2
Avant ça, il faut que je découpe mon image non ?
elle se présente comme ça :
http://storage.canalblog.com/89/64/363101/59552228.gif
Si je veux un lien juste pour la case 1, il faut que je puisse insérer le lien juste sur cette case...



"L'accouchement, c'est comme une écharde à côté de ce qui t'attend tous les jours". F. Foresti

Rapporter un message au modérateur

Re: insérer un lien vers une image [message n° 626737 est une réponse au message n° 626736] mer. 01 décembre 2010 21:19 Message précédentMessage suivant
arnaud n'est pas connecté arnaud
messages : 1266
Inscrit(e) : juin 2009
Situation géographique : Digne les Bains - Alpes d...
Métier : GS CP CE1

Ah OK.

Je pensais que tes chiffres étaient en format texte.

Il faut en effet que tu découpes ton image en zones cliquables, au moyen du procédé appelé "image map".

Il y a des logiciels pour faire cela, tu peux utiliser Gimp ou Dreamweaver.



GNU/Linux et logiciels libres à l'école Linux, c'est facile ! Ressources et documents pour la classe

Rapporter un message au modérateur

Re: insérer un lien vers une image [message n° 626738 est une réponse au message n° 626737] mer. 01 décembre 2010 21:23 Message précédentMessage suivant
cathy n'est pas connecté cathy
messages : 2020
Inscrit(e) : juillet 2004
Situation géographique : centre
Métier : CE1/CE2
Merci je vais creuser !

Je suis en train de télécharger GIMP...



"L'accouchement, c'est comme une écharde à côté de ce qui t'attend tous les jours". F. Foresti

Rapporter un message au modérateur

Re: insérer un lien vers une image [message n° 626743 est une réponse au message n° 626738] mer. 01 décembre 2010 21:37 Message précédentMessage suivant
arnaud n'est pas connecté arnaud
messages : 1266
Inscrit(e) : juin 2009
Situation géographique : Digne les Bains - Alpes d...
Métier : GS CP CE1

Il y a ça et là des tutoriels qui expliquent comment créer une image-map avec Gimp :

http://www.golumfr.com/photshp/imagemapGimp.html

http://docs.gimp.org/fr/plug-in-imagemap.html

http://www.mathieupassenaud.fr/index.php?option=com_content&view=a rticle&id=58:une-image-map-sous-gimp&catid=37:programmation-we b&Itemid=54

http://www.synergeek.fr/2009/05/une-image-map-en-html-sous-gimp/

Je me souviens avoir fait cela mais c'était il y a longtemps donc je ne sais plus trop comment on fait, le mieux est de suivre les tutoriels.



GNU/Linux et logiciels libres à l'école Linux, c'est facile ! Ressources et documents pour la classe

Rapporter un message au modérateur

Re: insérer un lien vers une image [message n° 626747 est une réponse au message n° 626743] mer. 01 décembre 2010 21:53 Message précédentMessage suivant
cathy n'est pas connecté cathy
messages : 2020
Inscrit(e) : juillet 2004
Situation géographique : centre
Métier : CE1/CE2
Merci, j'ai utilisé ça
http://www.mathieupassenaud.fr/index.php?option=com_content&view=a rticle&id=58:une-image-map-sous-gimp&catid=37:programmation-we b&Itemid=54

Je pense que ça fonctionne mais le code que j'ai mis dans canalblog ne fonctionne pas... je vais tenter tes liens !

Merci !



"L'accouchement, c'est comme une écharde à côté de ce qui t'attend tous les jours". F. Foresti

Rapporter un message au modérateur

Re: insérer un lien vers une image [message n° 626752 est une réponse au message n° 626747] mer. 01 décembre 2010 22:04 Message précédentMessage suivant
arnaud n'est pas connecté arnaud
messages : 1266
Inscrit(e) : juin 2009
Situation géographique : Digne les Bains - Alpes d...
Métier : GS CP CE1

Pour voir si ça fonctionne, crée une simple page html avec ton image et le code qui l'accompagne, et tu fais fonctionner en local sur ton ordinateur.

Si ça fonctionne, il faudra voir comment insérer le code dans canalblog.

Je vais me coucher. Bon courage



GNU/Linux et logiciels libres à l'école Linux, c'est facile ! Ressources et documents pour la classe

Rapporter un message au modérateur

Re: insérer un lien vers une image [message n° 626768 est une réponse au message n° 626752] mer. 01 décembre 2010 22:37 Message précédent
cathy n'est pas connecté cathy
messages : 2020
Inscrit(e) : juillet 2004
Situation géographique : centre
Métier : CE1/CE2
ça fonctionne ! merci !!!


"L'accouchement, c'est comme une écharde à côté de ce qui t'attend tous les jours". F. Foresti

Rapporter un message au modérateur

Fil précédent : Téléchargement musique
Fil suivant : curseur qui change de ligne tout seul
Aller au forum :
  


Heure actuelle : mar. 29 juil. 15:14:39 2025

Copyright ©2001-2016 FUDforum Bulletin Board Software