Introduction aux feuilles de styles CSS
CHAPITRE 3
57
Mise en situation
Continuons le projet de site touristique sur l’Alsace en reprenant la structure établie au chapitre précédent :
Cette deuxième étape coulera les fondations de la structuration et de la mise en
page du document web. Nous nous emploierons ici à « préparer le terrain » et à
signaler certains éléments clés du document, en leur donnant un nom pour mieux
les désigner par la suite avec des sélecteurs CSS.
Exercice
Mené à bien, ce type d’exercice produit un document bien réalisé et compréhensible par tous. Il s’agit d’identifier un nombre d’objets minimal permettant de
mettre en page facilement tout le document, sans tomber dans le piège consistant
à identifier chaque élément de la page par un identifiant ou une classe (voir
encadré page 54).
Bienvenue en Alsace
La première étape consiste à distinguer les différents éléments significatifs du
document en les affublant d’un identifiant (id). Nous les démarquerons les uns
des autres selon la fonction et l’apparence que l’on prévoit pour eux plus tard
(lesquelles seront exprimées par styles CSS).
Combien d’éléments pensez-vous devoir désigner au minimum ?
CHAPITRE 3
57
Mise en situation
Continuons le projet de site touristique sur l’Alsace en reprenant la structure établie au chapitre précédent :
Cette deuxième étape coulera les fondations de la structuration et de la mise en
page du document web. Nous nous emploierons ici à « préparer le terrain » et à
signaler certains éléments clés du document, en leur donnant un nom pour mieux
les désigner par la suite avec des sélecteurs CSS.
Exercice
Mené à bien, ce type d’exercice produit un document bien réalisé et compréhensible par tous. Il s’agit d’identifier un nombre d’objets minimal permettant de
mettre en page facilement tout le document, sans tomber dans le piège consistant
à identifier chaque élément de la page par un identifiant ou une classe (voir
encadré page 54).
- Retour à l'accueil
- Présentation de la région
- Historique de l'Alsace
- Gastronomie locale
- Hôtels et gîtes
- Photographies
Bienvenue en Alsace
Une belle région française
[Paragraphe associé au sous-titre de niveau 2.]
Un patrimoine considérable
[Paragraphe associé à cet autre sous-titre de niveau 2.]
Pied de page et Mentions légales
La première étape consiste à distinguer les différents éléments significatifs du
document en les affublant d’un identifiant (id). Nous les démarquerons les uns
des autres selon la fonction et l’apparence que l’on prévoit pour eux plus tard
(lesquelles seront exprimées par styles CSS).
Combien d’éléments pensez-vous devoir désigner au minimum ?