Étapes de Création
Objectifs
À la fin de cette vidéo, vous serez en mesure de créer des zones dépliables en HTML, d'utiliser les attributs Data-Role et de structurer des groupes d'éléments pliables.
Résumé
Cette leçon vous guide à travers la création de zones dépliables en utilisant HTML et les attributs Data-Role.
Description
Dans cette leçon, vous apprendrez à créer des zones dépliables en HTML. Un élément dépliable est composé d'une partie visible sur laquelle on clique pour dévoiler la seconde partie. Il est essentiel d'utiliser un élément de type H pour la partie toujours visible, suivi d'un élément de type P ou DIV pour le contenu caché. Nous verrons comment structurer le code avec les attributs Data-Role collapsible et Data-Role collapsible set pour regrouper les éléments.
Commencez par créer un élément DIV avec l’attribut Data-Role collapsible. Ensuite, insérez un élément H, comme un H3, et un élément de type DIV ou P pour le contenu. Nous explorerons également la copie de blocs pour obtenir plusieurs éléments dépliables et la création de groupes de ces blocs pour une présentation élégante, avec des bords arrondis pour les premiers et derniers éléments. Enfin, vous découvrirez comment intégrer ces éléments dans une page web de manière efficace.
Questions - réponses
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
