Créez vos premiers sites web avec l’ia

Nos formateurs sont des développeurs confirmés, avec plus de 10 ans d’expérience dans des entreprises technologiques réputées. Ils sont formés à nos méthodes pédagogiques, afin de combiner leur expertise technique aux meilleures pratiques pédagogiques.

À l’issue de la formation, l’apprenant sera capable de : - Créer des pages web structurées avec HTML5 - Mettre en forme le contenu avec CSS3 selon une maquette - Rendre le site responsive pour tous les types d’écrans - Concevoir des formulaires accessibles et valides - Intégrer du multimédia et des animations légères - Respecter les normes d’accessibilité et de bonnes pratiques

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)