Étapes de Création d'un Menu
Objectifs
L'objectif de cette vidéo est de vous guider dans la création d'une barre de navigation en utilisant des balises HTML et jQuery mobile de manière efficace.
Résumé
Découvrez comment réaliser un menu avec jQuery mobile en utilisant des balises HTML et CSS.
Description
Dans cette leçon, nous allons apprendre à créer un menu en utilisant jQuery mobile. Les menus dans jQuery mobile sont simplement constitués d'une liste de liens placés dans une balise <ul> ou <ol>, le tout enveloppé dans un bloc <div> avec l'attribut data-role égal à navbar. jQuery mobile mettra automatiquement en forme cette structure.
La barre de navigation s'adaptera à la place disponible et variera légèrement en fonction de sa position dans la page, que ce soit dans la zone header, content ou footer. Nous allons créer une barre de menu dans la zone header, en modifiant un peu le titre en le plaçant dans une balise <h1>, puis ajouterons une balise <div> avec data-role égal à navbar pour englober notre liste de menus. À l'intérieur, nous utiliserons une balise <ul> et remplirons la liste avec des liens.
Visionnez la vidéo pour voir la procédure détaillée et le résultat dans le simulateur.
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
