Claude m’a donné un fichier HTML. Comment le mettre sur un vrai lien ?

Pourquoi le fichier ne fonctionne que sur votre ordinateur

Quand vous double-cliquez sur un fichier HTML, votre navigateur l’ouvre directement depuis votre disque. C’est très bien pour vous. Un lien ne fonctionne pour les autres que si le fichier se trouve sur un ordinateur toujours en ligne qui répond aux requêtes. Cet ordinateur est un hébergeur. Y mettre votre fichier, c’est publier, parfois appelé déployer.

La bonne nouvelle : une page créée par votre IA est généralement un site statique. Ce ne sont que des fichiers : HTML, CSS, JavaScript et images. Les sites statiques sont les plus faciles à héberger. Vous n’avez besoin ni de serveur ni de base de données.

Ouvrez-la d’abord sur votre ordinateur

Avant de publier, vérifiez que le fichier fonctionne. Cela prend une minute.

1. Copiez le code dans un fichier texte brut. Si l’IA vous a montré du code dans le chat, collez-le en entier dans un éditeur de texte (Bloc-notes sous Windows, TextEdit en mode texte brut sur Mac). Si elle vous a donné un fichier à télécharger, passez cette étape.
2. Enregistrez-le sous index.html. Assurez-vous que le nom ne se termine pas par .txt. Placez-le dans un dossier neuf et vide.
3. Double-cliquez sur le fichier. Il s’ouvre dans votre navigateur. Faites défiler toute la page, cliquez sur chaque lien et chaque bouton, et rétrécissez la fenêtre pour voir le rendu sur un téléphone.
4. Notez ce qui ne va pas. Dites-le à l’IA dans le chat, puis redemandez le fichier.

Sortir les fichiers du chat

Selon l’IA, votre site peut se présenter ainsi :

• Un aperçu dans le chat (artefacts Claude, canvas ChatGPT). Demandez un fichier unique que vous pouvez télécharger.
• Plusieurs fichiers (une page, une feuille de style, des images). Demandez un .zip de tout le site avec index.html à la racine, et non dans un autre dossier.
• Un dossier de projet créé par un outil de code comme Claude Code, Codex ou Cursor. S’il y a une étape de compilation, le dossier à publier est celui que la compilation produit, généralement dist ou build, et non tout le projet.

Le cas le plus simple est un seul fichier. La plupart des hébergeurs traitent index.html comme la page d’accueil, et un seul fichier .html, quel que soit son nom, fonctionne aussi sur Page Lemon. Collez ceci pour y arriver :

• Donne-moi tout ça dans un seul index.html, avec le CSS et le JavaScript à l’intérieur.Copier

Réparer les images et les liens cassés

Une page qui s’affichait bien sur votre ordinateur peut montrer des cadres vides en ligne. Voici les causes habituelles :

• L’image n’est pas dans le dossier. Gardez chaque image à côté de index.html, ou dans un sous-dossier comme images qui l’accompagne.
• Le chemin pointe vers votre propre disque. C:\Users\you\photo.jpg n’existe que sur votre ordinateur. Utilisez un chemin relatif comme images/photo.jpg.
• Les majuscules diffèrent. Photo.JPG et photo.jpg sont le même fichier sur certains ordinateurs et des fichiers différents chez de nombreux hébergeurs. Utilisez partout des noms en minuscules.
• Le nom contient des espaces. Utilisez team-photo.jpg, pas Team Photo.jpg.

• Utilisez des noms de fichiers en minuscules et des chemins relatifs pour chaque image.Copier

Vos options pour un vrai lien

Tout cela fonctionne. Les différences tiennent à la rapidité avec laquelle vous obtenez un lien et à la facilité de modifier le site ensuite.

1. Laisser votre IA le publier

Certaines IA peuvent utiliser des outils pour publier à votre place. Les outils de code comme Claude Code et Codex peuvent envoyer des fichiers directement. Les applications de chat ne peuvent souvent pas accéder à internet depuis leur bac à sable, alors elles vous remettent un fichier.

Avec Page Lemon, vous collez une ligne dans le même chat. Si votre IA ne peut pas encore publier, connectez-la une fois et redemandez.

• Mets mon site en ligne sur PageLemon.comCopier

2. Utiliser le bouton de partage de votre chat d’IA

