Introduction au Responsive Web Design pour Tablettes
Objectifs
Les objectifs de cette vidéo sont de :
- Comprendre comment adapter une maquette pour les tablettes.
- Maîtriser la transformation des unités de pixels en pourcentages.
- Apprendre à gérer les feuilles de style spécifiques aux tablettes.
Résumé
Découvrez comment adapter votre mise en page pour les tablettes en utilisant des techniques de Responsive Web Design. Transformez les pixels en pourcentages pour une mise en page fluide.
Description
Dans cette leçon, nous allons approfondir le Responsive Web Design en nous concentrant sur les tablettes. Nous allons partir d'une maquette Photoshop et la convertir en une mise en page fluide adaptée aux différentes tailles d'écrans. La vidéo explique comment transformer les pixels en pourcentages, intégrer des feuilles de style spécifiques aux tablettes, et ajuster divers éléments de la page pour garantir une présentation optimale.
Vous apprendrez à gérer les marges, rétablir les contextes de formatage, et corriger les propriétés comme float et display. La leçon couvre également l'affichage des sliders et des menus, ainsi que l'ajustement des éléments de recherche et des logos. Enfin, la gestion des images et du contenu des colonnes est abordée pour assurer une expérience utilisateur cohérente sur les tablettes.
Questions - réponses
Programme détaillé
Module 1 - Introduction video
Module 2 - Principes généraux
Module 3 - Réaliser une maquette en responsive Design
Module 4 - Maitriser l'intégration en Responsive Design
Module 5 - Le travail des textes
Module 6 - Intégrer des images optimisées
Module 7 - Une réalisation complète
Module 8 - Connaissances complémentaires
Module 9 - Conclusion
