Étapes de création du menu
Objectifs
Les objectifs de cette vidéo sont :
Créer et structurer un menu de site web en utilisant des listes HTML.
Appliquer des styles CSS pour obtenir un design moderne avec coins arrondis et transparence.
Utiliser des sprites pour intégrer des icônes dans le menu.
Résumé
Cette leçon vous guide dans la création d'un menu de site web avec des icônes et des coins arrondis en utilisant des listes HTML et des styles CSS.
Description
Dans cette leçon, nous allons concevoir un menu de site web en utilisant des balises HTML et des styles CSS. Le menu est structuré avec une liste non ordonnée (balise <ul>) et comprenant des éléments de liste (balise <li>). Chaque élément de menu est composé d'une balise de lien (<a>) qui contient deux balises <span>, une pour l'icône et une pour le texte.
Pour les icônes, nous utilisons une technique appelée sprite, qui regroupe plusieurs images en une seule. Cela permet de positionner chaque icône correctement à l'intérieur des blocs de menu. Le menu final présente des blocs rectangulaires avec des coins arrondis et une transparence partielle, donnant un aspect moderne et soigné.
Nous abordons également les ajustements CSS nécessaires pour styliser les éléments, incluant l'opacité, la taille, l'alignement du texte, et les bordures arrondies. Cette leçon est idéale pour ceux qui souhaitent améliorer leurs compétences en développement web front-end.
Questions fréquentes
Programme détaillé
Module 1 - Introduction
Module 2 - Généralités sur le marché des mobiles
Module 3 - Rappel HTML
Module 4 - Rappel CSS
Module 5 - Notions de HTML5 et CSS3
Module 6 - Concevoir une webApp
Module 7 - Les simulateurs
Module 8 - Construire sa première WebApp
Module 9 - Vérifier et compresser
Module 10 - Construire une webApp avec JQuery Mobile
Module 11 - Annexe 1 | Notions de bande passante
Module 12 - Annexe 2 | Les usages
Module 13 - Annexe 3 | Les librairies disponibles
Module 14 - Conclusion
