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
Le Responsive Web Design (RWD) est une technique permettant de créer des sites web qui s'adaptent automatiquement à la taille de l'écran de l'utilisateur, offrant ainsi une expérience optimale sur les ordinateurs de bureau, les tablettes et les smartphones. Cette technologie est aujourd'hui largement utilisée, mais il convient de l'exploiter judicieusement pour éviter certains écueils, notamment en ce qui concerne la bande passante des smartphones. Dans certains cas, il peut être nécessaire de différencier les contenus pour garantir une navigation fluide. Pour une meilleure compréhension, il est recommandé de consulter des ressources de référence comme le site d'Ethan Marcotte et MediaQuery. Enfin, le RWD permet une expérience utilisateur bien supérieure à celle des pages statiques, en tenant compte des divers contextes d'utilisation.
Objectifs de cette leçon
Apprendre à concevoir des sites web adaptatifs et comprendre les meilleures pratiques du Responsive Web Design.
Prérequis pour cette leçon
Connaissances de base en HTML, CSS et JavaScript sont recommandées.
Métiers concernés
Développeur web, designer UI/UX, spécialiste en marketing digital.
Alternatives et ressources
Utilisation des techniques de développement mobile-first, applications Web progressives (PWA).
Questions & Réponses
Je m'abonne