Votre page était parfaite sur votre ordinateur et elle est arrivée en ligne sans style, sans images, ou sans rien du tout. C’est ce qui arrive le plus souvent à un premier téléversement, et ce n’est presque jamais un problème de design ni d’hébergeur. Dans presque tous les cas, un fichier dont votre page dépend n’a pas voyagé avec elle, ou il est arrivé à un endroit légèrement différent de celui que le HTML attend. Quatre causes couvrent presque tout, listées ci-dessous dans l’ordre où elles se produisent réellement.
Rien n’est perdu — commencez ici
Avant tout : vos fichiers sur votre ordinateur sont intacts, et rien de ce que vous avez téléversé n’est détruit. Quoi qu’il se soit passé, la solution est de téléverser une version corrigée par-dessus. L’adresse ne change pas et rien de ce que vous avez partagé ne casse.
Ouvrez maintenant votre site en ligne et regardez ce que vous avez, parce que le symptôme désigne directement la cause.
Cause 1 : des fichiers sont restés derrière
C’est la grande cause, et elle explique la majorité des premiers téléversements brisés.
Votre HTML ne contient pas votre feuille de style ni vos images. Il contient des instructions pour aller les chercher : <link href="style.css"> dit « il y a un fichier nommé style.css juste à côté de moi ». Sur votre ordinateur, c’est vrai. Si vous n’avez téléversé qu’index.html, ce n’est plus vrai en ligne : le navigateur suit l’instruction, ne trouve rien, et affiche la page sans style.
La solution. Revenez au dossier sur votre ordinateur. Tout ce qu’il contient — la feuille de style, les scripts, le dossier des images, les polices — doit se trouver dans le ZIP que vous téléversez, disposé exactement comme sur votre machine. Compressez le dossier entier plutôt que de trier les fichiers.
Une vérification rapide avant de téléverser de nouveau : ouvrez index.html dans un éditeur de texte et cherchez src= et href=. Chacun de ces éléments est un fichier qui doit suivre.
Cause 2 : index.html n’est pas au bon endroit
Si vous obtenez une page blanche ou une liste de fichiers au lieu de votre site, index.html est probablement enfoui d’un niveau de trop.
Quand vous compressez un dossier, certains outils produisent un ZIP qui contient votre dossier, lequel contient vos fichiers. Décompressé, cela donne mon-site/index.html — et le serveur, à qui l’on demande la racine de votre site, cherche index.html à la racine et n’en trouve aucun.
La solution. Ouvrez le dossier de façon à voir directement index.html, style.css et le reste. Sélectionnez-les tous, puis compressez la sélection. Vous obtenez un ZIP avec index.html au premier niveau.
Pendant que vous y êtes, vérifiez le nom. Index.html, index.HTML et accueil.html échoueront tous. Il faut index.html, en minuscules.
Cause 3 : des majuscules dans les noms de fichiers
Celle-ci est franchement injuste, et elle piège des gens qui ont tout fait correctement par ailleurs.
Windows et macOS traitent le plus souvent Logo.png et logo.png comme le même fichier. Les serveurs web, non — ils distinguent les majuscules. Une page impeccable sur votre portable peut donc arriver en ligne avec une image manquante, une seule.
La solution. Mettez tous les noms de fichiers en minuscules, et faites correspondre exactement chaque référence dans votre HTML. <img src="images/Logo.png"> exige un fichier nommé Logo.png, avec le L majuscule, dans un dossier nommé images, en minuscules. Tout renommer en minuscules et mettre les références à jour est le geste fiable.
Cause 4 : le navigateur vous montre une vieille copie
Vous avez corrigé, téléversé de nouveau, et vous voyez exactement la même page brisée.
Votre navigateur a enregistré une copie de votre CSS et de vos images pour ne pas les retélécharger. Il utilise toujours cette copie, y compris la version où tout était brisé.
La solution. Ouvrez le site dans une fenêtre privée ou de navigation incognito, qui ignore le cache. Si tout est correct là, votre téléversement a fonctionné et seul votre propre navigateur est en retard. Un rafraîchissement forcé — Cmd+Maj+R sur Mac, Ctrl+F5 sur Windows — le vide.
Questions fréquentes
Les cinq réponses ci-dessous couvrent l’affichage mobile, les bris partiels, les polices, le JavaScript et le retour en arrière.
C’est un problème de design plutôt que de téléversement — les fichiers sont bien arrivés. Il manque probablement une balise viewport à votre page. Vérifiez que <meta name="viewport" content="width=device-width, initial-scale=1"> se trouve dans votre section head. Si un outil d’IA a produit la page, lui demander de rendre la mise en page adaptative est la voie la plus rapide.
Presque toujours des majuscules, ou un fichier qui se trouvait dans un autre dossier que le reste. Comparez le nom exact dans votre HTML avec le nom exact sur le disque, caractère par caractère, pour une image qui échoue.
Si les polices viennent d’un service comme Google Fonts, vérifiez que la balise link est présente et utilise https://. Si vous hébergez vous-même les fichiers de police, ils doivent figurer dans le téléversement comme n’importe quel autre fichier, avec des chemins concordants dans votre CSS.
Ouvrez la console de développement de votre navigateur — clic droit, puis Inspecter, puis Console — et lisez la première erreur. Un « 404 not found » signifie que le fichier .js n’est pas arrivé. Toute autre erreur se trouve dans le code lui-même et existait avant le téléversement.
Téléversez de nouveau la version qui fonctionnait. Elle remplace l’actuelle à la même adresse. Garder sur votre ordinateur le ZIP d’une version qui marche avant d’en téléverser une nouvelle est une habitude qui vaut la peine.
Envoyez-nous l’adresse et ce que vous voyez. Nous y jetterons un œil.