Comment modifier une page HTML générée par IA

Je n'ai demandé qu'une seule correction à une IA — une date fausse sur une page qu'elle m'avait fabriquée. Elle a corrigé la date. Elle a aussi transformé mon bouton bleu canard en violet, rebaptisé un titre que j'aimais bien, et fait disparaître au passage une mention de lieu que j'avais ajoutée deux messages plus tôt. Une correction voulue, trois dont je me serais bien passé.

Alors voilà la version courte. Pour modifier une page HTML générée par IA, arrête de la reprompter pour des broutilles. Ouvre le fichier dans un éditeur visuel et change le texte, le lien, la couleur ou l'image là, sur place. Garde l'IA pour créer la page et pour les grosses réécritures. Pour les petites retouches finales, édite à la main — comme ça, tout le reste ne bouge pas d'un pixel.

Le reste de cet article explique pourquoi cette division du travail marche, et comment s'y prendre concrètement.

pourquoi une mini-correction accouche d'une page entièrement neuve

Un générateur par chat comme celui-ci ne va pas mettre les mains dans ton fichier pour déplacer un seul mot — à chaque fois, il te renvoie une réponse toute neuve. Quand tu lui demandes de changer la date, il réécrit la page, de zéro, de mémoire. Le deuxième jet est un nouveau jet. Et un nouveau jet, ça dérive.

Demande à quelqu'un de réciter un poème qu'il connaît par cœur, puis de « le redire, mais en corrigeant le vers trois ». Il corrigera le vers trois. Et il tournera aussi le vers six un peu autrement, parce qu'il récite le tout depuis le début, il n'édite pas une feuille. Chaque reprompt, c'est exactement ça — une nouvelle récitation du poème en entier, et une nouvelle occasion pour n'importe quel vers de sortir légèrement différent.

Parfait quand tu veux un autre poème. Exaspérant quand tu en tenais un bon à quatre-vingt-quinze pour cent et que tu voulais juste réparer le vers trois.

créer et finir, ce sont deux métiers

Faire naître une page à partir de rien, c'est un métier. L'IA y excelle, sincèrement — tu décris une chose, et un écran vide devient quelque chose de réel en quelques secondes. C'est une vraie réussite, et je ne vais dissuader personne.

Finir cette page, c'est un autre métier. La formulation exacte que veut ton patron. Le lien qui pointe vers le bon endroit, pas vers un espace réservé. La couleur qui colle à ta vraie charte, pas à la supposition de l'IA. Là, on ne génère plus. On édite — des changements petits, précis, réfléchis, sur une chose qui existe déjà presque en entier.

Une page blanche réclame un générateur. Une page presque bouclée réclame un éditeur. Renvoyer la page quasi finie au générateur, c'est rappeler les déménageurs pour décaler une chaise de quelques centimètres. La mauvaise équipe pour la taille de la tâche.

ce que tu devrais corriger toi-même, tout simplement

Voici la courte liste des changements qui ne méritent presque jamais un nouveau prompt. Chacun est une retouche unique et locale — tu pointes la chose, tu changes la chose.

• Une faute, ou n'importe quel mot. Clique le texte, retape. Fini.
• Un lien faux ou provisoire. Change l'adresse vers laquelle pointe le bouton ou le mot.
• Une image. Remplace la source par le bon fichier ou la bonne URL.
• Une couleur. Ton bouton, ton titre, ton fond — mets celle que tu avais en tête.
• Un espacement. Un écart trop serré ou trop large, ajusté jusqu'à ce que ça tombe juste.

Dans un éditeur visuel, tu fais tout ça en cliquant sur la page elle-même. Et l'important, ce n'est pas que ce soit plus facile — c'est que ce soit circonscrit. Quand tu changes la couleur du bouton, seule la couleur du bouton change. Chaque autre ligne du fichier reste intacte, caractère pour caractère. Rien ne dérive, parce que rien d'autre n'a été réécrit.

quand ça vaut vraiment le coup de retourner voir l'IA

