Introduction
Apprendre XHTML et CSS
Premier contact avec HTML et CSS
Annexe 1: Travailler avec les bons outils
Introduction à la mise en page en CSS
Annexe 2 : Standards et validité
Mise en page d'un design simple
Des menus de navigation en HTML et CSS
Annexe 3 : L'encodage des caractères
Mise en forme du contenu
Annexe 4 : Des gabarits de mise en page pour vos projets
Mise en forme d'un contenu
Détails de la leçon
Description de la leçon
Dans cette leçon, nous allons apprendre à styliser un menu en utilisant les CSS pour le rendre visuellement attrayant et fonctionnel. Nous commencerons par comprendre comment gérer des items de menu dont la longueur de texte peut varier, ce qui nécessite une extensibilité en hauteur. Pour ce faire, nous allons adopter une approche plus flexible en évitant l’utilisation de multiples images de fond. Ensuite, nous implémenterons des boîtes avec des cadres arrondis, en utilisant des images avec dégradés subtils pour le survol et les éléments en cours. L'objectif principal est de créer un menu qui est à la fois esthétique et maintenable.
Objectifs de cette leçon
Les objectifs de cette vidéo sont :
- Apprendre à gérer la variabilité des longueurs de texte dans les items de menu.
- Implémenter des cadres arrondis et des dégradés.
- Créer des menus CSS maintenables et esthétiques.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est nécessaire de maîtriser les bases des CSS et du développement HTML.
Métiers concernés
Les compétences acquises dans cette leçon peuvent être appliquées dans les métiers de développeur web, designer d'interface utilisateur, et intégrateur web.
Alternatives et ressources
Il existe d'autres solutions pour réaliser des menus CSS, telles que l'utilisation de frameworks CSS comme Bootstrap ou Bulma.
Questions & Réponses
Je m'abonne