Créez votre premier site web
avec Mini App AI

Aujourd'hui, vous apprenez comment les vrais sites web sont construits 🚀

Qu'est-ce qu'un site web ?

Un endroit sur Internet. Une collection de pages. Un moyen de partager des informations.

Site web d'école

Page d'entreprise

Portfolio

Qu'est-ce que Mini App AI ?

Un outil d'IA qui vous aide à créer des sites web à l'aide de simples invites textuelles.

Vous le décrivez (Le prompt)

L'IA le traite (Le constructeur)

Le site web apparaît (Le résultat)

Comment les sites web sont créés

Chaque site web moderne est construit à l'aide de sections empilées.

EN-TÊTE (Navigation)

HERO (Introduction principale)

CARD

CONTENU (Blocs d'information)

CARD

PIED DE PAGE (Contact et liens)

Votre premier projet

Nous allons créer un site web scolaire simple et moderne.

Barre de navigation
Section Hero
Boutons et mise en page épurée

SCHOOL LOGO

Join Us Today

Comment rédiger une bonne invite

Plus vos instructions sont bonnes, meilleur sera le site web.

❌ Mauvaise invite

"Créer un site web"

Result: AI doesn't know what you want. It will guess, and you might not like it.

✅ Bonne invite

"Créer un site web scolaire moderne avec une barre de navigation, une section hero, une page à propos, un design glassmorphism et un thème de couleur bleu/cyan."

Result: AI understands exactly what to build and gives you a professional result.

Analyse de l'invite

Une invite efficace comporte 5 ingrédients clés :

1. Type (ex: Site web scolaire)

2. Style (ex: Moderne, Minimaliste)

3. Sections (ex: Hero, Pied de page)

4. Fonctionnalités (ex: Cartes, Boutons)

5. Couleurs (ex: Bleu et Cyan)

Processus de génération par IA

Votre idée devient un vrai site web sous vos yeux.

AI Termial Output En attente de l'invite...

WEBSITE LOGO

Welcome to the Future

Comprendre le site web

Cliquez sur n'importe quelle section pour voir comment cela fonctionne et pourquoi c'est important.

Header

Hero Section

Content

Footer

👈 Cliquez sur une section à gauche pour en savoir plus !

Comment améliorer votre site web

Le design est une question de clarté. Comparez ces deux mises en page.

❌ Bad

Navbar link 1 link2

WELCOME TO MY SITE!

too much text here too much text here

different style block

❌ Design désordonné Mauvaises couleurs, espacement médiocre, illisible.

✅ Good

Logo

HomeAbout

Welcome to My Site

Clean, readable, and easy on the eyes.

✅ Design épuré Bon contraste, espacement régulier, texte clair.

Corrigez ce prompt !

Ce prompt est trop vague. Cliquez sur les éléments manquants pour le corriger.