Dever Gouloù
le brûleur de chandelles

Site web dédié à la
construction de sites web
 Organisation intra-page
Page publique
Page opérationnelle

Version 2.2 du
12 Novembre 2015

Page d'accueil
Table Thématique
Administrateur du site web
Comment citer ce document ?
Dever Gouloù, le brûleur de chandelles - Organisation intra page - Page B64.
Copyright Jacques-Deric Rouault, 2013-2015. ISBN 978-2-907103-07-5.
Copie possible après autorisation préalable et lien hypertexte en retour vers cette page.

Présentation

    Nous voici au moment de la rédaction de la première page web du site. Comment organiser cette première page ?
Les contraintes

    Contrairement aux pages d'un livre, la taille d'une page web n'est pas limitée. Votre site web peut se réduire à une seule page. Il y a également l'excès inverse, avec une multitude de pages quasi-vides ... En pratique, il faut trouver un équilibre, qui doit satisfaire l'administrateur du site dans son travail de création et de maintenance, comme l'internaute qui recherche une info précise. Pour ma part, j'avancerai qu'une page web, c'est une question, et une (ou plusieurs) réponse(s) à cette unique question.

    Pour des raisons pratiques liées à la construction du site, et psychologiques pour l'internaute qui se promènera sur différentes pages du site, les différentes pages se doivent d'avoir une présentation commune relativement standardisée :
    - l'identification en haut de page
    - le fond de page
    - la structuration de la page
    - le texte
    - les liens en bas de page

    En règle générale, plus vos pages seront standardisées, et plus ce sera facile et rapide de créer de nouvelles pages. Nous allons examiner ces différents éléments.
L'identification en haut de page

    Chaque page doit être clairement identifié. L'internaute doit immédiatement identifier où il est rendu et de quoi il s'agit. A l'usage, j'ai opté pour un bandeau sous la forme d'un tableau de 4 colonnes et d'une ou deux lignes ... Ne pas oublier qu'en principe, en occident, nous lisons de gauche à droite, et de haut en bas.

    La première ligne est consacrée à l'identification du site :
       - Première colonne (à gauche) : une image qui identifie visuellement le site.
       - Seconde colonne : le nom du site, avec un résumé de son objet et un lien vers la page d'accueil
       - Troisième colonne : le nom de la page web
       - Quatrième colonne : différentes informations sur la page :
          *  son statut : public/privé
          *  son état : en construction, opérationnelle, obsolète, ...
          *  son numéro de version et date (important pour controler la mise à jour des serveurs)
          *  les liens principaux : page d'accueil, contact, ...

    La seconde ligne, si elle existe, récapitule la hiérarchie du site et permet à l'internaute de remonter immédiatement à un niveau supérieur. Quatre cases, cela signifie quatre niveaux hiérarchiques en plus de la table des matières, ce qui est en général largement suffisant.

    Sous le bandeau figure la mention : Comment citer cette page suivi du nom du site et de la page, le copyright avec le nom de l'auteur, l'année de création et de derniére mise à jour, le numéro ISBN, les conditions de diffusion ...
 
Le fond de page

    Le fond de page doit aider la lecture, pas la rendre difficile. De mon point de vue, un site web, c'est fait pour communiquer des informations, pas pour réaliser une oeuvre d'art abstraite et dynamique, n'en déplaise à certains graphistes ...

    A mon sens, il convient d'éviter le blanc trop cru, les dégradés, les papiers peints trop chargés, les météorites qui se promènent et distraient inutilement  l'attention. A proscrire : les pages sombres ou noires avec des lettres claires, presque toujours illisibles ...

    Une couleur légère et uniforme, et on peut passer à l'essentiel : le texte
Le texte

    Le texte sera structuré en paragraphes bien identifiés, pour faciliter la lecture : ne jamais oublier que l'internaute est toujours pressé.

    Les paragraphes seront structurés en alinéas, bien clairs, pas trop longs : l'internaute est paresseux ...

     On choisira une police facile à lire : Times new roman, Arial pour le technique, Courrier new si on veut une fonte fixe. Pas plus de trois fontes, ne pas abuser des gras et des italiques. Le souligné est réservé aux liens hypertextes.

    Le plus simple est toujours le plus efficace. Priorité au fond (le texte), la forme est là pour aider l'internaute à accéder au fond.
Le bas de page

    En bas de page, on placera les références bibliographiques, les liens vers les sites extérieurs et les liens vers les autres pages opérationnelles et organisationnelles du site.

Liens internes

Vers les pages opérationnelles : parcours circulaire
page précédente
 page actuelle
 page suivante
B63 Organisation inter-pages B64 Organisation intra-page B65 Faire une nouvelle page

Vers les pages opérationnelles : parcours arborescent
menu principal
 menu secondaire
A9 Table thématique
 B60-B69 Organisation du site web

Vers les pages organisationnelles :
Page d'accueil
Table thématique
Administrateur du site / Contact