Table des matières

• WWW à l'EPFL, où en est-on?
  • La structure générale du serveur de l'Ecole
  • Les informations générales de l'Ecole
  • Les règles d'édition
• Un peu de technique
  • Qu'est-ce-qu'une bonne page WWW?
  • Netscape ou pas Nescape, faut-il choisir?
  • Internographie

WWW à l'EPFL, où en est-on?

Je vais essayer ici d'en dégager les grandes lignes afin d'aider le web(wo)man qui au fond de son institut se demande peut-être en quoi cela le concerne.

La structure générale du serveur de l'Ecole

et qui sont vues de l'extérieur comme issues de l'institution, ce qui leur procure un caractère officiel. Il est évident que ces informations se trouvent physiquement sur des machines serveurs réparties sur tout le domaine EPFL. Malgré le caractère toile d'araignée lié à la notion même d'hypertexte, il est nécessaire qu'une certaine structure apparaisse à l'utilisateur qui va se connecter à notre serveur. Celle-ci doit lui permettre de retrouver rapidement l'information qu'il recherche. Ceci a conduit le comité éditorial à définir 3 niveaux qui correspondent à une information de plus en plus spécifique et détaillée:

• premier niveau: l'ensemble du serveur vu à partir de sa page d'accueil;
• deuxième niveau: les serveurs de département;
• troisième niveau: les serveurs d'institut ou de service.

A chaque niveau (voir schéma) trois responsabilités sont définies:

• "un éditeur définit le concept de son niveau, organise sa mise en oeuvre et vérifie la qualité (contenu et présentation) des pages rédigées. Il est responsable des pages de son niveau et a droit de regard sur les niveaux inférieurs. Il peut exiger des modifications, voire le retrait d'une page.
  
• des rédacteurs mettent en oeuvre le concept; ils créent et organisent la matière.
• un administrateur garantit l'accès à l'information et gère les droits d'accès".

Au premier niveau, la Direction de l'Ecole est l'éditeur, le chef du projet (Claude Comina) est chargé de la rédaction. Au deuxième niveau, l'éditeur est le chef du Département ou une personne nommée par lui. Au troisième niveau, l'éditeur est le chef d'unité (institut, laboratoire, service) ou une personne nommée par lui. Les rédacteurs et administrateurs travaillent selon les consignes de leur éditeur.

retour à la table des matières

Celles-ci sont le résultat d'un première réflexion. L'évolution rapide des techniques ainsi que de la maîtrise de WWW à l'Ecole devraient amener le comité éditorial à rédiger des mises-à-jour.

retour à la table des matières

champ 1:

un titre, éventuellement une bannière graphique (un logo) (mais pas plus large qu'une page standard donc moins de 472 pixels);

champ 2:

le texte avec sous-titres et images;

champ 3:

éventuellement des petits logos + auteur avec affiliation, + e-mail + date, et éventuellement une indication de copyright.

Il est utile de prévoir des moyens de navigation, surtout si la page n'a pas de lien hypertexte et se trouve en bout de circuit logique (ne pas oublier que la navigation d'un site peut se faire dans tous les sens et qu'on peut arriver par hasard sur une page sans avoir suivi le chemin logique).

retour à la table des matières

Quelques rappels sur les données de départ:

• Netscape occupe aujourd'hui environ 80% du marché des clients WWW. Ce qui explique pourquoi tant de sites utilisent (à tort et à travers parfois) des netscapismes (appelons ainsi les fameuses extensions Netscape) pas toujours bienvenus. C'est une façon de sortir du lot, de frapper l'imagination du client (et là, on ne parle pas seulement de client au sens , mais bien au sens WWW commercial, car il s'agit souvent de marketing sur le Net).

• La norme HTML3 n'est pas encore définie mais nul ne peut nier que certains développements faits par l'équipe de Netscape ont fait évoluer la définition de la norme.

