High-Tech Santé Médecine Droit-Finances

Réalisation

vidéo numérique

Rechercher : dans
Par :

Insérer un lien sur une image sur un site web

Dernière réponse le 23 nov 2009 à 15:03:09 Supradyn, le 21 oct 2009 à 15:41:28 
 Signaler ce message aux modérateurs

Bonjour,

Je suis novice en matière de création de site internet et j'ai, par exemple, pour la page d'accueil, mis dans le code html le nom d'une image qui me servira de fond et, sur cette image, intégré du texte depuis Photoshop. Seulement, maintenant que cela est fait, j'ignore comment intégrer un lien sur cette image (car sur la photo, j'ai ajouté les onglets "News, Music, Photos" etc. et j'aimerais ajouter sur ces quelques mots des liens qui permettraient aux visiteurs de passer d'une page à une autre...je suppose qu'il y a un moyen de le faire, mais j'ignore comment! Si quelqu'un peut m'aider, ce serait avec plaisir.

Merci d'avance pour vos réponses,

Supradyn

Configuration: Windows XP Internet Explorer 7.0

Meilleures réponses pour « Insérer un lien sur une image sur un site web » dans :
Vérifier les liens brisés d'un site web Voir
[Aspirateur de pages HTML] Comment aspirer un site Web ? VoirHTTrack est un excellent aspirateur, gratuit en licence GNU GPL (libre). HTTrack permet de télécharger un site web d'Internet vers votre disque dur, en construisant récursivement tous les répertoires, récupérant html, images et fichiers du serveur...
Insérer une image dans un mail Gmail en cours de composition VoirVoici une excellente méthode pour insérer des images dans vos e-mails Gmail. Résultat garanti ! Vu que vous avez un compte Gmail (puisque vous vous posez cette question) vous avez nécessairement accès à Google Documents. C'est le même compte...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
LaTeX - Insertion d'images VoirStyle LaTeX permet d'insérer des images de différents formats. Le plus simple est d'insérer des fichiers de type eps (Encapsuled Postscript) : Il suffit d'insérer dans le préambule la ligne suivante : \usepackage{graphicx} Puis d'insérer...
Mesure d'audience d'un site web VoirMesure et qualification de l'audience d'un site web L'objectif de tout webmaster est de développer l'audience de son site web, c'est-à-dire d'accroître le nombre de visites journalières. Il lui est ainsi indispensable de disposer d'indicateurs lui...
Posez votre question Répondre

1

TiboleParano, le 21 oct 2009 à 16:13:44
  • +1

Hey ! bonne idée, je m'était déjà posé la question sans vraiment m'informer
alors voilà, je l'ai fais gràce et pour toi :) 

ceci est un exemple tiré du net
<body>
  <p><img src="tonimage.jpg" width="292" height="118" border="0" usemap="#Map"> 
    <map name="Map">
      <area shape="rect" coords="56,23,166,82" href="http://www.exemple.com">
      <area shape="rect" coords="25,89,39,106" href="#">
      <area shape="circle" coords="35,22,13" href="#">
      <area shape="poly" coords="57,101,66,100,57,84,65,96,68,101" href="#">
    </map>
  </p>
</body>

Jviens de le tester, sa marche =) (sinon jposterai pas en fait -_-')
quelques précisions dans l'ordre:
dans lea balise img, il précise les attributs "width" et "height" (largeur et hauteur(ou l'inverse)) mais ce n'est pas obligatoire (utilse pour redimensionner par contre)
il précise [border="0"] et sa je te conseil de le laisser, sinon un cadre bleu est appliqué à l'image
ensuite, apparament le truc c'est l'utilisation de la [Map] :
la map complete, c'est l'image,
ensuite on définit des zones cliquables dessus en précisant le lien, on peut choisir plusieurs formes (jpense que tu traduiras facilement, et elle ne sont pas difficile à utiliser non plus)
alors un dernière précision, les valeurs sont en pixels, et voici le repère :
0;0________>max,0
|
|
|
\/
0,max

Jm'endormirais moins con ce soir tiens :)

   
Répondre à TiboleParano

2

TiboleParano, le 21 oct 2009 à 16:18:01

Arf, par contre je repense à quelque chose: pas sur que ce soit utilisable si tu la met en fond d'écran (dans la balise body), il faudra la sortir pour la déclarer comme n'importe quelle image banale avec la balise <img>
et ensuite, il faudra préciser que l'image n'est pas redimensionnable: si le visiteur agrandit/rétrécit sa fenetre, l'image ne changera pas de taile (ou sinon, je sais pas si les zones s'adaptent =S)
si vraiment tu souhaites que ton image soit redimensionnable, il y a peut-être moyen de le faire via une fonction Javascript qui vérifierai le chgt de taille de fenetre de l'opérateur, et qui recalculerai tout les liens en fonctions de la réduction appliqué => faut vraiment le vouloir (si tel est ton souhait, je ferais de mon mieux pour t'aider ;) )

   
Répondre à TiboleParano

3

Supradyn, le 22 oct 2009 à 10:32:02

Merci beaucoup pour tes réponse, je vais essayer!

Par contre, autre question: est-ce que avec cette technique je peux mettre plusieurs liens sur la même image et choisir les endroits ou seront ces liens? Et est-ce que la fonction "texte" est obligatoire ou puis-je mettre mes liens à plusieurs endroits sur une même image?

Merci d'avance pour vos réponses,

Supradyn

   
Répondre à Supradyn

4

Supradyn, le 22 oct 2009 à 10:32:04

Merci beaucoup pour tes réponse, je vais essayer!

Par contre, autre question: est-ce que avec cette technique je peux mettre plusieurs liens sur la même image et choisir les endroits ou seront ces liens? Et est-ce que la fonction "texte" est obligatoire ou puis-je mettre mes liens à plusieurs endroits sur une même image?

Merci d'avance pour vos réponses,

Supradyn

   
Répondre à Supradyn

5

TiboleParano, le 22 oct 2009 à 10:58:38

Pour répondre à ta question, tu peux mettre autant de liens que tu veux sur l'image, même plusieurs fois le même lien dans différentes zones, fais juste attention à ce que les zones ne se chevauchent pas, et je vois pas ce que tu entends par "fonction texte", tu veux dire le lien ? le "texte" du lien n'est pas affiché à l'image, il faudra qu'il soit écrit "menu" d'origine sur ton image pour que le visiteur sache que c'est là qu'il faut cliquer !

   
Répondre à TiboleParano

6

 katline, le 23 nov 2009 à 15:03:09

Bonjour :)
J'ai juste une question, si TiboleParano passe par là.
A un moment, je crois que tu as expliqué comment faire pour prendre qu'une partie de l'image, mais je n'ai pas bien compris. Peux-tu ré-expliquer, s'il te plaît ?

   
Répondre à katline
Posez votre question Répondre
Ils ont besoin de votre aide