HTML5 CSS3 Blended Learning

Objectifs

• Comprendre le fonctionnement du web et des langages HTML5 et CSS3


• Structurer une page web conforme aux standards actuels


• Mettre en forme des pages web avec CSS3


• Créer des mises en page responsives adaptées à tous les écrans


• Intégrer des contenus multimédias en HTML5


• Appliquer les bonnes pratiques d'accessibilité et de référencement


• Utiliser des outils de développement web modernes


• Être capable de réaliser un site web statique complet

Programme de la formation

Module 1 : Introduction au web et à l'environnement de travail

• Fonctionnement du web


• Rôle du HTML et du CSS


• Présentation des navigateurs et éditeurs de code


• Organisation des fichiers d'un site web


• Modalités du blended learning (présentiel / distanciel / e-learning)

Module 2 : Les bases du HTML5

• Structure d'un document HTML5


• Balises essentielles


• Hiérarchie et sémantique du contenu


• Attributs et bonnes pratiques

Module 3 : HTML5 avancé

• Balises sémantiques HTML5


• Formulaires et champs avancés


• Intégration de médias (audio, vidéo, iframe)


• Accessibilité et structuration du contenu

Module 4 : Les bases du CSS3

• Syntaxe CSS


• Sélecteurs et propriétés


• Couleurs, unités et typographie


• Modèle de boîte (box model)

Module 5 : Mise en page avec CSS3

• Positionnement des éléments


• Flexbox


• Grid Layout


• Gestion des alignements et espacements

Module 6 : Responsive design

• Principes du responsive design


• Media queries


• Design mobile-first


• Adaptation aux différents écrans

Module 7 : CSS3 avancé

• Transitions et animations


• Pseudo-classes et pseudo-éléments


• Bonnes pratiques et optimisation du code

Module 8 : Projet de synthèse

• Conception d'un site web statique


• Intégration HTML5 et CSS3


• Mise en ligne et tests


• Corrections et améliorations

Validation et sanction

• Créer des pages web structurées en HTML5


• Mettre en forme des sites web avec CSS3


• Réaliser une mise en page responsive


• Produire un site web statique fonctionnel


• Appliquer les standards du web et les bonnes pratiques


• Gagner en autonomie dans le développement front-end

Type de formation

Non certifiante

Sortie

Sans niveau spécifique