CSS : Le Web avec du style

Si vous construisez des pages Web, ou si vous projetez de le faire prochainement, les Feuilles de Style en Cascade (Cascading Style Sheet ou CSS en anglais) peuvent vous apporter beaucoup. Trop simples à manipuler pour que l'on puisse vraiment parler de programmation, les CSS permettent pourtant d'améliorer sensiblement l'apparence et la fonctionnalité de vos pages Web.
Pour ceux d'entre vous qui êtes tentés par l'idée de mettre en ligne un site Web pour la première fois, les CSS permettront d'améliorer subtilement votre site, sans que vous ayez à connaître des techniques de programmation sophistiquées. Pour utiliser une bonne part de ce manuel, une connaissance de base du HTML est suffisante. Il y a une brève introduction au HTML au début du manuel, mais pour une présentation plus poussée, je vous recommande de lire le manuel de Johann Christian Hanke Créez votre site Web, paru chez Compétence Micro.
Pour ceux qui sont plus expérimentés, l'apprentissage du CSS vous permettra d'accélérer la création de vos pages Web tout en vous donnant un meilleur contrôle de l'apparence du contenu. Imaginez, par exemple, après des années passées à éditer les balises (tags en anglais) font et à choisir entre trois tailles de polices acceptables, que vous puissiez en une seule phrase spécifier la taille de la police pour toute une page, en centimètres, pixels ou pourcentages, et ceci à deux décimales près. Ce n'est qu'un petit exemple de ce que vous pouvez faire avec les CSS.
Enfin, pour les Webmasters et les chefs de projets Internet, il est essentiel de nos jours de connaître les CSS, pour la simple raison que leur efficacité est trop importante pour être ignorée. En changeant le contenu d'un seul fichier texte, vous pouvez modifier la mise en page et l'apparence d'un ou de plusieurs sites de toutes tailles, rendant obsolète la dangereuse technique du chercher-remplacer, sans parler du travail pharaonique d'édition et de débugage.

• HTML : La page Web de base - Tags - Mise en page - Polices - Hyperliens - Lisibilité - HEAD - Pourquoi les CSS étaient si nécessaires ;
• Feuille de Style de base : Déclaration de style - Développer la règle - Techniques de compatibilité (Regard en arrière, Regard en avant) ;
• Une page Web qui a du style : Préparation (Choix des polices et des couleurs, Sélecteurs de classe, Pseudo-class, Les commentaires) - Deboguer (Test multi-plateformes, Vérificateurs de syntaxe, Les groupes de discussions) ;
• Les règles du jeu : Autres endroit où garder vos feuilles de style (Externes, Locaux, L'utilisateur) - Cascade - Héritage ;
• Mise en page du texte en détail : Polices (Les tailles, Styles, Décoration, Mise en page des paragraphes) - Les couleurs (RGB/RVB) - Eléments d'organisation (Listes, Utiliser des images, Formulaires) ;
• Les conteneurs : Positionner (Formater les boîtes, Trois façons et demie de positionner, Les calques, Réaliser l'impossible) ;
• Bien se préparer : Penser à l'utilisateur (Utiliser les tags HTML standards, Respecter la structure, Important !) - Penser à vous (Mise en page et commentaires, Des noms de classes qui ont un sens) ;
• Un système de fiches : Technique - Le cadre (Mise en page, Pseudo-code) - Réalisation (Préparation des CSS, Préparation du code HTML, Préparation du JavaScript, Tester) ;
• Encore un peu plus de CSS : Sélecteurs - Règles contextuelles - Pseudo-classes ;
• Références : Propriétés - Pseudo-classes et -éléments - Compatibilité des navigateurs ;
• Conclusion