Introduction à la création de menus avec les listes HTML
Objectifs
L'objectif principal de cette vidéo est d'enseigner aux utilisateurs comment créer des menus sous forme de liste en HTML, tout en utilisant des attributs spécifiques pour améliorer leur présentation. Cela inclut :
- Comprendre l'utilisation des éléments ul et li.
- Appliquer les attributs
dataroll='listview'etdatainset='true'. - Personnaliser les listes avec des icônes.
Résumé
Apprenez à concevoir des menus efficaces sous forme de liste en utilisant les éléments HTML ul et li, ainsi que les attributs dataroll et datainset.
Description
Dans cette leçon, nous allons découvrir comment réaliser un menu sous forme de liste, une pratique classique en développement web. Nous utilisons les éléments HTML ul et li pour structurer le menu. En ajoutant l'attribut dataroll='listview' à l'élément ul, nous convertissons facilement notre structure HTML en une vue de liste propre.
Nous allons également explorer comment placer ces listes dans différentes zones de notre page web, telles que le header et la zone de content. En ajoutant l'attribut datainset='true', nous pourrons regrouper les éléments de la liste pour une meilleure présentation visuelle.
Enfin, nous verrons comment personnaliser les éléments de notre liste en utilisant des icônes grâce à l'attribut data-icône. Vous apprendrez à intégrer des icônes prédéfinies ou personnalisées, ce qui enrichira l'interactivité et l'attrait visuel de vos menus.
Questions - réponses
dataroll='listview' convertit l'élément ul en une vue de liste améliorée visuellement.
datainset='true' à l'élément ul, on peut regrouper les éléments de la liste et réduire leur taille apparente.
data-icône est utilisé pour ajouter des icônes à des éléments de liste, permettant de personnaliser davantage l'affichage du menu.
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
