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.

Du texte et des illustrations

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).

Une page pas trop longue

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.