Extensibilité et Cadres Arrondis
Objectifs
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.
Résumé
Cette vidéo guide pas à pas sur la création et la stylisation de menus CSS avec extensibilité en hauteur et cadres arrondis.
Description
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.
Questions fréquentes
Programme détaillé
Module 1 - Introduction
Module 2 - Apprendre XHTML et CSS
Module 3 - Premier contact avec HTML et CSS
Module 4 - Annexe 1: Travailler avec les bons outils
Module 5 - Introduction à la mise en page en CSS
Module 6 - Annexe 2 : Standards et validité
Module 7 - Mise en page d'un design simple
Module 8 - Des menus de navigation en HTML et CSS
Module 9 - Annexe 3 : L'encodage des caractères
Module 10 - Mise en forme du contenu
Module 11 - Annexe 4 : Des gabarits de mise en page pour vos projets
Module 12 - Mise en forme d'un contenu
Module 13 - Conclusion
Je me perds toujours dans les marges, les paddings et les positionnements!
Beaucoup de petites astuces, bienvenues.
Gros défaut: tous les écrans sont flous, et le son est exécrable.