Techniques Avancées pour l'Utilisation des Images d'Arrière-Plan
Objectifs
Les objectifs de cette vidéo sont d'apprendre à intégrer des images d'arrière-plan en pourcentage, explorer la propriété Background Position en pourcentage, et créer des images d'arrière-plan qui simulent des colonnes adaptatives sur un site web.
Résumé
Apprenez à intégrer des images d'arrière-plan en pourcentage pour qu'elles s'ajustent automatiquement à la taille de la fenêtre du navigateur.
Description
Nous allons explorer différentes méthodes d'intégration des images d'arrière-plan en utilisant des pourcentages. Une petite image répétée en mosaïque, une image qui prend la taille de la fenêtre, et une image qui simule deux colonnes de couleurs différentes sont étudiées. Nous nous pencherons particulièrement sur l'utilisation de la propriété Background Size et les divers cas d'application de la propriété Background Position. Cela permet d'obtenir une adaptabilité fluide selon la taille de l'écran du navigateur. La leçon inclut également des explications sur la création d'images appropriées dans Photoshop et leur intégration dans des pages HTML, illustrées par des exemples pratiques.
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
