7. Ajouter de la structure¶
Il est important de structurer vos pages en appliquant les balises spécifique à l'organisation de vos pages Web.
Exercice 1¶
Objectif : Comprendre et identifier les balises structurantes utilisées dans des sites web.
Consignes:¶
Par group de 2:
- Choix des sites web
- Sélectionnez deux sites web de votre choix. Privilégiez des sites qui utilisent une structure claire et bien organisée. (à vous de les trouver)
- Captures d'écran
- Prenez une capture d'écran de chaque site sélectionné, en veillant à inclure une partie représentative de la structure du site (ex. : en-tête, section principale, pied de page).
-
Analyse et annotation
- Entourez et identifiez les balises structurantes présentes sur chaque capture d'écran (exemples :
header
,nav
,main
,section
,article
,aside
,footer
). Utilisez des annotations pour indiquer à quoi correspondent ces balises sur le site.
- Entourez et identifiez les balises structurantes présentes sur chaque capture d'écran (exemples :
-
Présentez votre analyse
- Présentez à la classe les analyses faites sur les 2 sites et expliquez.
Exercice 2¶
- Améliorez vos pages web:
- Modifiez toutes vos pages en utilisant les balises structurantes.