Aller au contenu

afficher mes photos sur mon site web ?


Sujets conseillés

bonjour à tous !

J'ai créé un site web pour rendre servir à quelqu'un ! J'ai déjà eu beaucoup de problémes pour le nom de domaine, l'hébergeur, etc ! Aprés plusieurs heures de travaille, j'ai enfin réussi mais sur une de mes pages, la seule qui comporte des photos, les photos ne s'affiche pas !!!

Si quelqu'un pouvait me filer un petit coup de pouce je lui en serai trés reconnaissant car je n'arrive vraiment pas à comprendre pourquoi ces photos ne s'affiche pas !

L'adresse c'est : http://ptitsloups.fontaine.chez.tiscali.fr//index.htm et le probléme se situe sur la page costume !

Et puisqu'on y est, pourquoi mes liens que j'avais mis de toutes les couleurs sont tous devenus bleus quand je les ai mis en liens hypertextes ? Je ne saisis pas tout !

Dans l'attente de votre réponse, je vous remerci d'avance !

Nathan

Lien vers le commentaire
Partager sur d’autres sites

<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:w="urn:schemas-microsoft-com:office:word"
xmlns="http://www.w3.org/TR/REC-html40">

Aaaaaaaaaaaaaaaaah :gueule:

Bon, reprenons ...

Visiblement, aucune image (çà ne concerne pas uniquement la page costumes) n'a été uploadée sur le serveur :unsure: Elles sont toutes en erreur 404 (fichier non trouvé). Vérifies les chemins d'accès via ton client FTP.

Autre chose ;)

  • changes de police d'écriture. Et leur taille aussi. Pour le type de polices, jamais de "Comic Sans MS" !! (Ban Comic Sans MS :ph34r:). Pour la taille, prends plus petit
  • Tu as deux slashs / sur beaucoup de tes URL, çà ne pose pas trop de problème, mais enlèves en un quand même ;)
  • de longue date, on sait que les texte défilants c'est absolument illisible et çà fait amateur. Un conseil, enlèves-les :)

Bon courage

Lien vers le commentaire
Partager sur d’autres sites

jamais de "Comic Sans MS" !! de longue date, on sait que les texte défilants c'est absolument illisible et çà fait amateur

<{POST_SNAPBACK}>

Souvenirs, souvenirs... :)

Lien vers le commentaire
Partager sur d’autres sites

Merci de me répondre si vite ! Je ne comprend pas ce que vous voulez dire par erreur 404, car sur mon PC ainsi que sur plusieurs autres, toutes les pages s'affichent, et mon seul probléme reste les photos ne s'affichant pas !

Je n'ai pas vraiment de FTP, j'utilise l'hébergeur de Tiscali, donc je ne sais vraiment pas comment je vais procéder ! Si une personne pouvait m'aider !!!

Et comment faire pour enlever un des 2 slashs ?

Pour ce qui est du texte défilant et du cosmic sans MS, je ne fais qu'obéïr aux "ordres" que l'on me donne !

Merci d'avance pour vos réponses !

Nathan

Lien vers le commentaire
Partager sur d’autres sites

Bonsoir,

on va essayer de tout reprendre point par point :)

- "pages en local" versus "pages sur Tiscali": le problème est simple, si certaines pages s'affichent mieux en local que sur le site, c'est que les chemins d'accès sont définis pour chercher en local. Ce n'est pourtant le cas d'aucune image sur ton site: les images sont bien définies comme étant sur Tiscali, mais visiblement le chemin d'accès est erroné.

Si ce que je dis parait compliqué, voilà un exemple pour mieux comprendre :)

Tu vois cette image ?

left.jpg

C'est le logo de ce site, qu'on retrouve en haut à gauche de chaque page du site. Bien.

Cette image est hébergée sur le serveur du site webmaster-hub.com. Elle est hebergée dans le dossier 1 du dossier style_images du site.

Dans le code html de la page, l'image est appelée ainsi (c'est du langage HTML)

<img src="http://www.webmaster-hub.com/style_images/1/left.jpg" width="175" height="100" alt="Forum Webmaster Hub - Le forum du Webmaster" />

