| La gen�se du HTML |
 |
Fallait-il cr�er pour le web un nouveau langage de description de pages, alors qu'il y en existe d�j� tant ? Tous les logiciels qui manipulent du texte d'une mani�re ou d'une autre en utilise un : traitements de texte (ex. : OpenOffice Writer, Microsoft Word, etc.), logiciels de mise en page [ou PAO pour publication assistée par ordinateur] (ex. : QuarkXPress, Indesign ou PageMaker de Microsoft), tableurs (ex. : Calc de OpenOffice, Excel de Microsoft), int�gr�s (ex. : Works), etc. Les formats d'�change entre plates-formes (ex. : RTF, PDF), ceux destin�s aux imageuses et aux imprimantes (PostScript, PCL), ainsi que le SGML, en font partie.
|
 |
| |
Tim Berners-Lee, le p�re du web et du HTML, avait de bonnes raisons. Il lui fallait faire :
|
|
| |
 |
 |
simple, de telle sorte que n'importe qui — ou presque — puisse r�diger facilement une page web ;
|
|
|
l�ger, parce qu'Internet �tait un petit tuyau lorsque le web s'est d�velopp� il y a une vingtaine d'ann�es (la situation ne s'est gu�re am�lior�e depuis) ;
|
|
|
ouvert, en �vitant les langages de description de page qui sont la propri�t� des �diteurs, � cause des probl�mes que soul�vent la conclusion d'accords de licence, et le payement des droits d'usage correspondants.
|
|
|
| |
Certes, les possibilités de mise en page et de typographie permises par le HTML apparaissent comme limitées compar�es � ce que fournissent des logiciels tels que ceux désignés ci-dessus (voir PAO).
Cependant, plus un langage de description de page est perfectionn�, plus la taille du fichier qu'il cr�e est �lev�e. Il n'y a pas de miracle : seuls les fichiers g�n�r�s par un langage de description de page aussi simple que le HTML sont assez l�gers pour �tre facilement v�hicul�s sur Internet. En contrepartie, il ne faut pas s'attendre � trouver sur le web toutes les possibilit�s qui sont offertes par la PAO en mati�re de typographie. La typographie du web ne peut offrir que des possibilit�s limit�es.
|
|
| |
La solution de remplacement consistant � cr�er du texte avec un bon logiciel de mise en page, puis � le transformer en image avant de le transmettre � l'internaute, est impraticable parce que la taille du fichier correspondant est trop forte (voir ci-dessous). Seuls de petits fragments de texte (titre, �l�ment de navigation, lettrine) peuvent �tre trait�s comme des images au format GIF (le mode de compression du format JPEG n'est pas adapt� au texte).
|
|
|
|
| Performances compar�es du HTML et des autres formats |
 |
On se rend compte des performances du HTML en mati�re de taille du fichier en enregistrant la m�me page web sous diff�rents formats. Nous avons pour cela utilis� le texte que nous avons écrit dans le chapitre relatif à la typographie en général, plus particulièrement celle qui traite des capitales, majuscules et accents. Les r�sultats comparatifs figurent dans le tableau ci-dessous.
|
 |
| |
| Type de fichier |
Nom |
Poids |
Remarques |
| HTML 4 |
test.htm
|
40,6 Ko |
fichier d'origine |
| ASCII |
|
16,7 Ko |
plus de liens, plus d'images,
ni de mise en page |
| HTML 4 |
conseils_de_typographie.html
|
38,5 Ko |
fichier d'origine |
| ASCII |
|
15,8 Ko |
plus de liens, plus d'images,
ni de mise en page |
| WORD 2003 |
|
651,2 Ko |
dont logo de 2,6 Ko |
| RTF |
|
7873,3 Ko |
dont logo de 2,6 Ko |
| PDF |
|
625,7 Ko |
dont logo de 2,6 Ko |
| GIF |
|
54,8 Ko |
pour une page sur les 14,
plus de liens |
| XML |
conseils_de_typographie.xml
|
619,7 Ko |
dont logo de 2,6 Ko,
plus de liens |
Tableau : taille du fichier d'une page web (avec images et logos) enregistr�e sous diff�rents formats
|
|
| |
Mais ce texte contenait beaucoup d'images et logos... Évitons donc cet afflux d'illustrations et reprenant un des chapitres de comptabilité que nous avons écrit dans le chapitre relatif aux comptes de liaison belges. Les r�sultats comparatifs figurent dans le tableau ci-dessous.
|
| |
| Type de fichier |
Nom |
Poids |
Remarques |
| HTML 4 |
cpteliaison_test.html
|
10,7 Ko |
fichier d'origine |
| ASCII |
|
5,8 Ko |
plus de liens, plus d'images,
ni de mise en page |
| WORD 2003 |
|
54,8 Ko |
dont logo de 2,6 Ko |
| RTF |
|
83,5 Ko |
dont logo de 2,6 Ko |
| PDF |
|
141,2 Ko |
dont logo de 2,6 Ko |
| GIF |
|
0,0 Ko |
dont logo de 2,6 Ko
plus de liens |
| XML |
cpteliaison_test.xml
|
66,0 Ko |
dont logo de 2,6 Ko,
plus de liens |
Tableau : taille du fichier d'une page web (sans images et logos) enregistr�e sous diff�rents formats
|
|
| |
| |
 |
