Insertion d'une image dans une page web

Fermé
janusx21 Messages postés 3 Date d'inscription mercredi 22 avril 2009 Statut Membre Dernière intervention 15 mai 2015 - 1 nov. 2013 à 20:08
 rohdfe - 4 nov. 2013 à 00:02
Bonjour,

je suis entrain de concevoir un site web
il faut noter que je suis novice et je suis à mes débuts
j'ai un répertoire que j'ai nommé Documents HTML avec des sous-répertoires (Doc 1, Doc 2, Doc 3, Doc 4)
Dans Doc 2 il se trouve les images que je dois insérer dans une page web qui se trouve dans Doc 4
Comment faire apparaître cette image dans la page web que je veux faire
j'ai essayé plusieurs stratégies dont:
<img src="Document HTML/Doc 2/Christophe.jpg" >
(Christophe.jpg étant le nom du fichier image)

Mais rien n'apparaît si ce n'est un carré
Merci pour votre aide



A voir également:

2 réponses

salut, j'ai pas tout saisi avec tes dossiers :)

Si tu veux revenir en arriere dans les dossiers il faut mettre deux points ..

par exemple <img src="../../image.jpg" alt="" />

alors .. remonte d'un cran en arrière ../.. de 2 crans et . c'est le répertoire actuel
׺°"~'"°º×]|I{*------» m3745p10!7 «------*}I|[׺°"~'"°º×
0
zerrox21 Messages postés 4 Date d'inscription vendredi 1 novembre 2013 Statut Membre Dernière intervention 29 juin 2014
1 nov. 2013 à 21:13
Merci bien voici le problème:
1-Répertoire principal: Document HTML
2-Sous-Répertoires: Doc 1, Doc 2, Doc 3, Doc 4
3-Doc 2: contient les fichiers images dont l'image Chistophe.jpg
4-Doc 4: contient le document html: insertion des images.html
5-Je dois insérer dans le document html (insertion des images.html) qui se trouve dans Doc 4, le fichier image Chistophe.jpg qui se trouve dans Doc 2

je viens de faire comme vous avez dit dans la réponse mais toujours le même problème

comment m'y prendre
merci
0
Utilisateur anonyme
2 nov. 2013 à 04:23
salut, je pense que c'est

<img src="../Doc2/Chistophe.jpg" alt="" />
0
Salut,

méfiez vous il y a plusieurs règles importantes en HTML concernant les adresses(URL) de fichiers et dossiers:

Les noms ne doivent pas comporter d'espace donc vous ne pouvez pas écrire "Doc 2" mais uniquement Doc2 et encore on va voir que ce n'est toujours pas correct pour les navigateurs web.

Par soucis de clarté et pour éviter les erreurs, mais aussi parce que les serveurs peuvent parfois faire des erreurs avec: vos noms de dossiers fichiers ne doivent pas comprendre de majuscule(de même les accents dans les noms de fichiers).
Ceux qui ont passé deux jours à essayer de réparer un lien pour finalement voir qu'il y a une majuscule manquante dans le nom vous confirmeront sûrement que c'est le genre de problème qu'il vaut mieux éviter.

Pas de majuscule(recommandé), pas d'espace(obligatoire), pas d'accent(obligatoire) et vous pouvez écrire vos adresse correctement.
Avec Windows vous pouvez remonter d'un "niveau" dans l'arborescence des dossiers avec .. et / pour séparer chaque dossier.

Comme vous le pratiquez il faut utiliser une notation de l'adresse relative et bannir l'URL absolue qui sera différente lorsque publiée sur le serveur http.

En général pour les pages web on met tout dans le dossier racine et les dossiers servent uniquement à plmus de clarté dans l'affichage du ftp. Il ne s'agit pas là de les manier et manipuler souvent, c'est uniquement le serveur qui s'en sert une fois publié on y revient pas puisque c'est le rôle de la page web (des URLs qui y sont écrites) de les fournir lorsque l'on en a besoin.
Ce qui est classique comme méthode c'est de faire une dossier unique pour toutes les images, laisser les pages HTML à la racine. Par exemple plutôt que Doc1,doc2,doc3 etc.. vous pouvez juste écrire "documents" et y mettre tout les fichiers nécessaires ainsi qu'avoir un dossier "images" qui contiendras toutes les images.
C'est nettement plus pratique à l'usage. Si vous cherchez une page web c'est à la racine, un document c'est dans le dossier prévu et une image dans son dossier aussi. L'avantage immédiat est que vous ne vous posez pas de question de recherche du bon nom de dossier et que l'écriture de l'url est simple et claire.
0