Un manuel illustré de programmation en HTML

1 Daniel J. Boivinet Laurent Gauthier Toute reproduction est interditesans le consentement des manuel illustr de programmation en HTML pour usage avec NetscapeDaniel J. Boivin et Laurent GauthierD partement de g nie rural Universit Laval Qu bec, Canada (version ) 26 mars 1996 Ce document est accessible aux adresses suivantes: Pour l'Am rique du Nord (et ailleurs): l'Europe: cette section pour les ajouts au manuel et les nouvelles importantes de mises jourLa version du 22 mars corrige un bug dans la section (Listes ordonn es - variantes d'affichage) etla version modifie les bo tes de navigation des bas de pages qui sont maintenant un tableau au lieu d'unISMAP. Ceci est rendu n cessaire pour le transport de nos pages HTML sur un cd-rom ou sur un futur sitemiroir ( venir).

2 Dans le cadre du concours des webs d'or, cat gorie Internet, nous aimerions remercier tous les gens quiont vot pour notre site. Les r sultats finaux ont t annonc s et nous avons obtenu la 9 me placeavec 240 votes. Cliquez ici pour visualiser les r sultats. Nous ne portons pas de jugement sur le concours des webs d'or lui-m me. Pour notre part, nous sommesfiers des votes obtenus et sommes galement tr s heureux de la publicit que ce concours a apport notretravail l' chelle internationale. Nous remercions les centaines de personnes de tous les coins du monde quinous ont envoy s des messages d'encouragement, des suggestions et des corrections. Nous sommes tr s fiers de contribuer au d veloppement de ressources francophones sur l'Inforoute et dansla mesure de nos moyens et disponibilit s, nous continuerons nos efforts en ce sens.

3 Une demande de financement a t d pos e afin de nous permettre de pr parer une r vision majeure de cemanuel. Parmi le travail qui devrait tre r alis , nous aimerions fournir les outils et guides d'utilisation deces outils, documenter les ressources francophones disponibles, am liorer le manuel au niveau desnouvelles commandes disponibles en mati re de frames, d'applets Javascript, de VRML, des plugs-ins deNetscape, de RealAudio et autres. Nous sommes heureux d'apprendre que notre manuel a t s lectionn comme site du jour le 6 f vrier Daniel Fournier. Pour visiter son site WWW, cliquer sur: sites du jour Netscape version est maintenant disponible : t l chargement de Netscape Chapitre 18: Conclusion Chapitre 19: R f rences bibliographiques Chapitre 20: Annexes Pour trouver une commande HTML sp cifique, cliquez sur: Apr s avoir re u des dizaines de requ tes pour uneversion papier ou imprimable de notre manuel , nousavons d cid de pr parer une version pdf lisible avecAcrobat Reader.

4 Celle-ci est maintenant disponible(version ) en cliquant sur la petite porte gauche. Notes: Le document consiste en un seul fichier rassemblant les 20 chapitres sans le glossaire. Le document a une taille de megs, ce qui correspond une dur e de t l chargement variant entre 3 4minutes pour les liens internet directs. les boutons de navigation ainsi que la table des mati re sont Pour le moment cependantle glossaire est pr sent mais non activ . Si vous obtenez un fichier text l'arriv e, c'est que votre navigateur netscape ou autre n'est pas configur correctement pour comprendre les fichiers pdf. Vous devez ajouter les suffixes type=application,sub-type=x-pdf et suffixe=.pdf dans votre fichier pr f rences. ATTENTION: Certains usagers (d'Europe surtout) nous ont rapport desprobl mes lors du t l chargement du fichier pdf.

5 Si le transfert du fichier pdfde notre serveur n'a pas fonctionn , essayez ces deux autres liens: 2 me serveur ici Qu bec: t l chargement du manuel html ou serveur Grenoble: Chez Si vous obtenez une ic ne g n rique, ou que le fichier s'ouvre avec un autreprogramme que Acrobat reader, utilisez la fonction drag & drop (macintosh)(ou glisser et lancer en fran ais) sur Acrobat reader. Voil , le tour est jou .Acrobat reader est distribu gratuitement par Adobe sur son site www :Adobe. L'ic ne indique que la commande HTML d crite sera vraisemblablement disponibledans la version de HTML qui n'est pas encore adopt e. propos des auteursCe document a t r dig par Daniel J. Boivin et Laurent Gauthier. En cliquant sur nos noms, vous pouvezconsulter nos notices biographiques. Vous pouvez envoyer vos commentaires et suggestions : Daniel Boivin RemerciementsNous voudrions remercier tout sp cialement les professeurs et employ s du d partement de g nie rural del'Universit Laval qui nous ont support s tout au long de ce projet.

