Principales Règles de Style pour une Mise en Page Web
Objectifs
L'objectif de cette vidéo est de fournir une méthodologie claire pour appliquer des styles de base en HTML et CSS, tout en prenant en compte la compatibilité entre différents appareils.
Résumé
Découvrez comment ajuster les marges, centrer le contenu sur différents écrans et appliquer des couleurs à vos éléments HTML pour un design cohérent.
Description
Dans cette leçon, nous allons examiner les règles de style essentielles pour créer une page web attrayante et fonctionnelle. Nous allons commencer par ajuster les marges globales de l'élément body à zéro. Ensuite, nous nous concentrerons sur le conteneur principal (Container), où nous appliquerons des marges automatiques pour centrer la page sur des dispositifs plus larges comme les tablettes et les écrans de bureau.
La zone d'en-tête (header) sera stylisée avec une couleur de fond grise (#858585) et une hauteur fixe de 300px, malgré le manque de contenu.
Nous masquerons certains éléments comme le Slider sur les maquettes smartphones en utilisant la propriété display: none.
D'autres sections, telles que le Side, la Section, le Footer, et la zone d'information, auront des couleurs spécifiques et des hauteurs fixes définies par des valeurs hexadécimales pour obtenir un design harmonieux.
Enfin, nous soulignerons les différences entre les sélecteurs d'identifiant (ID) et les balises HTML5 pour clarifier leur utilisation dans notre feuille de style.
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
