Utilisation de la Propriété maxWidth
Objectifs
Les objectifs de cette vidéo sont de maitriser l'utilisation de la propriété maxWidth et d'optimiser la mise en forme en Responsive Web Design.
Résumé
Découvrez comment utiliser la propriété maxWidth pour adapter la taille de vos images et contenants en Responsive Web Design.
Description
Dans cette leçon, nous explorons l'importance de la propriété maxWidth en Responsive Web Design. Nous commençons par un rappel sur l'adaptation des images en pourcentage. Nous apprenons à garantir que les images se réduisent en même temps que la taille de la page tout en évitant qu'elles ne deviennent trop grandes. Pour ce faire, nous modifions notre fichier HTML et appliquons la propriété maxWidth au niveau du conteneur principal pour limiter la taille maximale de la page à 768 pixels. Cette approche est essentielle pour éviter que des pages web éclatent sur de très grands écrans, comme ceux de 1920 pixels de large, et pour maintenir une présentation cohérente et lisible. Finalement, le résultat est une mise en page flexible et adaptable, optimisée pour différents formats d'écran.
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
