Introduction et Configuration Initiale
Objectifs
L'objectif de cette vidéo est de vous enseigner la manière d'utiliser la balise Meta viewport pour adapter les tailles de page web en fonction des dispositifs mobiles, garantissant ainsi une meilleure lisibilité et accessibilité.
Résumé
Découvrez comment utiliser la balise Meta viewport pour adapter une page HTML aux dimensions des smartphones, en particulier pour les iPhone.
Description
Dans cette leçon, nous allons apprendre comment créer une page web adaptative pour les appareils mobiles, en particulier les smartphones comme l'iPhone. Nous commencerons par définir un titre simple et examinerons comment cette page s'affiche sur un simulateur iPhone. Vous apprendrez pourquoi le texte peut apparaître anormalement petit sur un smartphone et comment y remédier en utilisant la balise Meta viewport.
Nous allons également explorer comment spécifier des attributs comme la largeur et les niveaux de zoom minimaux et maximaux pour garantir une expérience utilisateur optimale. En finalisant cette leçon, vous saurez comment empêcher le zoom utilisateur et créer des pages qui s’adaptent parfaitement à différentes tailles d'écran, qu'il s'agisse d’un smartphone ou d’une tablette.
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
