// Mise en forme _____

Les grandes règles à respecter

On doit pouvoir se repérer du premier coup d'oeil

où est-on ? de quoi parle-t-on ? les pages d'un même site doivent donc avoir une homogénéité dans leur présentation.

Une page ne doit pas être trop longue et encore moins trop large

Une page doit représenter la hauteur de 2 écrans au maximum et l'information principale doit être en haut de la page,
car on se lasse vite des défilements d'"ascenseur"

Une page ne doit pas être trop "lourde"

Pour éviter que que l'internaute ne "zappe", la page doit se charger très vite :

• "Avec un délai de réponse d'une seconde l'utilisateur a l'impression d'une navigation sans attente.
• Avec un délai de 10 s et moins, on évite d'interrompre la concentration de l'utilisateur" (Nielsen)

Calcul du temps de téléchargement >

Le "poids" optimal d'une page est de 20-30 Ko.
Il faut inclure dans ce total le poids des images intégrées à la page, mais les images répétées dans le site (logo) se chargeront plus vite dès la 2e page vue, car elles sont conservées dans le "cache" de votre ordinateur, qui n'a pas à effectuer une nouvelle connexion au serveur.

"Nettoyez" le code des pages pour le rendre plus léger et plus lisible, utilisez par ex. HTML-Kit

 

La barre d'état de Dreamweaver vous permet de contrôler le poids de votre page, son temps de téléchargement et son aspect en fonction de dimensions-type d'écran.