6 La photographie en page principale est de Johanne Gagnon. Les autres photographies sont de Jacques suivant 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 Retour la page principale Daniel J. Boivin et Laurent Gauthier, toute reproduction est interdite sans le consentement des auteurs. document est venu de lui-m me, par n cessit de mettre un peu d'ordre dans nos id es, dans nos moyens etdans nos outils de travail. Il s'est donc impos comme une fa on d'organiser notre travail et nos futurs le construisant jour apr s jour, il nous est rapidement apparu comme un outil qui pourrait servir d' document que vous consultez en ce moment est le r sultat d'un travail passionnant qui ouvre la porte versdes d veloppements clients-serveur accessibles tous. C'est dans le contexte de l'enseignement assist parordinateur que nous avons exploit le langage HTML.

7 Ce manuel est con u pour un usage avec le logiciel Netscape comme navigateur. Nous avons cherch documenter, d crire et illustrer les possibilit s du langage HTML version avec les propositions etextensions en vue de l'adoption prochaine de la version De plus, l'affichage correct des commandes n'estassur que dans la version de Netscape. Bienvenue dans le suivant 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 Retour la page principale langage HTML tire son origine du langage SGML (Standard Generalized Markup Language). Il s'agit d'untype particulier d'annotations destin au WWW et qui correspond une collection de styles reconnaissables parles navigateurs. Un navigateur (en anglais "browser") est donc un logiciel qui interpr te l' cran lescommandes HTML contenues dans un document accessible sur le WWW.

8 Le langage HTML est utilis sur le WWW depuis 1990. La version actuellement en vigueur est HTML discussions sont en cours (voir le document de Berners-Lee et Connolly en bibliographie) pour l'adoptionde nouvelles annotations pour une version HTML notamment en mati re de tableaux et de commandes deformatage d finissant les exposants et indices. Chapitre suivant 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 Retour la page principale 3. Pages HTMLIl faut d'abord sp cifier qu'un document contenant des annotations en HTML n'est rien de plus qu'un fichiertexte. Il peut donc tre reconnu sans probl mes de conversion d'un environnement un autre. Une page peutdonc tre lue et interpr t e par n'importe quel navigateur sur n'importe quelle cr er un document HTML, il faut ins rer les commandes suivantes au d but du document: <HTML> "premi re ligne du document"<head> "ouverture de la zone d'ent te"<title> "titre de la page suivi de </title>"</head> "fermeture de la zone d'ent te.

9 "<body> "ouverture du corps du document""Mettre le texte et les images ici" </body> "fin du corps du document"</HTML> "fin du document HTML" La page ainsi cr e pourra servir de maquette et s'affichera ainsi l'ouverture dans l' diteur de texte: Au sujet de la commande <title>, il est possible d'obtenir une animation sympathique (mais inutile) l'ouverture du document HTML en ins rant plusieurs commandes <title> cons cutives. Le navigateur lirasuccessivement chaque ligne et r affichera le nouveau titre chaque raffraichissement. Essayez la commandeavec les lignes suivantes:<HEAD> <TITLE>ESSAI D'ANIMATION</TITLE> <TITLE>E</TITLE> <TITLE>ES</TITLE> <TITLE>ESS</TITLE> <TITLE>ESSA</TITLE> <TITLE>ESSAI</TITLE> <TITLE>ESSAI D</TITLE> <TITLE>ESSAI D'</TITLE> <TITLE>ESSAI D'A</TITLE> <TITLE>ESSAI D'AN</TITLE> <TITLE>ESSAI D'ANI</TITLE> <TITLE>ESSAI D'ANIM</TITLE> <TITLE>ESSAI D'ANIMA</TITLE> <TITLE>ESSAI D'ANIMAT</TITLE> <TITLE>ESSAI D'ANIMATI</TITLE> <TITLE>ESSAI D'ANIMATIO</TITLE> <TITLE>ESSAI D'ANIMATION</TITLE> </HEAD>La meilleure fa on d' crire toutes les lignes consiste d'abord crire la ligne la plus longue (la derni re), puisde faire des copier coller reculons en effa ant une lettre jusqu' la premi re ligne.

10 Il est important de noter toutefois que cette possibilit a t acc l r e dans Netscape aupoint de ne plus tre perceptible. Remarquez que les annotations HTML viennent pour la plupart en paires. Ainsi, on marque un l ment avec lacommande <un code> et on la referme avec </un code> comme dans l'exemple ici:<title>ins rer ici l' l ment</title>Chapitre suivant 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 Retour la page principale du texteCette section d crit les diff rentes options disponibles pour formater le texte dans une page WWW. Ent tes (Headers)Le formatage d'une page commence g n ralement par le choix et l'usage d'ent tes pr d termin es quis' chelonnent de H1 H6 (niveaux). La commande H1 est la plus grosse disponible et la H6 est la plus commandes Hx comprennent un choix de taille, le caract re gras et un retour de paragraphe.