Je ne vais pas prétendre qu'éditer à la main est toujours la solution. Parfois, le geste honnête, c'est de reprompter.

Si tu veux réorganiser toute la page, ajouter une section tarifs qui n'existe pas encore, transformer une colonne unique en une mise en page à trois colonnes, ou réécrire le texte sur un ton complètement différent — ce n'est pas une correction. C'est de la création, deuxième manche. L'IA est l'outil qu'il faut pour ça, et vouloir bâtir une nouvelle section à la main, clic après clic, serait le chemin lent et pénible.

D'où une règle grossière que je garde en tête. Si le changement, c'est rendre cette chose-là différente, édite-la toi-même. Si c'est fabrique-moi quelque chose de neuf, demande à l'IA. Petit et précis va à l'éditeur. Gros et structurel retourne au prompt.

le déroulé complet, du début à la fin

Voici la boucle que je suis vraiment.

1. Récupère un seul fichier. Quand l'IA génère la page, demande « un seul fichier HTML complet, tout en inline ». Ça garde les styles et les scripts dans un unique document au lieu de les éparpiller dans des dossiers. Enregistre-le sous un nom du genre page.html.
2. Ouvre-le. Dans HTML Tweak, ouvre ce fichier. C'est un outil gratuit dans le navigateur — rien à installer, pas de compte. Il tourne aussi comme un fichier unique hors ligne que tu gardes sur ta machine, si tu préfères bosser sans connexion.
3. Édite. Clique le titre et corrige la date. Clique le bouton et fixe la couleur. La page visuelle et le code sont côte à côte et restent synchronisés, donc tu vois exactement ce que fait chaque changement. Si tu veux seulement toucher aux mots sans risquer la mise en page, il y a un mode texte seul qui verrouille la structure pendant que tu réécris.
4. Enregistre. Sous Chrome ou Edge, ça enregistre directement dans ton fichier. Dans les autres navigateurs, ça télécharge une copie modifiée. Dans les deux cas, seul ce que tu as changé a changé.

Voilà. Pas de deuxième prompt, pas de doigts croisés, pas besoin de relire toute la page pour découvrir ce que l'IA a déplacé pendant que tu regardais ailleurs.

à quoi ressemble la dérive, concrètement

Recoller tout le fichier dans le chat. Les gens croient que copier le HTML complet dans le prompt en disant « change juste ce petit bout » est plus sûr. Non. Le modèle le lit quand même et ressort une version toute neuve de l'autre côté. Même régénération, même dérive.

Reprompter cinq fois pour cinq micro-corrections. Chaque tour, c'est un nouveau coup de dés sur la page entière. À la troisième correction, tu répares souvent les dégâts des deux premières.

Ne pas demander un fichier unique dès le départ. Si l'IA découpe la page en fichiers CSS et JS séparés, l'ouvrir et l'éditer devient plus casse-pieds. Un petit « mets tout dans un seul fichier HTML » au moment de la génération t'épargne l'embêtement.

Attendre d'un éditeur mono-fichier qu'il fasse tourner un projet entier. C'est la vraie limite, et autant l'entendre de moi maintenant que de tomber dessus en plein montage. HTML Tweak ouvre une page. Si ton IA t'a livré un dossier de composants React ou Next avec des fichiers de config et une étape de build, c'est une base de code, pas une page. Un éditeur visuel mono-fichier ne la gérera pas — ce travail-là revient à un vrai éditeur de code. HTML Tweak, c'est pour la page .html unique que tu as déjà et que tu veux juste finir.

L'essentiel de la frustration avec les pages générées par IA vient de ce qu'on utilise l'outil de création pour faire le boulot d'un outil d'édition. Sépare ces deux métiers et tout se calme. Génère la page. Puis ouvre-la et finis-la toi-même.

Alors, la prochaine fois qu'une page IA a besoin d'une seule correction, résiste à l'envie de reprompter. Ouvre le fichier dans HTML Tweak et ne touche qu'à ce qui cloche vraiment — tout le reste reste exactement là où l'IA l'a laissé.