Module 1 - Comprendre les fondamentaux du Web
- Découvrir le fonctionnement d’un site web
- Comprendre le rôle du navigateur, du serveur et des langages web
- Identifier les différents métiers du web et les outils associés
- Découvrir les standards actuels du Web
- Comprendre la différence entre structure, contenu et mise en forme
Module 2 - Créer une page web en HTML5
- Comprendre la structure d’un document HTML5
- Utiliser les principales balises HTML
- Structurer une page avec les titres, paragraphes, listes et sections
- Créer des liens internes et externes
- Insérer des images et des médias
- Ajouter des formulaires simples
- Respecter les bonnes pratiques de structuration du contenu
Module 3 - Mettre en forme une page avec CSS3
- Comprendre le principe des feuilles de style
- Créer et appliquer des règles CSS
- Utiliser les sélecteurs CSS
- Modifier les couleurs, polices, tailles et espacements
- Créer des mises en page modernes
- Gérer les bordures, arrière-plans et effets visuels
- Organiser un code CSS propre et évolutif
Module 4 - Concevoir des pages adaptées aux usages actuels
- Comprendre le responsive design
- Adapter l’affichage aux ordinateurs, tablettes et smartphones
- Utiliser les principes de grille et de mise en page flexible
- Optimiser l’expérience utilisateur
- Identifier les erreurs fréquentes de conception web
Module 5 - Optimiser ses pages pour le référencement et l’accessibilité
- Comprendre l’impact du HTML sur le référencement naturel
- Structurer les contenus pour faciliter l’analyse des moteurs de recherche
- Utiliser correctement les titres et balises essentielles
- Optimiser les images (formats, poids, textes alternatifs)
- Découvrir les principes d’accessibilité numérique
Module 6 - Mettre en pratique la création d’une page web professionnelle
- Analyser une page existante
- Créer une page web complète avec HTML5 et CSS3
- Modifier une page existante
- Corriger les erreurs courantes
- Publier ou intégrer une page dans un environnement web
Travaux pratiques
- Création d’une page web structurée
- Mise en forme complète avec CSS3
- Adaptation d’une page pour mobile
- Optimisation d’une page pour le référencement et l’accessibilité
- Analyse et amélioration d’un site existant