• Les clients autres que Netscape se mettent de plus en plus à supporter certains netscapismes (Mosaic reconnait enfin le fameux <center>, dont on aurait du mal à se passer aujourd'hui, même s'il est sémantiquement incorrect).

Voici donc ce que, IMHO*, on peut raisonnablement faire dans une page HTML, sans pour autant se cantonner à du HTML premier niveau. L'argument principal pour autoriser ou non un netscapisme est d'estimer le comportement de la page à travers un autre client et son impact éventuel sur la clarté ou lisibilité de l'information donnée.

* IMHO In My Humble Opinion

Si l'esperanto ne vous a pas convaincu vous risquez bien de ne pas pouvoir échapper à ce desesperanto qui sévit sur INTERNET, autant commencer à vous y mettre dès aujourd'hui.

Exercice:

FYI,WRT MOTOS & MOTSS: BTW, vous trouverez dans les nombreux FAQ ou les RFC tout ce qui, IMHO, sera valable ASAP. CU.

Solution:

For Your information, With Respect To Members Of The Opposite Sex and Members Of The Same Sex: By The Way, vous trouverez dans les nombreux Frequently Asked Questions ou les Request For Comments tout ce qui, In My Humble Opinion, sera valable As Soon As Possible. SeeYou.

retour à la table des matières

Recommandés

• <CENTER>...</CENTER> reconnu par Netscape et Mosaic. Dans HTML3 le center viendra comme un attribut accompagnant les marques: <P ALIGN=LEFT|CENTER|RIGHT> ou <H? ALIGN=LEFT|CENTER|RIGHT>, mais il n'est pas impossible que la norme HTML3 intègre malgré son caractère hautement hérétique le <center> vu le nombre de pages HTML qui l'utilisent aujourd'hui.
• <HR>, je conseillerais de l'utiliser sans les attributs SIZE WIDTH, etc. qui tiennent plus du gadget. <HR> n`existe pas dans HTML3 mais est reconnu par la plupart des clients.

A ne pas utiliser

• l'horrible <BLINK>,
• les différents jeux sur la taille des caractères <FONT SIZE =...>
• une typographie agressive. Il n'est pas nécessaire d'écrire gros ou de clignoter pour que le message soit lu.

Images

Rappel des outils:

Sur Mac:

Photoshop crée des images au format GIF (COMPUSERVE GIF). clip2gif peut transformer du pict en gif avec les options transparent et entrelacé.

Sous X:

giftrans (existe sur nestor) fait du gif transparent. Le fond de l'image prend alors la couleur de la fenêtre, l'image apparait donc comme beaucoup plus légère. La librairie ppmplus (aussi sur nestor) permet de faire du GIF transparent et entrelacé.

BGCOLOR vs BACKGROUND

retour à la table des matières

• les textes relatifs à la politique d'école en matière de WWW :
  http://www.epfl.ch/informatique/synth_se.html

  les guides techniques mis à jour par le comité technique WWW :
  http://ditwww.epfl.ch/SIC/SA/guides/

• le Web Style Manual (Yale Center for Advanced Instructional Media):
  http://info.med.yale.edu/caim/StyleManual_Top.HTML
• THE BARE BONES GUIDE TO HTML (ce guide décrit de façon détaillée ce qui est spécifique Netscape et ce qui est conforme à HTML3):
  http://www.access.digex.net/~werbach/barebone.html

• l'état d'avancement de la norme HTML3:
  http://www.w3.org/hypertext/WWW/Arena/tour/start

• un point d'entrée pour les développeurs WWW :
  http://WWW.Enterprise.net/stars/Vlib/

A un prochain numéro pour savoir tout sur les tableaux. Je vais proposer au vote, selon la procédure habituelle, la création d'un newsgroup epfl.com.www, pour permettre une discussion que j'imagine animée...

retour à la table des matières

article paru dans le Flash informatique, numéro 7 du 26 septembre 1995