Comment bien composer une page pour le système WWW de l'UCL

Sommaire

1. Nouveautés dans cette page
   
2. Que lire sur WWW en général ? (se situer)
   
3. Quel style adopter ?
   
4. Que lire sur le langage HTML ?
   • le RFC
   • en français
   • en anglais
5. Que lire sur les éditeurs et convertisseurs HTML ?
   
6. Que lire sur le traitement des images en WWW ?
7. Où s'inspirer ? (les pages des autres)
   
8. Questions posées en vrac... (par des membres de l'UCL)
   

25 juin 1996

Référence française sur l'éthiquette

Référence au Web designer

1 juin 1996

Ajout d'une référence française sur HTML
Questions à choix multiple sur le Web
Y a-t-il une bonne méthode pour interroger les index ?

16 janvier 1996

Ajout d'une référence française sur HTML
Ajout du chapitre sur les images

19 décembre 1995

Ajout d'un pointeur vers le RFC qui définit HTML 2.0 dans le chapitre "Que lire sur HTML".

L'Introduction au World Wide Web par Fr. Dagorn et Cl. Gross.

50 p. 1994.
Une très bonne initiation française. Il en existe aussi une version Postscript.
Table des matières succincte:
les Uniform Ressource Locator (URL), l'Hypertext Markup Language (HTML), l'Hypertext Transfer Protocol (HTTP), les logiciels, l'exécution de programmes externes, la création d'un serveur WWW.

World Wide Web Initiative: the Project, par Tim Berners-Lee, l'auteur du système.

1995.
On est ici à la source du WWW. Ce pointeur est l'un des plus importants pour ceux qui veulent approfondir le produit.
Table des matières succincte:
The World Wide Web Consortium. News and Updates. Specifications and Development Areas. Web Software Overview. Catalogues of Web software and tools. Other References.

The Web designer, par N. Laviolette.

1966
Une superbe synthèse qui reprend tant le WWW en général, que les problèmes de styles, les éditeurs, les graphiques etc. en se référant très souvent aux sites dans lesquels le sujet est bien traité.

3. Quel style adopter ?

Ligne de conduite du pourvoyeur d'information

Une texte anglais d'Arlene Rinaldi, The Net: User Guidelines and Netiquette, a été traduit en français par Serge Chaumette

Le Style Guide for online hypertext par Tim Berners-Lee.

C'est la voix du maître.
Table des matières succincte:
Etiquette for a server administrators. Overall structure of a work . Structure for the reader (Trees, Document size, To refer or to copy). Within each document (Sign it! , Give its status, Give links into context, A good title, Don't format for a particular browser, think about printing it, keep it readable, don't mention the mechanics. Test your document. Background reading. Reader comments

Composing "Good" HTML

A style guide by Eric Tilton, discussing common errors and good practices for the creation of HTML documents. The Willamette Web managers swear by this document, and so will you ;-).

Le RFC 1866 (HTML - Hypertext Markup Language - 2.0) sur HTML 2.0 par T. Berners-Lee et D. Connolly.

1955
Attention, il fait plus de 70 pages. A ce jour, c'est la seule publication officielle au sens de l'Internet. La version 3 est en l'état de brouillon (draft) et rien ne garantit qu'elle paraîtra jamais. Donc, il faut, aujourd'hui, considérer le RFC 1866 comme la seule référence connue et se méfier de certaines facilités propriétaires (non normalisées, donc) prônées par les auteurs de certains clients WWW.
Résumé:
The Hypertext Markup Language (HTML) is a simple markup language used to create hypertext documents that are platform independent. HTML documents are SGML documents with generic semantics that are appropriate for representing information from a wide range of domains. HTML markup can represent hypertext news, mail, documentation, and hypermedia; menus of options; database query results; simple structured documents with in-lined graphics; and hypertext views of existing bodies of information.

Introduction à la création de documents pour le World Wide Web par Oscar Figueiredo.

1996
Sommaire: 1 World Wide Web : une Porte sur Internet
2 Les Principes de Fonctionnement (Le Modèle Client-Serveur, Documents,ypermedia, URL : Uniform Resource Locator )
3 Le Protocole HTTP (Description, Le Serveur HTTP)
4 Généralités sur le Langage HTML (HTML et SGML, Les Versions de HTML, HTML en Pratique, Les Entités, Les Etiquettes (Tags), Les Commentaires)
5 HTML en Détail (Structure Générale du Document, Tête de Document (), Corps du Document (), Eléments Structurels, Listes, Eléments de Formatage de Texte Courant, Ancres Hypertexte, Formulaires de Saisie, Tableaux (HTML 3.0), Figures et Cartes Cliquables Côté Serveur (HTML 3.0),...
6 L'avenir du World Wide Web
Annexes: Le Jeu de Caractères et Entités HTML, Exemples Concrets, Références Bibliographiques

Le Cours sur HTML par une équipe du Conservatoire National des Arts et Métiers, Paris.

1995.
L'auteur essaye de rendre l'apprentissage dynamique. "Ce cours porte sur la réalisation des pages du serveur " [WWW]
Table des matières succincte:
architecture; premiers pas, comment mettre des caractères composés ?; toujours regarder ce qu'ont fait les autres; les trois types de navigation; cas particuliers.

Un manuel illustré de programmation en HTML pour usage avec Netscape par Daniel J. Boivin et Laurent Gauthier du Département de génie rural de l'Université Laval

1995
Les auteurs abordent les commandes de HTML v3 en avertissant bien le lecteur des risques d'un tel usage.
Table des matières:
Introduction. Historique.Pages HTML. Formatage du texte. Listes et définitions. Images.Lignes horizontales. Pointeurs. Courrier. Formulaires. Images référencées. Trames sonores et vidéo. Tableaux. Fonds d'écran. Conversion de textes et tableaux existants en HTML. Autres commandes. Suggestions. Conclusion. Références bibliographiques. Annexes. Index

Beginner's Guide to HTML par une équipe du National Center for Supercomputing.

42K
Un bon point de départ fait à NCSA, les développeurs du client Mosaic
Table des matières:
Acronym Expansion. What This Primer Doesn't Cover. Creating HTML Documents. The Minimal HTML Document. Basic Markup Tags. Titles (headings, paragraphs). Linking to Other Documents. Relative Links Versus Absolute Pathnames. Uniform Resource Locator. etc

Quick Reference to HTML produit par Michael Grobe de l'université du Kansas.

1955
This document presents a concise reference guide to Level 1 of HTML, listing almost all of the Level 1 elements, and giving a brief description of those elements.
Users should be aware that HTML is an evolving language, and different World-Wide Web browsers may recognize slightly different sets of HTML elements.

HTML Documents: A Mosaic Tutorial par W. Dennis Horn du Clarkson's Technical Communication Department

1994
Malgré le contexte d'un client Mosaic, ce texte reste d'usage général.
This tutorial will show you how to create and display Mosaic screens like the one you are now reading. Such screens are composed as ordinary ASCII text files, containing markup characters of the Hypertext Markup Language (HTML). Once composed these text files are saved with an .html extension.

HTML Documentation Table of Contents par Ian Graham de l'Université de Toronto.

1996
L'auteur a publié un livre (papier) sur le même sujet: The HTML Sourcebook, publié par John Wiley and Sons, ISBN 0-471-11849-4
Sommaire de son document WWW:
1. Introduction to this Document. 2. Introduction to HTML. 3. HEAD of an HTML Document. 4. BODY of an HTML Document. 5. Uniform Resource Locator (URL). 6. Interaction with Server (with examples). 7. Miscellaneous. 8. Stepping up to HTML+. 9. Bibliography.
Sa bibliographie vaut le détour.

5. Que lire sur les éditeurs et convertisseurs HTML ?

6. Que lire sur le traitement des images?

Cela dit, on peut en user modérément, surtout quand elles apportent quelque chose que le texte seul rend difficilement. Un site canadien de la société Amazones Infographie donne de très bons conseils sur les différents formats de fichier, les problèmes de transparence, la résolution, la tonalité et les palettes, les couleurs et les motifs, les cartes et images clicables, la programmation HTML liée aux images, les trucs et effets spéciaux.

Un autre site, Concepts Franc Nord, s'attaque résolument au "design graphique dans le mode des nouvelles technologies de l'information", spécialement sur le WWW.

On trouvera également des chapitres intéressants sur le sujet dans toutes les références citées plus haut à propos du langage HTML.

7. Où s'inspirer ?

Pour créer de bonnes pages, il faut s'inspirer des bonnes et des moins bonnes créées par les autres. Nul n'étant prophète dans son pays, on omettra de se référer à des pages UCL. Voici quelques exemples de "bonnes pages":

• Le document de Tim Berners-Lee, l'inventeur du WWW, cité plus haut Style Guide for online hypertext
• Présentation d'un laboratoire de recherche aux States
• La visite électronique d'une librairie londonienne
• L'introduction au WWW de l'université Carnegie Mellon
• Hit parade des meilleures pages... comme dans la chanson.

Mais comment s'y retrouver dans cette toile d'araignée ("web" en anglais) où l'on s'empêtre parfois. Vous n'êtes pas le premier à rencontrer ce problème. Comme pour visiter Bruxelles, il existe plusieurs guides, chacun apportant son point de vue, de même, sur l'Internet, des institutions ou des individus ont assumé la mission de guidance. Voici quelques pointeurs qui pourraient vous aider à retrouver des [bonnes] pages dans votre domaine.

W3.org

W3 reprend le travail initié par le CERN et produit la Word Wide Library, un index hiérarchique.
Début des grandes catégories:
Aboriginal Studies. Aeronautics and Aeronautical Engineering. African Studies. Agriculture. Animal health, wellbeing, and rights. Anthropology. Applied Linguistics. Archaeology. Architecture. Art. Asian Studies. ...

Lycos

Un système de recherche mis au point par l'Université Carnegie Mellon qui permet de retrouver [une page sur] un serveur WWW, Gopher ou FTP à partir d'un mot. La technique utilisée essaye de produire des résultats pertinents. C'est le pointeur (URL) du document WWW dans laquelle le mot en question est cité le plus qui est d'abord affiché.

Global Network Navigator

GNN produit le Whole Internet Catalog qui comme ils le disent d'eux-mêmes "is your best source of information about Internet resources".
Contrairement à Lycos, il s'agit ici encore de catalogues hiérarchiques.

Yahoo

Yet Another Hierarchical Official Oracle - est un (autre) index hiérarchique du World Wide Web. Yahoo a reçu le prix 1995 GNN Best of the Net Winners pour la navigation en catégorie professionnelle

8. Questions posées en vrac...FAQ

Le nombre de questions qu'on a déjà posées à propos de WWW est impressionnante. En interrogeant les archives des News de la KUL sur le mot "www" ont reçoit plus de 60 URL de listes de discussions où on parle de "WWW".
Si l'on pointe sur la FAQ la plus générale, rien que la table des matières fait 6 écrans. On ne donnera donc ici que des réponses à des questions posées par des membres de l'UCL.

Sommaire
Q1 Que signifient les commandes address et mailto ?
Q2 Peut-on faire des questions à choix multiple en WWW ?
Q3Y a-t-il une bonne méthode pour trouver ce que l'on cherche ?

Q 1. Que signifient les commandes address et mailto dans la page canevas de l'UCL

L'élément address contient des informations telles que l'adresse, le nom... et est souvent situé à la fin du corps ("body") du document. Il est souvent affiché [par le client] en italique. Exemple:

<address>
Editeur responsable<br>
J.P.Martin<br>
rue des Cigognes 28<br>
1348 LLN<br>
</address>

L'adresse peut comprendre un URL [pointeur]Mailto:. L'URL Mailto: permet de câbler au destinataire désigné. Le format :

mailto:local_part@domain
Exemple: mailto:martin@xxx.ucl.ac.be

où local_part identifie l'utilisateur à qui on souhaite écrire et domain le nom de l'entité dont il dépend. Exemple avec inclusion de l'URL "mailto":

<address>
Editeur responsable<br>
<a HREF=mailto:martin@xxx.ucl.ac.be> J.P.Martin </a><br>
rue des Cigognes 28<br>
1348 LLN<br>
</address>

Note
L'URL "Mailto" n'est pas reconnue par tous les clients WWW. En particulier, le client Mosaic (jusqu'à et y compris la version 2.4) ne la connaît pas, mais son support est annoncé pour les autres versions.

Q2. Peut-on faire des questions à choix multiple sur le Web ?

Oui. Voir le résumé du modèle du Prof. Holtz.

Q3. Y a-t-il une bonne méthode pour interroger les index ?

Les index généraux du Web, comme Alta Vista ou Yahoo, donnent parfois des résultats surprenants. Un texte de Stéphane Bortzmeyer raconte avec humour et perspicacité ses succès et ses erreurs dans la jungle des index. A lire pour se détendre.

Plus sérieux, peut-être, un Guide d'initiation à la recherche sur Internet, vient d'être édité par des membres de 4 universités canadiennes francophones. Je donne l'URL des 4 sites où il est disponible (au choix):Univ. du Québec; Univ. Laval; Univ. Montréal; Univ. du Québec à Montréal. Il vaut mieux s'y prendre le matin, mais c'est le bon manuel pour surfer intelligemment sur l'Internet. Si le temps de réponse est inacceptable, une copie est accessible à Louvain-la-Neuve.

Page : UCL | Pointeurs utiles.