Aujourd'hui, la mise en forme et la mise en page des sites web se font obligatoirement à l'aide des CSS (Cascading Style Sheets ou Feuilles de style en cascade). Ce livre s'adresse à tout graphiste web, débutant sur les CSS, ayant un minimum de connaissances dans la création (X)HTML de sites web et désirant apprendre les techniques de mise en page à l'aide des feuilles de style afin de réaliser des sites web attractifs et conformes aux standards.

La première partie présente les généralités sur les CSS : syntaxe, sélecteurs, règles de priorité, héritage, cascade... Puis, à partir d'un grand nombre d'exemples pratiques, vous apprendrez à utiliser une des techniques de mise en page les plus courantes : les boîtes flottantes. Vous verrez ensuite d'autres possibilités de positionnement : les positions absolues, relatives et fixes. Vous mettrez en forme les tableaux, les images, les formulaires et les liens (barre de navigation et menu déroulant) ainsi que les pages web destinées à l'impression. Pour optimiser cette étude, vous analyserez et examinerez la structure de plusieurs exemples de modèles de présentations de sites web (les templates) afin de bien comprendre les techniques mises en oeuvre par les designers web. Le livre se termine par l'étude d'un framework CSS YAML, que vous pourrez ensuite exploiter pour créer rapidement vos propres créations.

Les techniques présentées reposent sur de nombreux exemples explicités dans le détail et sur le descriptif précis de templates disponibles sur le Web.

• La structure des pages web
• Les feuilles de style en cascade
• L'affichage des éléments
• Les éléments flottants
• La mise en page avec les éléments flottants
• Le éléments en position absolue
• Les éléments en position relative
• Les éléments en position fixe
• La mise en forme des tableaux
• La mise en forme des images
• La mise en forme des formulaires
• La mise en forme CSS des liens
• Les CSS pour l'impression
• Étude de modèles de mise en page
• Le modèle Brown Shadow
• Le modèle Balanced
• Le modèle Blue Space
• Le modèle Earthling Two
• Le modèle safflower
• Le modèle greefies
• Un modèle de construction de site multicolonne : YAML