Margin, Padding, et Background pour les Menus de Navigation
Objectifs
L'objectif de cette vidéo est de maîtriser les techniques indispensables pour styliser et rendre interactifs les menus de navigation en utilisant CSS, tout en assurant l'accessibilité pour tous les utilisateurs.
Résumé
Cette leçon détaille les techniques pour optimiser et styliser les menus de navigation en HTML et CSS, rendant les liens cliquables sur toute leur surface.
Description
Dans cette leçon, nous apprenons à optimiser et à styliser les menus de navigation en utilisant les propriétés CSS comme margin, padding et background. Nous commençons par ajouter un écart entre les éléments li avec margin-bottom. Ensuite, pour des liens cliquables sur toute leur surface, nous passons les éléments a en display: block. L'utilisation de span à l'intérieur de a pour des images de fond permet une meilleure mise en forme. Nous faisons face à des défis comme l'alignement des images et des paddings, et nous les résolvons en ajustant les valeurs des propriétés CSS. Enfin, nous abordons les styles au survol et au focus pour rendre le menu plus accessible aux utilisateurs naviguant avec un clavier.
Chaque étape est documentée pour illustrer comment éviter les erreurs courantes et optimiser le design pour une meilleure expérience utilisateur.
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.