|
le fichier Word.
Le logiciel Word de Microsoft doit �tre pr�sent sur la machine. Si vous utilisez Internet Explorer, le fichier s'affichera dans la fen�tre du navigateur. Si vous utilisez Navigator, le fichier s'affichera dans Word (PC), ou sera d�charg� sur le disque (Mac) et vous devrez l'introduire vous-m�me dans Word ;
|
|
|
le fichier RTF.
Un fichier RTF est affichable dans n'importe quel traitement de texte, ou presque. Le navigateur se servira de celui qui se trouve sur votre machine ;
|
|
|
le fichier PDF.
Sa lecture s'effectue dans la fen�tre du navigateur, mais il faut que le module externe (plug-in) "Acrobat Reader" soit install�. Vous pouvez le t�l�charger gratuitement sur le site de l'�diteur Adobe, en cliquant sur l'image situ�e � droite ; on reparlera de ce format PDF dans notre chapitre 5 (ici)
|
|
|
le fichier SWF.
Sa lecture s'effectue dans la fen�tre du navigateur, mais il faut que le module externe "Flash Player" soit install� (il l'est par d�faut dans les versions r�centes de tous les navigateurs). On en reparlera dans le chapitre relatif au Flash (chap.6, ici).
|
|
|
| |
Remarque : les utilisateurs d'Internet Explorer version 6 risquent fort d'avoir une surprise en visualisant ci-dessus. Le r�sultat parait tr�s mauvais, parce que le navigateur adapte la taille de l'image � celle de la fen�tre. Le rem�de consiste � placer le curseur sur l'image, et � cliquer sur l'ic�ne qui s'affiche, laquelle poss�de l'allure ci-contre. L'image gif s'affiche alors avec sa taille r�elle, et le texte devient lisible.
|
|
| |
Comment opérer des conversions d'un fichier HTML initial :
|
|
| |
 |
 |
d'un fichier HTML vers un fichier ASCII.
Par copier-coller, de votre �diteur de pages web Wysiwyg (DreamWeaver, OpenOffice, Amaya) ou de votre navigateur (Safari, Internet Explorer, Mozilla Firefox) vers le bloc-notes de Windows, on obtient un fichier texte compl�tement d�barrass� des balises HTML. Bien entendu, la typographie, la mise en page, et les liens, sont tous perdus. Pour que le texte soit lisible, il faut le retravailler.
En �ditant le fichier source, on constate qu'il n'y a effectivement plus de balises -- ce qui n'emp�che pas le navigateur d'afficher la page. D'une mani�re g�n�rale, les navigateurs affichent tout texte ASCII qu'ils rencontrent, pourvu qu'il ne comporte pas de caract�res < et >.
Dans tous les cas, la taille du fichier ASCII, extension .txt, diminue de 50 à 65 % par rapport au texte HTML d'origine. Notre fichier 'test.htm' est passé de 40,6 Ko à 16,7 Ko, n'oublions pas qu'un fichier HTML n'enregistre pas les images mais retient leur adresse ;
|
|
|
d'un fichier HTML vers un fichier Word.
En ouvrant la page web dans Word ou tout autre traitement de texte, et en l'enregistrant dans le format natif de ce traitement de texte, on obtient un r�sultat assez m�diocre qui demandera un sérieux travail de mise en page, (cf. les fichiers Word ci-dessus).
La taille du fichier obtenu est telle, compar�e � celle du fichier HTML de d�part (de 5 à 25 fois plus volumineux, selon les images présentes), que l'on comprend pourquoi il est tr�s rare de trouver des fichiers Word dans les sites web. Ces fichiers sont par contre de plus en plus fr�quents sur les intranets, parce que le d�bit des r�seaux locaux le permet, et que l'on peut s'assurer que chaque utilisateur poss�de un exemplaire de Word ;
|
|
|
du fichier Word vers le fichier RTF.
Par enregistrement, dans Word ou dans OpenOffice Writer, du fichier ".doc" au format ".rtf" ;
|
|
|
du fichier HTML vers le fichier PDF. Par utilisation du logiciel OpenOffice, vous pouvez transformer la page web initiale en un fichier PDF aussi simple, et donc aussi l�ger, que possible ; cependant, si le gestionnaire du site a pr�vu une CSS sp�ciale qui n'affiche plus, � l'impression, que le logo de la soci�t� et le contenu textuel sans autres fioritures... La solution : HTML2PDF. Une fois sur le site, il suffit d'indiquer l'url de la page que vous souhaitez 'p�d�effer' (pour reprendre un terme...). Quelques secondes suffisent pour obtenir une version t�l�chargeable au format PDF. Si, d'aventure, la page est trop longue, elle sera divis�e automatiquement en plusieurs pages qui appara�tront sous formes de vignettes, sans r�elle intelligence dans les coupures effectu�es.
|
|
|
du fichier PDF vers le fichier GIF.
Le fichier PDF pr�c�dent a �t� ouvert dans Gimp, logiciel libre, converti en image matricielle (pixellisation), puis enregistr� au format GIF (avec codage de la couleur sur 6 bits)... Cette opération ne peut se faire que page par page, or notre fichier PDF comptait 14 pages. La m�me image enregistr�e au format JPEG p�serait environ deux fois plus lourd, m�me compress�e au maximum (qualit� la plus basse). On peut �galement afficher le fichier HTML dans un navigateur, effectuer une copie d'�cran, r�cup�rer l'image dans Photoshop, la recadrer, et l'enregistrer au format GIF. La taille du fichier gif est si grande, compar�e � celle du fichier HTML de d�part, que l'on comprend pourquoi on ne peut transformer en image que de petits blocs de texte ;
|
|
|
du fichier HTML vers le fichier Flash.
On peut copier-coller du texte de FrontPage vers Flash, mais sous forme ASCII seulement. De ce fait, la typographie, la mise en page, et les liens hypertextes, sont tous perdus. Nous n'avons pas r�tabli les liens, qui ne sont faciles � cr�er que sous forme de boutons.
|
|
|
|
|