Introduction à la création de feuilles de style
Objectifs
Les objectifs de cette vidéo sont de :
1. Apprendre à créer et utiliser efficacement une feuille de style externe.
2. Savoir créer une feuille de style pour l'impression pour améliorer l'expérience utilisateur.
3. Comprendre comment manipuler les styles CSS dans un projet web.
Résumé
Dans cette leçon, découvrez comment créer une feuille de style externe pour vos pages web et une feuille de style pour l'impression afin d'optimiser l'affichage sur écran et papier.
Description
Cette leçon vous guide à travers la réalisation d'une feuille de style externe pour un site web, ainsi qu'une feuille de style spécifique pour l'impression. Après avoir préparé différentes pages (d'accueil, d'histoire, d'instruments, de cours, de goodies et de formulaire), nous allons unifier et externaliser les styles communs. Ensuite, nous aborderons la création d'une feuille de style dédiée pour l'impression afin d'optimiser le contenu imprimé en éliminant les éléments superflus tels que les images et les menus. Le processus inclut la sélection et l'extraction des styles internes vers un fichier CSS externe, l'intérêt de la compatibilité avec les anciens navigateurs, ainsi que des pratiques de rendu de style adaptées aux différents supports.
La vidéo explique également comment utiliser des outils comme Dreamweaver pour faciliter le travail de comparaison et de suppression des styles en double, et comment modifier les feuilles de style pour différents médias à l'aide de fonctionnalités spécifiques comme la barre d'outils 'rendu du style'.