Utilisation de l'Éditeur de Site Web
L'éditeur est votre espace de travail pour construire et concevoir des pages. Il combine un éditeur de code, un aperçu en direct et un assistant IA dans une seule interface.
Disposition de l'Éditeur
- Barre supérieure — Nom du projet, onglets de pages, boutons de bascule d'aperçu des appareils (bureau/tablette/mobile), et boutons d'action
- Panneau de gauche (Chat IA) — Assistant IA conversationnel capable de générer et modifier du code
- Panneau central (Éditeur de code) — Éditeur de code à onglets pour HTML, CSS, et JavaScript avec coloration syntaxique
- Panneau de droite (Aperçu en direct) — Aperçu en temps réel de votre page qui se met à jour au fur et à mesure que vous tapez
Travail avec le Code
L'éditeur de code supporte trois onglets :
- HTML — Structure et contenu de la page
- CSS — Style et mise en page
- JS — Comportement interactif et scripts
Les modifications sont sauvegardées automatiquement. Vous pouvez aussi utiliser Ctrl+S pour sauvegarder manuellement.
Aperçu des Appareils
Utilisez les boutons de bascule d'appareil dans la barre supérieure pour prévisualiser votre site à différentes tailles d'écran : Bureau, Tablette et Mobile.
Actions de la Barre Supérieure
- Aide (?) — Ouvrir le centre d'aide
- Paramètres (⚙) — Ouvrir les paramètres du projet
- Modifier la disposition — Glisser-déposer des sections pour réorganiser
- Sections — Parcourir et insérer des sections préconstruites
- Reconstruire — Régénérer la page avec l'IA
- Ouvrir — Afficher le site publié dans un nouvel onglet
- Publier — Mettre votre site en ligne
