CSS Cascading Style Sheets (feuilles de style en cascade) est un langage informatique qui sert à décrire la présentation des documents HTML et XML.
Les standards définissant CSS sont publiés par le World Wide Web Consortium (W3C).
Introduit au milieu des années 1990, CSS devient couramment utilisé dans la conception de sites web et bien pris en charge par les navigateurs web dans les années 2000.

A la différence des méthodes employées dans les années 90, les CSS permettent une stricte séparation du contenu HTML et des informations de mise en page.
Le gain réalisé est considérable :

• gestion simplifiée et économique de la présentation d’un site à l’aide d’une unique feuille de style pour la totalité des pages, aisément modifiable,
• allègement des coûts de développement et de maintenance : mettre en place un système (hasardeux) de discrimination des navigateurs pour servir aux différents navigateurs un document adapté aux technologies propriétaires qui balkanisent le Web,
• allègement du code-source des pages Web, et donc économie de bande passante : une feuille de style n’est chargée qu’une seule fois par un navigateur, qui l’applique sans délai si nécessaire aux pages visitées par la suite,
• possibilité de doter une page de feuilles de style spécifiques selon les medias (navigateurs graphiques, lecteurs d’écran…).
  Les feuilles de style print permettent une impression immédiate d’une page depuis le navigateur, et dispensent d’avoir à créer une version imprimable du document HTML,
• possibilité de doter une page de présentations alternatives au choix de l’utilisateur,
• création de layout flexibles, qui s’adaptent aux différentes résolutions d’écran.

OBJECTIFS

 apprentissage des CSS
 acquérir une bonne vue d’ensemble des fonctionnalités offertes par les CSS
 mettre en œuvre une approche logique et structurée de l’intégration des feuilles de style dans une page HTML.

PROGRAMME

Généralités

• standards du Web, l’accessibilité, interopératibilité
• Doctype, les normes XHTML, CSSP, CSS2, CSS3

Méthodologie pour construire des CSS efficaces

• conception rigoureuse
• structure des pages
• conception graphique
• cahier des charges techniques (standards, accessibilité, navigateurs, OS)

Maîtriser la notion de cascade

• feuilles de styles internes, externes, intégrées
• héritage des styles en cascade, sélecteurs CSS, classes, id, pseudo-classes…
• règles de nommage des styles

Grammaire avancée

• architecture du XHTML et des CSS
• structure et sémantique : balises sémantiques, balises hiérarchiques
• pseudo-éléments et propriétés avancées

Le positionnement (CSSP)

• structure des éléments : bloc, en ligne
• modèles de boîtes
• flux et positionnements (relatif, absolu, fixe, flottant)

CSS spécifiques

• élaborer des mises en pages spécifiques par média (impression, pda)

Optimisation et rendus : technique et méthodologie

• CSS et navigateurs
• maîtrise des rendus sur les différents navigateurs
• outils de validation

Mise en œuvre et études de cas

• conception de gabarits de base (multicolonnes, centré, fluide/fixe)
• conception d’un menu de navigation élaborée (mode listes)
• conception d’une galerie photos
• conception d’un formulaire
• création d’une feuille de styles pour l’impression
• personnalisation : choix d’habillage en fonction de l’utilisateur