Claude a un bouton Publier pour les artefacts. D’après l’article d’aide d’Anthropic, il crée un lien public sur le domaine propre de Claude. Avec les offres Free, Pro et Max, toute personne disposant du lien peut l’ouvrir. Avec les offres Team et Enterprise, le lien est partagé au sein de votre organisation. C’est pratique pour une démonstration rapide, mais l’adresse n’est pas la vôtre. Consultez la page d’aide d’Anthropic pour connaître les règles actuelles.

3. Déposez le fichier, ou collez le code, sans configuration

Si votre IA ne peut ni publier ni se connecter, par exemple avec l’offre gratuite de ChatGPT, ouvrez pagelemon.com/drop. Déposez-y le fichier ou, sur un téléphone sans fichier, collez le code que l’IA vous a donné. Vous obtenez un lien en quelques secondes, sans compte et sans rien installer. Pour modifier ce même site plus tard, il vous faut une IA qui peut se connecter : déposer un nouveau fichier crée une nouvelle adresse.

Comparaison

Les deux premières colonnes sont des tendances générales, et les détails varient selon les services. Consultez les conditions en vigueur de celui que vous choisissez.

Votre propre domaine

Une adresse comme www.yourcafe.co.uk est plus jolie sur un menu ou une carte. Sur Page Lemon, votre propre domaine est inclus avec les forfaits payants (Prompter coûte $6 par mois et inclut 3 domaines). Vous achetez le domaine auprès d’une société de domaines et vous la payez chaque année. Page Lemon ne vend pas de domaines. Voici comment ça marche.

• Trouve-moi un domaine pour mon caféCopier

Pensez à la semaine prochaine, pas seulement à aujourd’hui

Obtenir un lien une fois est facile. Le plus dur, c’est la semaine suivante, quand vous voulez changer les horaires ou ajouter une page. Demandez-vous :

• L’adresse restera-t-elle la même après une modification ? Si chaque modification vous donne un nouveau lien, vous devez le repartager à chaque fois.
• Une IA peut-elle faire la modification pour vous ? Le chat dans lequel vous avez créé le site n’existe peut-être plus. Un nouveau chat, ou une autre IA, a besoin d’un moyen de lire le site actuel et de le mettre à jour.
• Pouvez-vous annuler une mauvaise modification ? Avec l’historique des versions, une erreur coûte une minute, pas un après-midi.
• Combien de temps dure un site gratuit ? Certains expirent si vous ne vous inscrivez pas. Ce n’est pas grave, tant que vous le savez dès le départ.

Sur Page Lemon, un site publié sans compte reste en ligne 72 heures. Un compte gratuit garde jusqu’à 3 sites, avec un petit badge Page Lemon. L’adresse reste la même après les modifications, et chaque changement est enregistré comme une version à laquelle vous pouvez revenir.

Erreurs courantes

• Publier des secrets. Si votre IA a mis une clé d’API dans la page, tout le monde peut la lire une fois en ligne. Les sites statiques ne peuvent garder aucun secret. Voir ce qui devient public.
• Publier tout le projet. Envoyez uniquement le site terminé, pas vos dossiers sources, vos notes ni vos fichiers .env.
• Croire qu’un formulaire vous enverra un e-mail. Une simple page web ne peut pas envoyer d’e-mail toute seule. Demandez à votre IA comment les messages de formulaire seront livrés avant de compter dessus.
• Partager l’adresse file:///. Elle ne fonctionne jamais pour quelqu’un d’autre.

Questions

Pourquoi la page fonctionne-t-elle chez moi mais pas chez mon ami ?

Vous l’ouvrez depuis votre propre disque. Votre ami n’a pas ce fichier. Publiez-le, puis envoyez le lien https://.

Puis-je simplement envoyer le fichier par e-mail ?

Vous le pouvez, mais de nombreux logiciels de messagerie signalent les pièces jointes .html, et la personne doit les enregistrer et les ouvrir elle-même. Un lien est plus simple pour elle et pour vous.

Faut-il savoir coder ?

Non. Il vous faut le ou les fichiers, et un moyen de les mettre en ligne. Votre IA peut faire le reste, y compris les modifications ultérieures.

Et si j’ai beaucoup de fichiers et de dossiers ?

Demandez un .zip avec index.html à la racine, et gardez les images dans le même dossier ou dans un sous-dossier. Ou demandez à l’IA de tout mettre dans un seul index.html, si le site est petit.

Combien coûte un essai ?

Publier sur Page Lemon est gratuit et ne demande aucun compte. Sans compte, le site reste en ligne 72 heures.