Visiblement tu ne connais pas le langage HTML, décodons ensemble ceci. Pour inclure une image dans une page HTML on fait appel à la balise <img> celle-ci peut contenir différents attributs. Ceux utilisés dans l'exemple sont src, width, height et alt.

  • src est utilisé pour définir le chemin d'accès à l'image. Donc c'est bien "www.webmaster-hub.com/style_images/1/left.jpg" (l'image s'appelle left.jpg et elle est située dans le sous-dossier 1 du dossier style_images, ce dernier étant situé à la racine du site
  • width et height comme leurs noms l'indiquent sont là pour déterminer la hauteur et la largeur de l'image. Ainsi on peut artificellement déformer une image en la forçant à s'afficher à une largeur et une hauteur différente de ses valeurs réelles
  • enfin, alt est en fait un texte de substitution qui s'affiche à la place de l'image si celle-ci ne peut pas être chargée. Également utilisé par les aveugles (ils ne voient fatalement pas les images, ils lisent donc sur leur navigateur braille les textes de substitution

Dans ton cas, ce qui pose problème c'est le chemin d'accès (celui qui est défini dans l'attribut src). À l'heure où j'écris ceci, on peut sans problème voir les images des costumes. En revanche le logo censé figurer en haut de toutes les pages est invisible. Quand on regarde le code des pages on voit que pour appeler l'image le code est le suivant

<img border=0 width=532 height=146
src="costumes_fichiers/image001.gif"
alt="LES P'TITS LOUPS
DE LA FONTAINE BLEUE" v:shapes="_x0000_s1025">

Intéressons-nous au contenu de l'attribut src. Il indique que l'image doit de situer à l'adresse "ptitsloups.fontaine.chez.tiscali.fr/costumes_fichiers/image001.gif". Or aucune image n'est présente à cette adresse. C'est ce qu'on appelle une erreur 404. Si tu veux l'erreur 404 est au développement web ce que l'abonné absent est à FranceTélecom :D

Donc il faut que tu mettes l'image adéquate sur le serveur, dans le dossier costumes_fichiers et quelle s'appelle image001.gif. S'il n'y a pas de dossier costumes_fichiers crées-le ;)

Ce qui nous amène au second point: le FTP

- Le FTP est un protocole. C'est le cousin germain du protocole HTTP. Si tu lis cette phrase, c'est que tu viens d'utiliser le protocole HTTP ;) (elle est pas belle la vie ? ^_^). HTTP sert à afficher des pages qui sont hebergées sur un serveur (que les puristes m'excusent, je sais que j'abrège beaucoup et que je fais dans le "grosso modo".. mais je me vois mal expliquer de A à Z toutes les subtilités). Le protocole FTP, c'est la même chose mais... de l'autre côté du décor.

Tu fais peut-être partie toi-même de l'association "les p'tits loups" ? ;) Donc tu fais du théâtre ? Alors voilà mon analogie à 2 balles: l'HTTP c'est là scène. Et le FTP c'est les coulisses. Du moment que tu viens placer des fichiers sur un serveur, c'est que utilises le protocole FTP, par quelque moyen que ce soit (Tiscali ou pas Tiscali, là n'est pas le problème, çà n'a rien à voir).

Tu peux utiliser au choix un "client FTP" (c'est un logiciel, son but est juste de parcourir son site côté coulisses et d'y déposer des fichiers.. ou d'en supprimer) ou bien une interface FTP créée par l'hébergeur (je crois que c'est le cas de Tiscali :unsure:).

Voilà par exemple à quoi ressemble un client FTP. Clique pour avoir l'image en plus grand.

transmit2yf.th.png

C'est une capture d'écran que je viens de faire de mon client FTP. C'est très simple, à gauche j'ai mes fichiers locaux (je parcours mon propre disque dur), et à droite j'ai les fichiers distants (je parcours les fichiers sur le serveur de l'hebergeur). C'est d'ailleurs marqué en bas.

Pour uploader mes fichiers, je fais un glisser-déposer d'un ou plusieurs éléments de mon disque vers le serveur :)

Toi en l'occurence, ta mission, si tu l'acceptes, est de mettre les bonnes images au bon endroit, ce n'est pas très complexe cool.gif

- Pour les textes défilants et le "Comic Sans MS" tu diras de ma part au donneur d'ordres qu'il a très mauvais goût, que les années 80' c'est fini (c'est dommage je sais) et que le Général de Gaulle n'est plus président (ne lui dis pas qu'il est mort, çà va lui foutre un coup au moral).

Blague à part, c'est vraiment l'horreur ces 2 trucs IMSTP1.gif

Bon courage wink.gif si tu ne comprends pas tout du premier coup, relis plusieurs fois. Si vraiment ce que je dis est imbuvable, dis-le.

PS: ah oui zut j'allais oublier le principal. Jamais de site avec Word ! :nono: c'est le pire logiciel qui soit pour créer des pages web, et je pèse mes mots. Et d'ailleurs ce n'est pas sa fonction, Word est un logiciel de traitement de texte point barre, et non un éditeur HTML ou un logiciel WYSIWYG.

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...