Introduction à la Conception pour Tablettes
Objectifs
Les principaux objectifs de cette vidéo sont :
- Optimiser une page web pour les affichages sur tablette.
- Utiliser des techniques CSS avancées pour créer une mise en page flexible.
- Améliorer l'expérience utilisateur sur des écrans de taille moyenne.
Résumé
Apprenez à créer une page web en responsive design pour les tablettes, en adaptant les styles CSS et en utilisant des techniques avancées.
Description
Dans ce deuxième volet, nous allons approfondir la création de pages web en responsive design, cette fois-ci en optimisant notre mise en page pour les tablettes. Vous découvrirez comment adapter les règles CSS afin de permettre une meilleure visualisation et interaction sur des écrans de taille moyenne.
Nous commencerons par la mise en place d'une feuille de style dédiée, style-tablet.css, et nous expliquerons chaque modification apportée aux éléments HTML pour les adapter aux résolutions de tablette. En particulier, nous nous concentrerons sur la gestion de la largeur maximale (max-width) afin que le conteneur et d'autres éléments ne s'étirent pas au-delà de 768 pixels.
Vous apprendrez également à manipuler des propriétés CSS telles que display, max-width, float, et position pour organiser le contenu en colonnes, ajuster les en-têtes et les pieds de page, et styliser les menus et les étiquettes avec des ombres et des masques interactifs.
Cette leçon vous fournira une base robuste pour le développement de pages web qui s'adaptent efficacement aux différents appareils et tailles d'écran, améliorant ainsi l'expérience utilisateur et l'accessibilité de votre site web.
Questions - réponses
Programme détaillé
Module 1 - Introduction à la formation HTLM5 et CSS3
Module 2 - Les bases de la mise en page
Module 3 - La mise en page avancée
Module 4 - Autres sélecteurs et propriétés
Dommage.