L'aspect visuel du site
devra être homogène. Pour cela, on rédige
une charte graphique, c'est à dire qu'on définit
une mise en page à respecter sur l'ensemble du site.
Pour l'aspect graphique,
on peut s'inspirer d'autres sites ou des modèles fournis
par les logiciels de création de sites web, ainsi que
de la mise en page de certains magasines ou d'affiches publicitaires.
Quelques règles
de mise en page sont à respecter :
L'œil parcourt les pages en diagonal,
du coin supérieur gauche au coin inférieur
droit. Les éléments importants de la page
sont à placer sur cet axe.
On évitera que l'internaute
ait à utiliser sa barre de défilement horizontale.
L'affichage le plus répandu étant le 800x600,
on utilisera un tableau de largeur maximale 770 pixels pour
délimiter le site en largeur.
En ce qui concerne la longueur de
la page, il est recommandé de ne pas dépasser
3 fois la hauteur d'écran. Les informations importantes
sont à placer en haut des pages : certains internautes
n'utilisent pas le défilement vertical !
Pour faciliter la lecture, les lignes ne
doivent pas contenir plus d'une dizaine de mots, sinon l'œil
perd le fil de la lecture. Cela conduit souvent à
utiliser des colonnes pour les textes.
Pour des raisons esthétiques,
se limiter à 3 polices. Préférer les
polices sans empattement qui sont plus lisibles sur un écran
(ceci est un
exemple de police avec empattement). Arial
et Verdana sont des bons choix. N'utiliser que des polices
courantes qui seront disponibles chez l'internaute. Si une
police exotique doit être employée (pour un
titre par exemple) le mieux est d'utiliser un logiciel de
retouche d'images pour transformer le texte en une image
que l'on insérera dans la page.
Le choix des couleurs du site ne se fait
pas uniquement sur des critères esthétiques.
Les couleurs sont chargées de symboles et elles contribuent
à donner du sens au site.
Le graphisme doit mettre en valeur le contenu,
éviter tout ce qui peut détourner l'attention
du visiteur (et qui pourtant fait la joie des élèves :
couleurs criardes, animations tapageuses, fonds d'écran
surchargés, titres envahissants, etc.)
Activités
Chercher
Rechercher des sites dont on pourrait s'inspirer de l'aspect
graphique.
