Créer un Site Web Professionnel avec l’ Intelligence Artificielle
Inscrivez-vous pour les prochaines sessions !
- 2 décembre 2025
- 5 décembre 2025
- 9 décembre 2025
- 11 décembre 2025
- 6 janvier 2026
- 13 janvier 2026
- 20 janvier 2026
Fondamentaux du Web & Introduction à Google Stitch
Partie stratégique :
• Anatomie d’un site web : structure, pages, navigation
• Différence entre site vitrine, blog, portfolio, e-commerce
• Principes du responsive design
• Comprendre le rôle du design dans la conversion
Partie pratique :
• Découverte de Google Stitch
• Génération d’une interface à partir d’un prompt
• Choix entre mode Standard et Experimental
• Atelier : conception de la page d’accueil de son site
Design Avancé & Site Multi-Pages avec Stitch
Partie stratégique :
• Construire une architecture de site cohérente
• Structurer les pages clés : Accueil, À propos, Services, Contact
• Cohérence visuelle : palette, typographie, hiérarchie
• Comprendre l’expérience utilisateur (UX)
Partie pratique :
• Création de plusieurs pages avec Google Stitch
• Upload d’images ou croquis pour générer un design
• Création d’un prototype interactif
• Export vers Figma pour ajustements
• Finalisation du design complet du site
Du Design au Code avec Antigravity
Partie stratégique :
• Comprendre la structure d’un site web moderne
• Différence entre design statique et site fonctionnel
• Notions de composants, navigation et routing
• Logique frontend générée par IA
Partie pratique :
• Introduction à Google Antigravity
• Import et intégration des designs Stitch
• Génération du HTML / CSS structuré
• Mise en place de la navigation entre pages
• Ajout d’interactivité : formulaires, menus, animations
• Construction fonctionnelle du site personnel
Contenu, SEO & Optimisation Web
Partie stratégique :
• Comprendre les bases du référencement naturel (SEO)
• Structure sémantique d’un site web (balises, hiérarchie H1/H2/H3)
• Recherche et intégration de mots-clés pertinents
• Importance de la performance et de l’accessibilité
Partie pratique :
• Rédaction assistée par IA : pages, services, appels à l’action
• Création de méta-descriptions optimisées
• Optimisation des images et des médias
• Amélioration des Core Web Vitals
• Vérification de la structure SEO du site personnel
Fonctionnalités Avancées & Intégrations
Partie stratégique :
• Comprendre les fonctionnalités essentielles d’un site professionnel
• Introduction aux intégrations externes (analytics, emails, bases de données)
• Différence entre site statique et site dynamique
• Structurer une logique d’évolution du site
Partie pratique :
• Création d’un formulaire de contact fonctionnel
• Configuration des notifications email
• Intégration de Google Analytics
• Mise en place d’un blog assisté par IA
• Intégration des réseaux sociaux
• Introduction à une base de données simple (ex : Supabase)
Déploiement & Mise en Production
Partie stratégique :
• Comprendre les étapes de mise en ligne
• Différence entre hébergement simple et déploiement professionnel
• Sécurisation du site (HTTPS, domaine personnalisé)
• Notions de maintenance et évolutivité
Partie pratique :
• Déploiement rapide sur Netlify ou Vercel
• Déploiement professionnel sur Google Cloud Run
• Configuration d’un domaine personnalisé
• Vérification performance et sécurité
• Présentation des sites réalisés
• Plan d’action post-formation
