Méthodologie générale
CHAPITRE 15
207
• aspects techniques (hébergement, nom de domaine, mises à jour, etc.) ;
• aspects fonctionnels (navigation, contenu, ergonomie du site, typographie, puces,
etc.) ;
• aspects visuels (disposition des éléments, couleurs, illustrations, typographie,
puces, etc.).
Cette dernière partie se penchera surtout sur les aspects fonctionnels et visuels.
Avant tout, il faut ne rien oublier d’important.
Après la réflexion sur le contenu et sa disposition et avant de construire le gabarit, il
convient de faire un bilan des points essentiels. La mise en page dépendra des
réponses apportées à un certain nombre de questions ; ce moule accueillera ensuite
naturellement son contenu. Avant de vous plonger dans la programmation HTML,
prenez donc soin de clarifier les aspects suivants :
• Largeur adaptable ou fixée ? Dans le cas d’une largeur imposée, le document serat-il centré dans le navigateur ?
• Présence d’un chapeau de page systématique (header) ?
• Présence d’un pied de page systématique (footer) ?
• Combien de menus de navigation sont prévus ?
• Sur quels côtés les menus de navigation seront-ils affichés, et dans quelle direction (verticalement ou horizontalement) ?
• Malgré les risques posés en matière d’accessibilité, un menu déroulant est-il
prévu ?
Présentation du projet professionnel
Jusqu’à la fin de l’ouvrage, nous construirons peu à peu une page web complète, écrite
en XHTML et mise en forme grâce aux styles CSS. Le résultat final est présenté
figure 15-1 ; nous y reviendrons régulièrement. Il est également repris à l’adresse
http://www.alsacreations.com/livre, où il joue le rôle de vitrine du présent manuel.
Cette zone web remplira toutes les fonctions que l’on est en droit d’attendre d’un site
d’accompagnement de livre, prolongeant le dialogue avec ses lecteurs. Il apportera
des informations supplémentaires, proposera des extraits de l’ouvrage, ses codes et
illustrations, maintiendra une liste d’errata, etc. N’hésitez donc pas à l’inclure dans
vos signets !
Il s’agit d’une charte graphique légère et fraîche, disposant néanmoins ses éléments de
manière simple et classique : logo et titre dans l’en-tête, menu de navigation à gauche,
partie centrale de contenu et petit encart mentionnant les dernières nouveautés.
CHAPITRE 15
207
• aspects techniques (hébergement, nom de domaine, mises à jour, etc.) ;
• aspects fonctionnels (navigation, contenu, ergonomie du site, typographie, puces,
etc.) ;
• aspects visuels (disposition des éléments, couleurs, illustrations, typographie,
puces, etc.).
Cette dernière partie se penchera surtout sur les aspects fonctionnels et visuels.
Avant tout, il faut ne rien oublier d’important.
Après la réflexion sur le contenu et sa disposition et avant de construire le gabarit, il
convient de faire un bilan des points essentiels. La mise en page dépendra des
réponses apportées à un certain nombre de questions ; ce moule accueillera ensuite
naturellement son contenu. Avant de vous plonger dans la programmation HTML,
prenez donc soin de clarifier les aspects suivants :
• Largeur adaptable ou fixée ? Dans le cas d’une largeur imposée, le document serat-il centré dans le navigateur ?
• Présence d’un chapeau de page systématique (header) ?
• Présence d’un pied de page systématique (footer) ?
• Combien de menus de navigation sont prévus ?
• Sur quels côtés les menus de navigation seront-ils affichés, et dans quelle direction (verticalement ou horizontalement) ?
• Malgré les risques posés en matière d’accessibilité, un menu déroulant est-il
prévu ?
Présentation du projet professionnel
Jusqu’à la fin de l’ouvrage, nous construirons peu à peu une page web complète, écrite
en XHTML et mise en forme grâce aux styles CSS. Le résultat final est présenté
figure 15-1 ; nous y reviendrons régulièrement. Il est également repris à l’adresse
http://www.alsacreations.com/livre, où il joue le rôle de vitrine du présent manuel.
Cette zone web remplira toutes les fonctions que l’on est en droit d’attendre d’un site
d’accompagnement de livre, prolongeant le dialogue avec ses lecteurs. Il apportera
des informations supplémentaires, proposera des extraits de l’ouvrage, ses codes et
illustrations, maintiendra une liste d’errata, etc. N’hésitez donc pas à l’inclure dans
vos signets !
Il s’agit d’une charte graphique légère et fraîche, disposant néanmoins ses éléments de
manière simple et classique : logo et titre dans l’en-tête, menu de navigation à gauche,
partie centrale de contenu et petit encart mentionnant les dernières nouveautés.