Votre page \u00e9tait parfaite sur votre ordinateur et elle est arriv\u00e9e en ligne sans style, sans images, ou sans rien du tout. C\u2019est ce qui arrive le plus souvent \u00e0 un premier t\u00e9l\u00e9versement, et ce n\u2019est presque jamais un probl\u00e8me de design ni d\u2019h\u00e9bergeur. Dans presque tous les cas, un fichier dont votre page d\u00e9pend n\u2019a pas voyag\u00e9 avec elle, ou il est arriv\u00e9 \u00e0 un endroit l\u00e9g\u00e8rement diff\u00e9rent de celui que le HTML attend. Quatre causes couvrent presque tout, list\u00e9es ci-dessous dans l\u2019ordre o\u00f9 elles se produisent r\u00e9ellement.<\/p>\n
Avant tout\u202f: vos fichiers sur votre ordinateur sont intacts, et rien de ce que vous avez t\u00e9l\u00e9vers\u00e9 n\u2019est d\u00e9truit. Quoi qu\u2019il se soit pass\u00e9, la solution est de t\u00e9l\u00e9verser une version corrig\u00e9e par-dessus. L\u2019adresse ne change pas et rien de ce que vous avez partag\u00e9 ne casse.<\/p>\n
Ouvrez maintenant votre site en ligne et regardez ce que vous avez, parce que le sympt\u00f4me d\u00e9signe directement la cause.<\/p>\n
C\u2019est la grande cause, et elle explique la majorit\u00e9 des premiers t\u00e9l\u00e9versements bris\u00e9s.<\/p>\n
Votre HTML ne contient pas votre feuille de style ni vos images. Il contient des instructions pour aller les chercher<\/em>\u202f: Le HTML est identique dans les deux cas. \u00c0 gauche, style.css et le dossier images ont voyag\u00e9 avec lui. \u00c0 droite, non \u2014 donc chaque r\u00e9f\u00e9rence pointe vers le vide.<\/p>\n La solution.<\/strong> Revenez au dossier sur votre ordinateur. Tout ce qu\u2019il contient \u2014 la feuille de style, les scripts, le dossier des images, les polices \u2014 doit se trouver dans le ZIP que vous t\u00e9l\u00e9versez, dispos\u00e9 exactement comme sur votre machine. Compressez le dossier entier plut\u00f4t que de trier les fichiers.<\/p>\n Une v\u00e9rification rapide avant de t\u00e9l\u00e9verser de nouveau\u202f: ouvrez index.html dans un \u00e9diteur de texte et cherchez Si vous obtenez une page blanche ou une liste de fichiers au lieu de votre site, index.html est probablement enfoui d\u2019un niveau de trop.<\/p>\n Quand vous compressez un dossier, certains outils produisent un ZIP qui contient votre dossier, lequel contient vos fichiers. D\u00e9compress\u00e9, cela donne La solution.<\/strong> Ouvrez le dossier de fa\u00e7on \u00e0 voir directement index.html, style.css et le reste. S\u00e9lectionnez-les tous, puis compressez la s\u00e9lection. Vous obtenez un ZIP avec index.html au premier niveau.<\/p>\n Pendant que vous y \u00eates, v\u00e9rifiez le nom. Celle-ci est franchement injuste, et elle pi\u00e8ge des gens qui ont tout fait correctement par ailleurs.<\/p>\n Windows et macOS traitent le plus souvent La solution.<\/strong> Mettez tous les noms de fichiers en minuscules, et faites correspondre exactement chaque r\u00e9f\u00e9rence dans votre HTML. Vous avez corrig\u00e9, t\u00e9l\u00e9vers\u00e9 de nouveau, et vous voyez exactement la m\u00eame page bris\u00e9e.<\/p>\n Votre navigateur a enregistr\u00e9 une copie de votre CSS et de vos images pour ne pas les ret\u00e9l\u00e9charger. Il utilise toujours cette copie, y compris la version o\u00f9 tout \u00e9tait bris\u00e9.<\/p>\n La solution.<\/strong> Ouvrez le site dans une fen\u00eatre priv\u00e9e ou de navigation incognito, qui ignore le cache. Si tout est correct l\u00e0, votre t\u00e9l\u00e9versement a fonctionn\u00e9 et seul votre propre navigateur est en retard. Un rafra\u00eechissement forc\u00e9 \u2014 Cmd+Maj+R sur Mac, Ctrl+F5 sur Windows \u2014 le vide.<\/p>\n Toujours bloqu\u00e9 ?<\/strong><\/p>\n Envoyez-nous l\u2019adresse et ce que vous voyez. Nous y jetterons un \u0153il.<\/p>\n<\/div>\n<link href=\"style.css\"><\/code> dit \u00ab\u202fil y a un fichier nomm\u00e9 style.css juste \u00e0 c\u00f4t\u00e9 de moi\u202f\u00bb. Sur votre ordinateur, c\u2019est vrai. Si vous n\u2019avez t\u00e9l\u00e9vers\u00e9 qu\u2019index.html, ce n\u2019est plus vrai en ligne\u202f: le navigateur suit l\u2019instruction, ne trouve rien, et affiche la page sans style.<\/p>\nsrc=<\/code> et href=<\/code>. Chacun de ces \u00e9l\u00e9ments est un fichier qui doit suivre.<\/p>\nCause 2\u202f: index.html n\u2019est pas au bon endroit<\/h2>\n
mon-site\/index.html<\/code> \u2014 et le serveur, \u00e0 qui l\u2019on demande la racine de votre site, cherche index.html \u00e0 la racine<\/em> et n\u2019en trouve aucun.<\/p>\nIndex.html<\/code>, index.HTML<\/code> et accueil.html<\/code> \u00e9choueront tous. Il faut index.html<\/code>, en minuscules.<\/p>\nCause 3\u202f: des majuscules dans les noms de fichiers<\/h2>\n
Logo.png<\/code> et logo.png<\/code> comme le m\u00eame fichier. Les serveurs web, non \u2014 ils distinguent les majuscules. Une page impeccable sur votre portable peut donc arriver en ligne avec une image manquante, une seule.<\/p>\n<img src=\"images\/Logo.png\"><\/code> exige un fichier nomm\u00e9 Logo.png<\/code>, avec le L majuscule, dans un dossier nomm\u00e9 images<\/code>, en minuscules. Tout renommer en minuscules et mettre les r\u00e9f\u00e9rences \u00e0 jour est le geste fiable.<\/p>\nCause 4\u202f: le navigateur vous montre une vieille copie<\/h2>\n