Séparer le fond et la forme avec HTML et CSS
CHAPITRE 2
© Groupe Eyrolles, 2005
35
On écrira donc un code proche de :
Exercice numéro 4
Le succès d’un site web dépendant directement de son ergonomie et de son intuitivité, l’élaboration des méthodes de navigation permettant d’y circuler fera
l’objet d’une réflexion poussée et d’une grande attention.
Ces trois propositions auront des aspects sensiblement équivalents : chacune affichera une liste de liens placés les uns sous les autres.
Rappelons que l’aspect visuel présent ne doit pas compter (il sera toujours temps
de le corriger dans la feuille de styles, et les chapitres suivants vous feront la
Vous avez décidé d’inclure un menu vertical de navigation comprenant les liens
suivants :
– Retour à l’accueil ;
– Présentation de la région ;
– Historique de l’Alsace ;
– Gastronomie locale ;
– Hôtels et gîtes ;
– Photographies.
Quelle structure parmi les trois suivantes vous paraît-elle la plus appropriée ?
Pourquoi ?
1 Inclure chaque élément () du menu au sein d’un élément de bloc
comme les balises
CHAPITRE 2
© Groupe Eyrolles, 2005
35
On écrira donc un code proche de :
Exercice numéro 4
Le succès d’un site web dépendant directement de son ergonomie et de son intuitivité, l’élaboration des méthodes de navigation permettant d’y circuler fera
l’objet d’une réflexion poussée et d’une grande attention.
Ces trois propositions auront des aspects sensiblement équivalents : chacune affichera une liste de liens placés les uns sous les autres.
Rappelons que l’aspect visuel présent ne doit pas compter (il sera toujours temps
de le corriger dans la feuille de styles, et les chapitres suivants vous feront la
[Paragraphe associé au sous-titre de niveau 2.]

Vous avez décidé d’inclure un menu vertical de navigation comprenant les liens
suivants :
– Retour à l’accueil ;
– Présentation de la région ;
– Historique de l’Alsace ;
– Gastronomie locale ;
– Hôtels et gîtes ;
– Photographies.
Quelle structure parmi les trois suivantes vous paraît-elle la plus appropriée ?
Pourquoi ?
1 Inclure chaque élément () du menu au sein d’un élément de bloc
comme les balises
ou
, de sorte que ces liens s’affichent les uns
sous les autres.
2 Séparer ces liens par des balises de retour à la ligne
.
3 Utiliser les éléments de liste (
- et
- ) pour structurer ce menu et ses
liens.
Exemple:
