5568 sujets

Sémantique web et HTML

Problème insertion d'image

Bonjour à tous et à toutes, une petite nouvelle sur alsacréations..
Je viens solliciter votre expérience, car aprés avoir lu quelques sujets sur le même problème, je n'arrive toujours pas à le résoudre.
Débutante webmaster, j'ai commencé la page d'accueil du site d'un pote, en voulant insérer son logo, mais en vain. Le navigateur m'affiche un lien brisé. Et j'ai beau relire ma page, comparer avec d'autres pages que j'ai déjà faites, y'a un truc qui m'échappe. J'ai sûrement oublié un truc, mais j'arrive pas à voir quoi...

Je colle ci-dessous les codes de la page actuelle 



<title> Accueil </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body>
<!--arrière-plan noir-->
<body bgcolor='#000000'>

<p><p><p><p><p><p><p><p><p><p>

<center>
<!--logo-->
<img src="C:\Documents and Settings\Compaq_Propriétaire\Bureau\SITE\images/nom de l'image.jpeg"
" alt="nom de l'image"/>

<p><p><p><p><p><p><p><p><p><p>

<!--lien boîte mail-->
<a href="mailto:adresse mail">Contact</a>
</center>
</body>

</html>



Merci d'avance pour votre aide précieuse...

Ashkore Smiley smile
Ah, j'oubliais... Je me sers de W3C markup validation service pour vérifier mes codes. Et lorsque je rentre cette page, ça ne fonctionne pas ça me dit l'erreur suivante:

"Sorry, I am unable to validate this document because on line 26 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication.

The error was: utf8 "\xEE" does not map to Unicode"

Je ne comprends pas l'erreur si quelqu'un pouvait m'éclairer...
Salut ashkore,

Tu donnes le chemin de ton image en local. Chose qu'il ne faut jamais faire sur une page web puisqu'une fois ton site en ligne, ton image ne sera plus sur ton bureau mais sur le serveur ! Il faut donc que tu lui donnes le chemin relatif : 

<img src="images/nom_de_l_image.jpg" alt="nom de l'image"/>

Plus d'info ici : http://www.alsacreations.com/astuce/lire/78-quelle-est-la-diffrence-entre-les-chemins-relatifs-et-absolus.html

Ton erreur de validation doit provenir du fait que tu as utilisé le caractère "\" dans le chemin de l'image. Il faut toujours utiliser "/".
Modifié par hchtot (15 Dec 2010 - 16:57)
Pour l'erreur de validation, c'est plutôt que le fichier a dû être enregistré en Windows-1252 ("ANSI") ou en ISO-8859-1 (latin1), et pas en UTF-8.
Merci pour vos réponses aussi rapides. J'ai donc remplacé l'adresse absolue par l'adresse relative, et replacé les slash. Le navigateur m'affiche toujours le lien brisé... Suis désespérée lol!

Pour l'erreur de validation, comment dois-je m'y prendre (je rappelle que je suis débutante, je commence tout juste ma formation webmaster depuis octobre.
Comment connaître l'encodage d'un fichier? Pourriez-vous m'éclairer? Merci encore

Smiley cligne Ash Smiley biggrin
Mais non t'es pas désespérée !
Fais voir ton nouveau code, qu'on voit ce qui ne va pas.

Tu peux voir l'encodage de ton fichier dans ton éditeur de code. Tu dois avoir ça quelque part dans tes options. Tu utilises quel éditeur ?
Re-bonjour tout le monde. Alors pour mes pages html j'utilise le bloc note sous windows xp.
Je renvoie ci-dessous ma page html dans son intégralité. J'ai essayé avec plusieurs autres photos et images de mon disque dur, et aucune ne s'affiche, toujours le lien brisé... Donc j'ai du me planter dans les codes non?



<html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title> Accueil </title>
</head>

<body>
<body bgcolor='#000000'>
<br><br><br><br><br><br><br>
<center>
<!--logo-->
<img src="images/LOGO.jpeg" alt="logo.jpeg"/>
<p><p><p><p><p><p><p><p><p><p>
<!--mail-->
<a href="mailto:adressemail">Contact</a>
</center>
</body>

</html>


[code]


Voilà j'en suis toujours au même point, pas eu trop de temps ces derniers jours. Je m'y remets plus sérieusement, car je dois aller voir mon pote jeudi, j'aimerais au moins lui montrer l'essai de la page d'accueil!!lol
Merci d'avance de votre aide
Tu devrais utiliser un éditeur plus perfectionné genre notepad++. Ça te permettra de voir l'encodage de ton fichier. T'auras aussi du code en couleurs et ça c'est vachement mieux !

Pour ton lien brisé, à part le fait que tu te sois plantée dans le nom de l'image ou du dossier qui la contient. Je vois pas, ça devrait marcher... vérifie bien qu'il n'y ait pas une faute de frappe.
Par contre je te conseille de mettre tous tes noms de fichier en minuscule et d'utiliser l'extension .jpg plutôt que .jpeg.
Merci pour les conseils, je viens de télécharger notepad++ c'est beaucoup mieux!!!
Il n'y a aucune erreur dans le chemin de l'image. J'ai également essayé avec d'autres images, c'est le même problème. Adresse absolue, ça m'affiche le lien brisé, et adresse relative, rien du tout. Par contre, je viens d'essayer avec le chemin "file:///", et l'adresse absolue, et là ça fonctionne! Du coup ça donne ça:


<html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title> Accueil </title>
</head>
<body>
<body bgcolor='#000000'>
<br><br><br><br><br><br><br>
<center>
<img src="file:///C:/Documents and Settings/Compaq_Propriétaire/Bureau/SITE makakutxa/images.jpg" alt="logo.jpg"/>

<p><p><p><p><p><p><p><p><p><p>
<a href="mailto:adressemail">Contact</a>
</center>
</body>

</html>


D'où viens le problème?
Je ne peux pas laisser l'adresse de l'image comme ça, le jour où le site sera hebergé, ça posera sûrement des problèmes non?
Modérateur
Bonjour,

Tu as deux solutions :

- Trouver un hébergeur gratuit sur lequel tu vas développer ton site. Ce sera beaucoup plus simple que de développer en local. En plus, lorsque tu as besoin d'un coup de main, c'est plus efficace de donner l'adresse de la page en ligne que de coller 200 lignes de code HTML/CSS.

- Installer un serveur local sur ta machine pour développer en local et faire comme si le site était sur un hébergeur.

Autrement, tu vas vite rencontrer des soucis, par exemple le jour où tu voudras utiliser une pincée de PHP (ou de n'importe quel autre langage serveur).
Bon ben voilà, problème résolu...jusqu'au prochain!! J'ai téléchargé easyPHP, et la page s'affiche complètement... Merci à tous pour vos précieux conseils
Sujet clos
Aller à