Réalisation de la mise en forme
Objectifs
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.
Résumé
Nous allons réaliser une mise en forme simple avec les media queries pour les smartphones, tablettes et écrans d'ordinateur.
Description
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.
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
