Présentation et Structure HTML de la Page
Objectifs
L'objectif de cette vidéo est d'apprendre à:
- Utiliser les media queries pour adapter l'affichage à différentes orientations d'écran
- Structurer et styliser des éléments HTML
- Optimiser les images et le contenu pour différentes résolutions d'écran
Résumé
Apprenez à concevoir une page promo qui s'adapte aux orientations verticales et horizontales des smartphones en utilisant les balises HTML et les styles CSS.
Description
Dans cette leçon, nous allons créer une page promotionnelle qui adapte son affichage selon l'orientation du smartphone, verticale ou horizontale. Nous commencerons par ajouter les zones de contenu dans notre fichier HTML, puis nous les styliserons à l'aide de CSS. Nous utiliserons des media queries pour détecter l'orientation de l'appareil et afficher le contenu approprié. Pour la position verticale, nous afficherons une image complète de l'imprimante. Pour la position horizontale, nous afficherons des détails spécifiques de l'imprimante. En ajoutant des styles CSS pour différentes résolutions d'écran, notamment pour les iPhone 3 et 4, nous garantirons une expérience utilisateur optimale sur divers appareils. À la fin de cette leçon, vous serez en mesure de créer une page web adaptable qui répond aux besoins de différentes orientations d'écran, en suivant les meilleures pratiques de développement responsive.
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
