Transformer un texte ou une image en lien ?

Résolu

Lien
Html

philippe -
Webster95 Messages postés 553 Date d'inscription Statut Membre Dernière intervention - 31 déc. 2008 à 17:57

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

A voir également:

Comment transformer un texte en lien pix
Créer un lien pour partager des photos - Guide
Forum Téléphones & tablettes Android
Lien url - Guide
Transcription audio en texte word gratuit - Guide
Verifier un lien - Guide

6 réponses

Réponse 1 / 6

Webster95 Messages postés 553 Date d'inscription Statut Membre Dernière intervention 142

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 ?

philippe

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).

Réponse 2 / 6

Webster95 Messages postés 553 Date d'inscription Statut Membre Dernière intervention 142

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 :)

philippe

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 ?

Réponse 3 / 6

Webster95 Messages postés 553 Date d'inscription Statut Membre Dernière intervention 142

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 !!!!!!!!!!!!!!!!!!!!

philippe

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

Réponse 4 / 6

Webster95 Messages postés 553 Date d'inscription Statut Membre Dernière intervention 142

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
:)

Ree moi si ta d'autres problemes

Bonne chance !

philippe

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

Réponse 5 / 6

Webster95 Messages postés 553 Date d'inscription Statut Membre Dernière intervention 142

:)
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 ?

philippe

OK compris, ça marche.
Et encore merci pour ton aide précieuse.
Bonne continuation
Philippe

Discussions similaires

copier/coller a partir du clavier ?

Selectionner sans souris =)

ne pas utiliser la souris mais le clavier

Virus Dr Guard sur mon PC

Mettre un lien sur une image

comment trouver le code source d'une image

Votre réponse

Discussions similaires