Transformer un texte ou une image en lien ? [Résolu/Fermé]

Signaler
-
Messages postés
553
Date d'inscription
lundi 5 novembre 2007
Statut
Membre
Dernière intervention
9 juillet 2013
-
Bonjour,
Je viens d'apprendre comment publier mes fichiers sur Internet. Pour cela, je transfère mes photos et divers documents sur mon FTP, dans un dossier www, puis tape une adresse url http dans mon explorateur du type :
http://nomdemonserveur/nomdemonfichier

Je voudrais maintenant savoir comment transformer le fichier visible, en un lien dirigeant vers un autre fichier, cet autre fichier étant lui aussi sur mon serveur FTP.
Ce fichier visible pourrait aussi bien être un morceau de texte qu'une image jpg.

D'avance, merci de votre aide
Philippe

6 réponses

Messages postés
553
Date d'inscription
lundi 5 novembre 2007
Statut
Membre
Dernière intervention
9 juillet 2013
129
j'ai pas tout a fait compris, tu veux que quand une image s'affiche, elle soit redirigé vers une autre image sur ton serveur ?
ou que on arrive sur une image, on peut cliquer sur cette image pour que sa nous ammenne sur une autre image sur le serveur ?

La deuxième option : on arrive sur mon image (ou morceau de texte), puis lorsqu'un clique dessus, on est amené vers une autre image (toujours hébergée sur le même serveur).
Messages postés
553
Date d'inscription
lundi 5 novembre 2007
Statut
Membre
Dernière intervention
9 juillet 2013
129
Ba, il te suffit juste de faire un lien, vers l'image de ton serveur..
Avec la balise <a>
Exemple: J'ai un texte et quand on clique dessu, sa nous ammenne sur une image su rserveur:
<a href="tonimagesurleserveur.jpg">voici une image cool</a>

==> Ce code va afficher un texte, qui va, quand tu cliquera desuss, va aller sur une image se situant sur le serveur.

Pour mettre un lien sur une image, pareil, sauf que tu va pas mettre du texte, tu vas afficher une image avec la balise <img>
Exemple: j'ai une image, et quand je clique, dessus, sa va vers une autre image:
<a href="tonautreimage.jpg"><img src="ta2emeimage.jpg"></a>

==>Ceci va afficher une image, et quand tu cliquera dessus, sa va t'ammener vers une autre image se situant sur le serveur

Voila j'espère que j'ai répondu a ta question :)

euh d'accord, je tape ce code dans le bloc notes je suppose, et une fois tapé, où dois-je mettre le fichier contenant ce code ?
Messages postés
553
Date d'inscription
lundi 5 novembre 2007
Statut
Membre
Dernière intervention
9 juillet 2013
129
Un peu trop novice il me semble...

Ecrit ce code dans la page où tu veux que ton image ou ton texte cliquable s'affiche :)
Si tu as déja une page index.html et que veux que dans cette page il y est ton texte ou image, insere ce code dans cette page !!

:)

PS: n'oublie pas non plus de modifier le nom de l'image se situant sur ton serveur !!!!!!!!!!!!!!!!!!!!
Je confirme, je suis totalement novice en la matière. Je n'ai encore jamais travaillé sur ce genre de choses. Je sais seulement manipuler mon serveur FTP et photoshop pour les images. En gros, je pars de 0.

Quand tu dis : "écrit ce code dans la page où tu veux que ton image ou ton texte cliquable s'affiche"... concrètement, ça veut dire quoi ? J'écris ça où ? A l'heure actuelle, la seule page qui existe est :
http://itermedia.fr/arco_iris.jpg
Messages postés
553
Date d'inscription
lundi 5 novembre 2007
Statut
Membre
Dernière intervention
9 juillet 2013
129
bon ok,

Tu insere ce code dans un fichier que tu nommera index.html.
<a href="arco_iris.jpg">Voici une image de arco-iris</a>

Tu le met sur ton serveur et tu vas a l'adresse "http://itermedia.fr/index.html"
Et la, tu constate que sur index.html, tu aura un lien (voici une image de arco-iris), tu clique dessus et tu va voir ton image d'arco-iris.jpg
:)

Recontacte moi si ta d'autres problemes

Bonne chance !

Cette fois, j'ai compris et ça marche !

Dernière question, comment dois-je faire pour réaliser l'opération inverse ?
Explication : jusqu'ici, on clique sur un texte (voici une image de arco_iris), et on arrive sur une photo.

Je souhaite maintenant cliquer sur la photo, pour être amené à du texte. Que dois-je faire docteur ?

Cordialement
Messages postés
553
Date d'inscription
lundi 5 novembre 2007
Statut
Membre
Dernière intervention
9 juillet 2013
129
:)
pour faire le chemin inverse, tu dois inserer le code suivant dans ta page
<a href="index2.html"><img src="arco_iris.jpg"></a>

==> Ce code va afficher ton image, et tu pourra cliquer dessus.
Quand tu cliquera dessus, sa va t'ammener a la page index2.html. Tu creer donc un fichier index2.html et tu met ce que tu veux dans cette page (exemple: vous venez de voir arco_iris). Tu met en ligne ensuite ce fichier index2.html
N'oublie pas de mettre aussi en ligne la page où tu as mis le code au dessus.

En résumé, index.html, aura une image et quand tu cliquera dessus, sa ira vers index2.html et il y aura marqué le texte que tu veux :)

D'autres questions ?

OK compris, ça marche.
Et encore merci pour ton aide précieuse.
Bonne continuation
Philippe
Messages postés
553
Date d'inscription
lundi 5 novembre 2007
Statut
Membre
Dernière intervention
9 juillet 2013
129
Je t'en prit philippe

Bonne continuation et bon Reveillon

Pense a valider le sujet en mode "résolu" merci :)