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
Cette leçon vous guidera étape par étape dans la création d'une mise en forme simple en utilisant des media queries pour adapter votre site web aux smartphones, tablettes et écrans d'ordinateur. Vous apprendrez à structurer votre code HTML et à lier plusieurs feuilles de style CSS spécifiques à différents types d'appareils. La démonstration inclut l'utilisation d'un conteneur principal avec plusieurs sections: en-tête, slider, contenu principal, section latérale, et pied de page. Nous simplifierons la mise en forme pour les petits écrans en rendant certaines sections invisibles. Cette approche vous permettra de comprendre les fondamentaux du Responsive Web Design sans complexité excessive.
Objectifs de cette leçon
Les objectifs de cette vidéo sont d'apprendre à utiliser les media queries pour adapter un site web à différents types d'écrans, et de comprendre comment structurer et lier des feuilles de style CSS appropriées.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir des bases en HTML et CSS.
Métiers concernés
Les compétences acquises seront utiles pour des métiers comme développeur front-end, designer UX/UI et intégrateur web.
Alternatives et ressources
Vous pouvez explorer des frameworks CSS tels que Bootstrap ou Foundation qui offrent des solutions prêtes à l'emploi pour le Responsive Web Design.
Questions & Réponses
Je m'abonne