Programme & Référentiel
Chapitre 1 : Comprendre comment fonctionne un site web
Comment fonctionne un site web ?
- Infographie : architecture d’un site statique
- Différence entre front-end et back-end
- Exercice : identifier les composants d’une page web existante
- Exercice : créer une page HTML de base avec ChatGPT
- Ouvrir un fichier HTML dans un navigateur
- Mentorat (1h)
Chapitre 2 : Apprendre les bases du HTML
- Structure de base d’une page HTML
- Syntaxe HTML et structure du document
- Éléments HTML de base
- Commentaires, listes, titres, paragraphes
- Liens, images, tableaux
- Balises sémantiques
- Exercice : créer une page de présentation perso
- Prompts pour générer des pages HTML
- Mentorat (1h)
Chapitre 3 : Apprendre les bases du CSS
- A quoi sert le CSS ? Origine
- Insertion du code CSS
- Exécution dans le navigateur
- Sélecteurs, déclarations, héritage
- Pseudo-classes, propriété display
- Propriétés de base, disposition, positionnement
- Exercices guidés et assistés par l’IA
- Mentorat (1h)
Chapitre 4 : Formulaires accessibles et sécurisés
- Créer un formulaire HTML
- Accessibilité
- Validation native HTML5
- Sécurité de base
- Mentorat (1h)
Chapitre 5 : Créer un mini-site multi-pages
- Structure d’un mini-site
- Plan d’un mini-site 3 pages (accueil, profil, contact)
- Exercice : créer 3 fichiers HTML reliés entre eux
- Exercice : générer un menu de navigation avec l'IA
- Exercice : personnaliser chaque page (contenu, image, style)
- Exercice : tester la navigation et débuguer les liens brisés
- Mentorat (1h)
Chapitre 6 : Utiliser l’IA comme assistant de code
- IA dans le code : promesses et limites
- Prompts efficaces
- Génération de composants HTML
- Correction de bugs via IA
- Mentorat (1h)
Chapitre 7 : Mettre son site en ligne
- Qu’est-ce que l’hébergement ?
- Tutoriel GitHub Pages
- Alternatives : Netlify, Replit
- Exercices de mise en ligne, test mobile/desktop
- Mentorat (1h)
Chapitre 8 : Projet final
- Planification du site final
- Prompt pour structuration IA
- Réalisation complète du site
- Mini-audit : checklist de validation
- Mentorat (1h)