Guides
Comment créer un site avec l’IA, le rendre beau et le mettre en ligne. Des prompts à copier-coller, des règles simples et des checklists qui marchent avec Claude, ChatGPT et toutes les IA.
Nouveau ici ? Commencez par là
Trois guides, dans cet ordre, vous mènent d’un fichier dans un chat à un site dont vous serez fier de partager le lien.
- Transformez le fichier de votre IA en vrai lienPourquoi il ne s’ouvre que sur votre ordinateur, et comment y remédier.
- Un prompt pour un site qui a l’air dessiné par un proLes règles de design à donner à votre IA pendant la création.
- Vérifiez avant de partagerVingt vérifications rapides, ou un prompt qui en fait la plupart.
L’aide-mémoire du site créé par IA
Toutes les règles sur une page imprimable, plus 70 prompts classés par tâche : démarrer un site, corriger l’affichage mobile, réécrire les textes, réparer ce qui est cassé et lancer.
Être en ligne
D’un fichier dans un chat à une adresse que tout le monde peut ouvrir.
Être en ligne7 min
Claude m’a donné un fichier HTML. Comment le mettre sur un vrai lien ?
Ouvrez-le, réparez les images cassées et partagez-le avec qui vous voulez, sur votre propre adresse si vous le souhaitez.
Lire le guide →
Docs5 min
Utiliser votre propre domaine
Mettez votre site sur une adresse comme votrecafe.com, étape par étape, quel que soit votre fournisseur de domaine.
Lire les docs →
Design
Énoncez les règles et votre IA les applique à chaque fois.
Design16 min
La checklist de prompts pour un beau site
Des principes de design en mots simples, un prompt pour chaque décision et des corrections rapides quand le résultat paraît banal.
Lire le guide →
Design12 min
Brief de design pour les assistants IA
Les règles qu'un designer senior suit, écrites pour votre IA : 12 règles clés d'abord, puis les détails et une checklist avant livraison. Liez-le ou copiez-le dans n'importe quel chat.
Lire le brief →
Design11 min
Choisir des couleurs et des polices qui marchent
Des palettes prêtes à l’emploi avec contraste vérifié, des associations de polices à voir, des tailles de texte et le mode sombre.
Lire le guide →
Aide-mémoireImprimable
L’aide-mémoire du site créé par IA
Toutes les règles et 70 prompts sur une page imprimable.
Ouvrir l’aide-mémoire →
Rédaction
Des mots qui vous ressemblent, pas ceux d’un modèle.
Lancement et sécurité
Les vérifications qui font fonctionner un site pour tout le monde.
Lancement6 min
Avant de lancer : une liste de contrôle de 20 points pour votre site
Test sur téléphone, titres, aperçus de partage, liens, formulaires, confidentialité et cookies. Cochez-les ici, ou collez un seul prompt.
Lire le guide →
Lancement8 min
Rendre votre site fait avec l’IA rapide et accessible
Les chiffres à viser, des outils gratuits pour les mesurer, des prompts d’audit et un test de cinq minutes que vous pouvez faire vous-même.
Lire le guide →
Lancement7 min
Est-il sûr de publier du code écrit par une IA ?
Ce qui devient public, où se cachent les clés secrètes, les scripts risqués, et une vérification de cinq minutes avant de partager.
Lire le guide →
Travailler pour des clients
Pour les freelances qui créent des sites pour d’autres.
L’astuce que la plupart des débutants ratent
Votre IA connaît les principes de design, mais elle les applique bien plus régulièrement quand vous les énoncez. Dites « fais-le moderne » et vous obtenez quelque chose proche du site web moyen. Nommez la hiérarchie, l’espacement, le contraste et le mobile, et vous obtenez un site qui a l’air dessiné par un pro. Ajoutez ceci à votre prochain prompt :
Design this like a senior product designer: clear visual hierarchy with one focal point per section, a consistent spacing scale, two fonts at most, text contrast of at least 4.5:1, mobile-first with 44 px tap targets, subtle motion that respects reduced-motion settings, and accessible to WCAG 2.2 AA. Before coding, ask me any questions you need, then describe the design direction in five bullets and wait for my OK. More details: pagelemon.com/guides/design-brief
Prêt à le mettre en ligne ?
Collez Mets mon site en ligne sur PageLemon.com dans le chat d’IA où vous avez créé votre site web.