World Wide Web et le langage HTML

Eléments de style pour la publication électronique

Taille

Gardez vos documents les plus petits possibles. Pensez au temps de chargement pour les modems les plus lents.

Consistance

Gardez une certaine consistance entre toutes les pages d'un site WWW en adoptant un fichier modèle de base qui sera utilisé pour toutes les pages HTML

Indépendance par rapport au navigateur

Les documents HTML ne contiennent aucune information relative aux polices et espacement ce qui lui permettra d'être correctement rendu quelle que soit la plate-forme, même un simple terminal.

Utilisez les listes et les headers tels qu'ils ont été pensés.

Utilisez les headers dans l'ordre sans sauter de numéro même si un numéro précis ne vous plait pas.

Ne bourrez pas votre texte de caractères blancs

Ne placez pas de phrase du type “cliquez ici” puisque l'utilisateur n'a pas nécessairement une souris

Il est important que votre document soit bien rendu quelque soit le programme client.

Lisibilité

Pour l'utilisateur

Les consignes d'application pour tout média, phrases concises, orthographe sont bien entendu d'application sur le net.

Evitez les termes vagues du style “ici” pour définir un lien.

Essayez que les hyperliens fassent partie d'une phrase complète de manière à ce que l'utilisateur comprenne bien le sens de ce lien.

Même si vos pages ont été créées dans un certain ordre, il faut toujours se rappeler que les utilisateurs les liront dans n'importe quel ordre. Evitez donc au début d'une page, toute référence à d'autres pages du style “donc”, “point suivant” etc.

Pour les créateurs

Le code de vos documents HTML doit être lisible pour ceux qui en assurent la maintenance. Indentez le code pour en augmenter la lisibilité. N'hésitez pas à utiliser les commentaires pour scinder des blocs d'information ou pour rappeler en en-tête du document les coordonnées du créateur, la date de création etc.

Relocation

Evitez de déplacer une page une fois qu'elle a été publiée électroniquement car beaucoup d'utilisateurs l'auront déjà consignée dans leur “hot list”

Date et Signature

Toute page HTML doit comporter une signature de façon à ce qu'on puisse contacter son auteur. Une date est également recommandée pour pouvoir juger de la fraîcheur de l'information.

A part le tag <ADDRESS>, une convention est de créer un lien de type “made” dans le header du document.

<HEAD>
<TITLE>Mon titre</TITLE>
<LINK REV="made" HREF="mailto:auteur@site.be">
</HEAD>

Les fichiers images

GIF

GIF signifie General Interchange Format, un standard de fichier image imaginé par Compuserve.

Il en existe des variantes 87 et 89. Le format 87 est plus répandu et préférable. Les images GIF sont limitées à 256 couleurs et sont comprimées ce qui les rend idéales pour des transmissions modem ou réseau.

Les images GIF sont sauvées normalement ou de manière entrelacée, des lignes séparées de manière équidistante sont stockées ensemble La majorité des navigateurs reconnaissent ces deux formats.

Le navigateur Netsacpe qui décode les images incrémentalement pendant le chargement du texte est capable d'exploiter avantageusement les images entrelacées en procurant un effet de fondu, de volet vénitien qui laisse apparaître progressivement la totalité de l'image au lieu de n'en dévoiler que les premières lignes.

JPEG

Pour des images de qualité photographique, le format JPEG a de nombreux avantages sur le format GIF. JPEG désigne le format Joint Photographic/picture ? Expert Group. Il supporte 16 millions de couleur et supporte un taux de compression variable qui permet de doser proprement le quotient qualité d'image/temps de chargement. GIF fait une compression de type “losless” sans perte d'informations alors que JPEG recourt à la compression “lossy” où vous pouvez perdre une partie de l'information de l'image au moment de sa compression. Même un taux de compression de 130:1 donne encore des images d'excellente qualité.

Il est très courant de trouver une petite image GIF qui sert d'hyperlien vers une image JPEG de grande taille et de meilleure qualité pour un téléchargement ultérieur.

Taille d'image

Pour le confort des utilisateurs Netscape, il est intéressant de profiter d'une extension à la commande IMG
de type <IMG SRC="foo.gif" WIDTH=xxx HEIGHT=yyy>

Cela permet à Netsacpe de connaître à l'avance la taille de l'image à télécharger, de créer un espace réservé à cette image et de continuer l'affichage simultané du texte venant après l'image.

Erreurs classiques

le slash manquant

Il est possible de faire une requête sur un directory d'un serveur HTTP. Le serveur pointera automatiquement sur le document index.html à condition que votre adresse URL http://www.site.org/directory/ se termine bien par un slash final.

Liens inutiles

Evitez les liens trop nombreux ou illogiques. Un être humain moyen s'égare dans le cyberspace après avoir surfé sur plus de sept hyperliens.

Style Physique et Logique

Imposer des styles gras, italique ou souligné, c'est imposer de la part d'un auteur HTML sa conception du document final. Si un navigateur ne sait pas rendre les caractères italiques, il pourra par contre rendre à sa manière des styles logiques comme l'emphase, la citation,

Ecrivez <EM> ou <CITE> au lieu de <I>

et <STRONG> plutôt que <B>


Page précédente - Page suivante

Retour à la table des matières

E-Mail WebMaster

Dernière modification de cette page : 18 novembre 1996