Préliminaires - Esthétique - Hyperliens - Images - Tableaux - Conseils divers - Accueil |
L'ESTHETIQUE
Texte et illustrations - Longueur de page - Couleurs - Image d'arrière-plan - Un menu - Des effets
C'est la partie la plus personnelle,
donc la plus délicate pour des conseils.
L'esthétique d'une
page doit être en conformité avec le thème. A partir de
là, tout est possible, mais il y a des écueils à éviter.
Il faut toujours garder à l'esprit que la première impression
du visiteur doit être la bonne : c'est en moins d'une seconde
qu'il décide de rester ou de fuir. En supposant que la page se soit ouverte
rapidement, même en connection bas débit : eh oui, le choc
des mots et le poids des photos, c'est fondamental, je ne vais pas cesser de
le répéter, voyez en particulier la page sur les images.
Une page d'accueil doit contenir
au minimum un titre général, une illustration, et les titres des
chapitres sur lesquels on établit les liens. En cliquant sur ces liens,
on ouvre ce que j'appelle les sous-pages, c'est-à-dire les chapitres.
C'est la base, on peut faire des variantes.
Une page normale doit alterner
du texte et des illustrations. Rien que du texte, c'est fastidieux. Rien que
des images, ça n'apprend rien, à moins qu'il s'agisse d'une galerie
de photos.
Voici par exemple une page équilibrée, très
joli travail d'une étudiante (elle s'appelle Nathalie, et non, vous
n'aurez pas son adresse) :
Il faut équilibrer,
aérer, chercher la légèreté.
On peut disposer
ainsi en largeur une image à gauche et du texte à droite,
soit l'image et son commentaire. En-dessous, on disposera dans l'ordre inverse
pour alterner.
Mais attention : pas de bricolage à vue de
nez en séparant les éléments par des accumulations
d'espaces ! Sinon, c'est la cata assurée ! Car une page web,
c'est élastique, et sur un autre ordinateur, tout va être déformé,
décalé.
Non. Oubliez la touche Espace. Pour disposer
de manière équilibrée, la seule solution valable, c'est
de créer un tableau, à plusieurs cellules. Dans une cellule, on
mettra une image, et dans la cellule voisine on placera le texte correspondant.
Voyez la page sur les tableaux. Et voyez aussi les pages sur les images :
pour mes démonstrations, j'ai systématiquement placé mes
images dans des tableaux, dont j'ai laissé la bordure visible (mais on
peut la rendre invisible).
Faire défiler un long document, c'est fastidieux. Mieux vaut découper sa page en plusieurs morceaux, et permettre la navigation par un bouton Suite. C'est ce que j'ai fait ici pour ne pas trop contraindre vos cerveaux fatigués. On considère généralement qu'une page ne doit pas faire plus que deux fois l'écran. Si on doit garder une page longue, on établit des signets, voyez les explications dans la page sur les liens.