⭐ Tutoriel : Créer facilement son site web grâce à l'intelligence artificielle

Version HTML prête à copier-coller sur votre site — inclut des exemples de prompts et du contenu prêt à l'emploi.

Introduction

Ce tutoriel explique, étape par étape, comment utiliser des outils d'intelligence artificielle (par exemple ChatGPT, Perplexity, Mistral et Gemini) pour créer le contenu et le code d'un site web. Le texte et les exemples sont prêts à être copiés-collés.

1. Choisir un sujet

Choisissez un thème pour votre site. Quelques exemples : spiritualité, démocratie, rencontres, blog personnel, actualités.

Conseil : commencez par une page d'accueil, une page « À propos », une page « Contact » et quelques pages thématiques.

2. Demander à l'IA de produire un plan

Exemple de prompt à copier-coller dans ChatGPT, Perplexity, Mistral ou Gemini :

Fais-moi le plan détaillé d'un site web sur le thème « Spiritualité et pratiques ». Propose les pages, les titres, et 2 à 3 paragraphes pour chaque page.

3. Générer le contenu des pages

Demandez à l'IA d'écrire des articles ou des textes courts. Voici des prompts prêts à l'emploi :

Écris un article de 300 mots sur « Les bases de l'Advaita Vedanta » pour une page de site. Utilise un ton accessible et inspirant.

Rédige une introduction de 120 mots pour la page d'accueil : explique l'objectif du site et invite le lecteur à explorer.

4. Générer du code (HTML/CSS/PHP)

Demandez du code prêt à l'emploi. Exemple : un formulaire de commentaires qui enregistre dans une base de données MySQL.

<form action="commenter.php" method="post"> <label>Nom<input type="text" name="auteur" required></label> <label>Commentaire<textarea name="commentaire" required></textarea></label> <button type="submit">Envoyer</button> </form>

Exemple de prompt pour demander du code à l'IA :

Écris un script PHP nommé commenter.php qui récupère 'auteur' et 'commentaire' d'un formulaire POST et les enregistre dans une table MySQL nommée 'spiritcomment' (champs : id, auteur, date, commentaire, discipline). Utilise des requêtes préparées et affiche un message de confirmation.

5. Copier-coller dans votre site

Collez le texte dans WordPress (bloc Paragraphe ou HTML). Pour du code, collez dans vos fichiers .php/.html ou dans l'éditeur de votre thème enfant.

Astuce WordPress : utilisez un plugin de type « Insert Headers and Footers » pour ajouter des scripts ou CSS globalement.
Astuce sécurité : vérifiez toujours le code fourni par l'IA avant de le mettre en production (notamment pour les accès à la base de données).

Exemples prêts à copier

Voici un exemple d'intro pour la page d'accueil — cliquez copier puis collez dans votre page :

Bienvenue sur notre site dédié à la spiritualité. Ici vous trouverez des articles clairs, des pratiques simples et des réflexions pour nourrir votre chemin intérieur. Explorez les rubriques, laissez vos commentaires et partagez vos expériences.

Conseils finaux

Comparez les réponses de plusieurs IA (ChatGPT, Perplexity, Mistral, Gemini) pour choisir le style que vous préférez.
Personnalisez toujours le contenu généré : changez les formulations pour qu'elles reflètent votre voix.
Sauvegardez vos textes et versions avant de remplacer du contenu existant.