Agencement de la page.
Elle aboutit généralement à la création de modèles de pages (en anglais templates), servant de gabarits pour la création du site web. Les templates sont des images, créées sous forme de calques, ou bien des pages web représentant le squelette graphique d'une page type.
La structure traditionnelle d'une page web est la suivante :
- un logo situé en haut à gauche. La plupart du temps le logo est cliquable et mène à la page d'accueil ;
- une zone de navigation (menu), située à gauche et/ou à droite ;
- un en-tête contenant le nom du site, un bandeau de navigation et une zone prévue pour une bannière (publicitaire ou non) ;
- un corps de page, contenant l'essentiel de l'information ;
- un pied de page regroupant des informations utiles telles que la date de mise à jour, un lien vers un formulaire de contact, un plan d'accès, etc.
Il est essentiel de distinguer dans le template ce qui relève d'éléments invariables, identiques sur toutes les pages, ou bien variables d'une page à l'autre.
Position des informations
Lors de la création des pages, la position des information a son importance. Etant donné le sens de lecture des informations (en diagonale du coin supérieur gauche au coin inférieur droit), l'information située en haut de page aura plus de chances d'être lue par les internautes.Dimension des pages
La taille de la page web dépend essentiellement de la définition d'affichage (le terme résolution est utilisée à tort) des internautes.
En terme de largeur, l'idéal est d'opter pour une valeur inférieure à la définition horizontale de la majorité des visiteurs, afin de ne pas les contraindre à faire défiler l'écran avec l'ascenceur horizontal. Une page courte permet en effet au visiteur de survoler facilement l'information pour repérer les éléments qui l'intéressent.
Concernant la longueur, il est souhaitable de ne pas dépasser trois à cinq hauteurs d'écran. En effet, les pages trop longues risquent de ne pas être lues en entier et sont plus longues à charger.
Pour garantir un affichage optimal pour la majeure partie des visiteurs il existe plusieurs stratégies :
- Choisir la plus petite largeur supportée par le plus grand nombre (entre 600 et 800 pixels de largeur par exemple) ;
- Choisir une page comportant des tableaux invisibles de largeurs variables (définies en pourcentages) ;
- Détecter la résolution des visiteurs à l'aide d'un script (en javascript par exemple), et rediriger le visiteur vers une page de la bonne largeur. Cette méthode nécessite que les visiteurs aient un navigateur avec le Javascript activé et demande de créer autant de pages que de largeurs souhaitées .