Mise en œuvre dans un projet professionnel
QUATRIÈME PARTIE
208
Les chapitres suivants se pencheront tour à tour sur la structuration de l’en-tête
(header) ; sur celle des éléments de navigation ; sur le contenu général (titres, textes,
encart), pour enchaîner sur les styles CSS employés dans ce projet.
Nous avons fait les choix suivants :
• Ce site web, de largeur variable, s’affichera dans toutes les résolutions d’écran à
partir de 800 pixels par 600. Les zones de contenu et d’en-tête s’adapteront automatiquement à la largeur de la fenêtre du navigateur. Le menu sera de largeur fixe
mais s’adaptera à la taille de police (ses dimensions étant précisées en em).
• L’en-tête reprendra l’identité graphique du site, le logo Alsacréations, ainsi que le
titre général de l’ouvrage présenté. Un pied de page n’est pas nécessaire.
• Plusieurs menus de navigation sont prévus : un sommaire général vertical à gauche du site et un menu horizontal « rapide » dans l’en-tête, facilitant l’accès direct
aux liens importants (retour à l’accueil, page de contacts, etc.).
• Nul besoin d’un menu déroulant, mais chaque menu réagira au passage du pointeur de la souris.
Figure 15–1
Le projet terminé
QUATRIÈME PARTIE
208
Les chapitres suivants se pencheront tour à tour sur la structuration de l’en-tête
(header) ; sur celle des éléments de navigation ; sur le contenu général (titres, textes,
encart), pour enchaîner sur les styles CSS employés dans ce projet.
Nous avons fait les choix suivants :
• Ce site web, de largeur variable, s’affichera dans toutes les résolutions d’écran à
partir de 800 pixels par 600. Les zones de contenu et d’en-tête s’adapteront automatiquement à la largeur de la fenêtre du navigateur. Le menu sera de largeur fixe
mais s’adaptera à la taille de police (ses dimensions étant précisées en em).
• L’en-tête reprendra l’identité graphique du site, le logo Alsacréations, ainsi que le
titre général de l’ouvrage présenté. Un pied de page n’est pas nécessaire.
• Plusieurs menus de navigation sont prévus : un sommaire général vertical à gauche du site et un menu horizontal « rapide » dans l’en-tête, facilitant l’accès direct
aux liens importants (retour à l’accueil, page de contacts, etc.).
• Nul besoin d’un menu déroulant, mais chaque menu réagira au passage du pointeur de la souris.
Figure 15–1
Le projet terminé