Intégration des styles pour smartphones
Objectifs
À la fin de cette vidéo, vous serez capable de :
- Créer une page en Responsive Web Design adaptée aux smartphones.
- Intégrer une maquette Photoshop en HTML et CSS.
- Utiliser des unités EM et des pourcentages pour la mise en page.
- Optimiser la mise en forme pour différents dispositifs.
Résumé
Résumé court de la leçon sur la création d'une page en Responsive Web Design, avec un focus sur les feuilles de style pour smartphones.
Description
Dans cette leçon, vous apprendrez à créer une page en Responsive Web Design, en vous concentrant particulièrement sur la partie relative aux feuilles de style pour les smartphones. En partant d'une maquette Photoshop, nous allons intégrer les différents éléments graphiques à une page HTML. La leçon couvrira des aspects tels que l'utilisation des balises HTML, l'application de styles spécifiques aux smartphones et la gestion des images et autres éléments de contenu. Vous découvrirez également comment masquer certains éléments pour les plus petits écrans et comment adapter la mise en page pour les tablettes et les écrans plus grands. Cette leçon vous guidera étape par étape, avec des astuces pour éviter les erreurs courantes et optimiser votre workflow. La mise en forme appropriée sera expliquée en détail, y compris comment utiliser des unités comme EM et travailler avec des pourcentages pour assurer une mise en page fluide et responsive.
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
