Intégration et Adaptation des Maquettes Photoshop aux Écrans
Objectifs
Les objectifs de cette vidéo sont d'apprendre à :
- Adapter une maquette Photoshop en page web responsive.
- Utiliser les requêtes média CSS pour des affichages multiples.
- Calculer les dimensions en pourcentages et les intégrer dans le CSS.
- Personnaliser les styles selon les tailles d'écran.
Résumé
Dans cette leçon, découvrez comment transformer une maquette Photoshop en une page web responsive adaptée aux écrans d'ordinateurs grâce à des techniques avancées de HTML et CSS.
Description
Cette leçon couvre la transformation d'une maquette Photoshop en une page web responsive destinée aux écrans d'ordinateurs. Vous apprendrez à utiliser des requêtes média pour adapter le contenu selon la taille de l'écran, à travailler avec des unités relatives comme les pourcentages et les em, et à utiliser des propriétés CSS spécifiques pour styliser les éléments de manière appropriée. Nous aborderons également la gestion des arrières-plans et des images contextuelles, ainsi que les ajustements nécessaires pour assurer une continuité entre les différentes feuilles de style selon les tailles 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
