À propos de ce cours
Créez des pages accessibles et apprenez à les mettre en forme avec HTML sémantique et CSS responsive.
Voir la catégorie Programme
Chaque chapitre regroupe des leçons courtes et des quiz. Cliquez sur une leçon pour ouvrir son détail, lire le contenu complet et continuer vers l’évaluation associée.
1Document HTML sémantique2 éléments
Document HTML sémantique
Structurer une pageLes éléments sémantiques décrivent le rôle de chaque région. Utilisez header, nav, main et footer pour rendre la structure compréhensible aux navigateurs et technologies d’assistance.11 min Exercices : Structurer une pageAppliquez « Structurer une page » dans un exemple court, puis vérifiez le résultat et les cas limites.14 min 2Sélecteurs et mise en page CSS3 éléments
Sélecteurs et mise en page CSS
Cibler et organiser les élémentsLes sélecteurs relient les règles CSS aux éléments. Flexbox organise une dimension; Grid répartit les éléments sur lignes et colonnes.11 min Exercices : Cibler et organiser les élémentsAppliquez « Cibler et organiser les éléments » dans un exemple court, puis vérifiez le résultat et les cas limites.14 min Révision : HTML & CSS — Les bases — 2Vérifiez les notions et les pratiques abordées dans le cours.3 question(s) 3Responsive et accessibilité3 éléments
Responsive et accessibilité
Adapter les pages aux écransUne mise en page fluide combine unités relatives, images flexibles et points de rupture choisis selon le contenu. Vérifiez aussi contraste, focus et ordre de lecture.11 min Exercices : Adapter les pages aux écransAppliquez « Adapter les pages aux écrans » dans un exemple court, puis vérifiez le résultat et les cas limites.14 min Révision : HTML & CSS — Les bases — 3Vérifiez les notions et les pratiques abordées dans le cours.3 question(s) 