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 O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.