Chapitre 16 - En-tête du document

La page web du projet débutera par un en-tête (header) sous la forme d’un bandeau graphique avec le titre du site, un sous-titre et une illustration. Il devra s’adapter à toutes les résolutions d’écran tout en restant accessible au plus grand nombre (sans oublier les non voyants). Quadrature du cercle ?

Découpe et préparation

Un astucieux décor

Le fond de l’en-tête (présenté figure 16-1) est une banale image de 800 pixels par 100, appliquée sans répétition en arrière-plan d’un bloc <div>. Une couleur de fond de raccord (qu’on peut cumuler en CSS avec une image de fond) assurera la bonne tenue de l’ensemble pour les résolutions supérieures.
Figure 16-1 Image de fond de l’en-tête

Contenu de l’en-tête ...

Get CSS 2 - Pratique du design web, 3 edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.