Pages web STAF:
conception et réalisation
Conception générale
A la base de mes pages web STAF (y.c. les pages home et travaux), on trouve quelques principes généraux de "user-interface design":
- Toutes les pages doivent présenter une certaine cohérence, aussi bien visuellement qu'en niveau de leur fonctionnement.
- La navigation doit être aisée, afin que l'utilisateur puisse accéder rapidement à n'importe quelle page;
- Chaque page doit contenir des information indiquant à l'utilisateur où il se trouve et où il peut aller.
A ces règles générales s'ajoutent quelques choix plus personnels:
- Seuls des tags HTML "simples" ont été utilisés. Le fait de ne pas recourir aux possibilités plus sophistiquées offertes par certains tags (comme p. ex. les images animées ou les applets Java) présente plusieurs avantages. D'une part, cela permet de garantir que les pages pourront être visualisées sans problème sur tous les browsers qui reconnaissent le standard HTML 3.2, de même que sur des ordinateurs à la puissance de calcul limitée. D'autre part, l'espace mémoire qu'occupent les pages ainsi réalisées reste dans des limites raisonnables, de sorte qu'une consultation rapide est possible même avec une connexion "lente" à Internet (p. ex. avec un modem à 9600 bauds).
- Les frames n'ont pas utilisés.
- En raison principalement du temps limité disponible pour la réalisation des pages, leur agencement graphique est resté assez simple.
Mise en oeuvre
Les principes décrits ce-dessus se traduisent de la façon suivante dans les pages web réalisées (on notera que la page "Home" est considérée comme page d'entrée, et qu'à ce titre, sa conception s'écarte de certaines de ces règles):
- Le corps de chaque page est encadré par deux règles horizontales, et précédé d'un titre toujours formaté en Heading de niveau 1.
- En haut et en bas de chaque page, on trouve sur la gauche une barre de navigation simple, qui permet à l'utilisateur de revenir à la home page, et - pour les exercices - à la page travaux.
- En haut à droite des pages exercices, on trouve la mention du module concerné, par exemple "STAF 14" pour cette page. En bas à droite, on trouve les initiales "JM" et la date de réalisation.
Tous ces éléments contribuent à donner aux pages un aspect similaire, et donc une certaine cohérence, tout en facilitant l'orientation et la navigation.
Remarques
Le logiciel utilisé pour réaliser les pages est HomeSite, un éditeur HTML non-WYSIWIG mais très puissant.
Les versions originales des pages webs "home" et "travaux" auxquelles se réfère le texte qui précède sont les suivantes: home page, page travaux (les versions actuelles, accessibles à partir des pages STAF, peuvent avoir subi des modifications depuis la rédaction de ce texte).
Le lecteur/surfeur intéressé est également invité à aller visiter le site web edutech, qui met en oeuvre des principes semblables, mais à une plus grande échelle.