Un menu horizontal réactif
But de la leçon
Mon menu
De nombreux sites web présentent un menu horizontal pour permettre la navigation.
Ce menu peut, éventuellement, présenter des "boutons" qui réagissent au passage de la souris.
Le but de la leçon sera de concevoir un tel menu.
Pré-requis
Pour aborder cette leçon, il est nécessaire de maîtriser certaines notions
Du point de vue du
langage HTML
- pouvoir utiliser KompoZer pour réaliser une page web simple (voir la leçon 1)
- bien comprendre le rôle des balises HTML et de pouvoir en citer quelques-unes en indiquant leur rôle (voir la leçon 2)
Du point de vue des
directives CSS
- savoir utiliser l'éditeur CasCadeS pour définir des règles de mises en forme pour un sélecteur (voir la leçon 3)
- maîtriser l'emploi des <div> pour la mise en forme des blocs "identifiés" et des "classes" (voir la leçon 3)
Les notions indispensables mentionnées ci-dessus seront utilisées et de nouvelles notions similaires vont apparaître.
Plan de la leçon
Afin d'être capable de comprendre la construction du menu que nous envisageons, il sera nécessaire d'approfondir quelques notions de HTML et quelques notions de CSS.
- Approfondissement HTML
-
- HTML outil de structuration des documents sur le web
- Balises bloc et en ligne
- Styler des balises en ligne
- Les balises en ligne « génériques » <span>
- Approfondissement CSS
-
- Styles enfants
- Les pseudo-classes
Quand tu as compris le but de ta mission et que tu l'acceptes,
passe à la page suivante.
Dernière modification 04/11/2007
