Introduction video
Principes généraux
Réaliser une maquette en responsive Design
Maitriser l'intégration en Responsive Design
Le travail des textes
Intégrer des images optimisées
Une réalisation complète
Connaissances complémentaires
Conclusion
Détails de la leçon
Description de la leçon
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.
Objectifs de cette leçon
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.
Prérequis pour cette leçon
Les prérequis pour suivre cette vidéo incluent une connaissance de base en HTML, CSS et des notions fondamentales en manipulation d'images avec Photoshop.
Métiers concernés
Les professionnels utilisant ces techniques incluent les développeurs front-end, les designers web et les spécialistes en UX/UI qui souhaitent améliorer l'expérience utilisateur et l'esthétique des sites web.
Alternatives et ressources
Comme alternatives, d'autres logiciels de design peuvent être utilisés tels que GIMP ou Adobe Illustrator pour créer les images d'arrière-plan. En termes d'intégration, des frameworks CSS comme Bootstrap peuvent être utiles pour garantir une meilleure adaptabilité et réactivité des pages web.
Questions & Réponses
Je m'abonne