Celui ou celle qui n'a jamais essayé passe peut-être à côté d'une autre occasion d'enrichir sa vie, et celle des autres.
Introduction
Instructions
Navigation
Code HTML | Les caractères réservés | L'éditeur HTML
Les balises essentielles
Exercices HTML| Page | Texte | Image | Tableau | Liens
Code d'exercice complet
Le Javascript
Les étapes de création d'un site Internet
Pour les initié-e-s

Introduction
Ce site simule un éditeur de programmation HTML afin de démontrer, sinon vous convaincre, de la facilité de programmer dans ce langage, un des plus simples du monde informatique. Tellement que certains "spécialistes" ne le considèrent même pas comme un langage de "programmation". Ils n'ont pas entièrement tort, car le HTML est bien plus un langage d'affichage et de navigation que de programmation ; il permet d'afficher le contenu de pages web et de naviguer entre elles, et entre les sites, mais n'offre que peu ou pas d'interactivité élaborée avec l'internaute.

Peu importe, le langage HTML a le grand avantage d'être ouvert (on peut en tout temps consulter le code HTML d'une page web) et universel (il est un des plus répandu sur le web et il est lu, certains diront "interprété", par tous les logiciels de navigation Internet, partout dans le monde).

Ce "laboratoire" n'est en aucune façon un véritable tutoriel en HTML, mais représente un bon point de départ pour quiconque désire s'initier à ce langage. D'ailleurs ne sont énumérées ci-dessous que quelques-unes des balises courantes en HTML. Reproduisez-les fidèlement dans la zone de travail puis visualisez le résultat. Il existe sur Internet de très bons sites offrant des notions plus élaborées sur le HTML.

Instructions
Dans les lignes suivantes on vous invite à programmer vous-même quelques codes HTML de manière à modifier la MiniPageWeb. Voici quelques indications utiles:
  • Le caractère plus petit ( < ) est, selon les claviers, en haut de la touche Majuscule droite (Shift) ou en bas de la touche Retour arrière (Backspace).
  • Le caractère plus grand ( > ) est la même touche que la précédente, mais en majuscule.
  • Le caractère barre oblique normale( / ) s'obtient en appuyant Majuscule et 3, ou la touche Division (/) du clavier numérique.

  • «Insérer un code dans une balise» signifie l'insérer entre ses étiquettes d'ouverture et de fermeture.
  • «Insérer un code dans une étiquette» signifie l'insérer à l'intérieur de l'étiquette, soit entre les caractères < et >.


    • POUR PROGRAMMER DANS L'ÉDITEUR WEB
  • Amenez le curseur de la souris dans l'Éditeur web en cliquant à l'intérieur,
  • insérez-y les codes de programmation proposés (vous pouvez le déplacer avec le copier-coller ou le glissé-déposé ou faire comme les "pros", tout taper à la "mitaine").
  • cliquez le bouton Générer la Page Web et
  • admirez le résultat dans la MiniPageWeb ; votre nouvelle création web s'affichera sous vos yeux tellement ébahis qu'ils ne se croiront pas eux-mêmes !
    NOTE.
  • la disposition ou l'indentation du code n'a pas d'importance, mais facilite le lecture du code pour y travailler, (petit conseil pour ce laboratoire : ne placez qu'une étiquette par ligne),
  • à l'intérieur d'une étiquette, il est important de bien distinguer les paramètres. Ainsi, dans une balise IMAGE la séquence SRC="photo.jpg" WIDTH="300" sera bien interprétée alors que SRC="photo.jpg"WIDTH="300" ne le sera pas ; il manque un espace entre SRC="photo.jpg" et WIDTH="300". De la même manière, <FONTCOLOR="888899"> ne sera pas accepté parce que FONT et COLOR ne sont pas séparés.

    AFFICHAGE DU SITE
    Le présent site peut être consulté en affichage normal, ou en mode plein écran (les barres de menu, d'outils et de tâches du navigateur disparaissent). Les deux boutons d'affichage sont disponibles à gauche.
    • Navigation

    Un menu en haut de page permet d'atteindre les rubriques individuellement. Pour revenir au menu, cliquez le lien Retour au menu en haut à droite.

    Le bouton Générez la page web ouvrira la MiniPageWeb, une petite fenêtre affichant la "traduction" du code contenu dans l'Éditeur HTML. Pour fermer la MiniPageWeb, cliquez son bouton de fermeture (marqué d'un X), dans son coin supérieur droit. Il est recommandé de fermer la MiniPageWeb avant de cliquer ailleurs dans le labo.

    La navigation vers d'autres sites en mode d'affichage plein écran n'est pas possible ; vous devez revenir en mode normal.
    Balises et étiquettes (le code HTML)

    Les codes de programmation HTML sont inclus à l'intérieur de balises qui précisent leur portée. Par exemple le titre de la fenêtre de ce site sera inclus dans la balise TITLE de cette manière : <TITLE>MINI-LAB HTML</TITLE> . Cette balise de titre est identifiée par deux étiquettes, soit une étiquette d'ouverture <TITLE> , et une étiquette de fermeture </TITLE> . Une étiquette HTML est toujours bordée par les signes plus grand et plus petit (<>).

    La plupart des balises possèdent des étiquettes d'ouverture et de fermeture. Certaines catégories ne possèdent pas d'étiquette de fermeture, comme la balise d'image <IMG> ou le saut de ligne <BR> tandis que d'autres peuvent ou non en avoir, comme la balise de paragraphe <P> .

    Les mots réservés à l'intérieur des étiquettes peuvent être écrits en minuscules ou en majuscules (ex: title ou TITLE ).

    Plusieurs balises renferment les paramètres de l'éléments qu'ils affichent. Par exemple la balise <IMG SCR="photo.jpg" WIDTH="200" HEIGHT="100"> affichera le fichier photo.jpg sur 200 pixels de large par 100 pixels de haut. Il est recommandé d'inclure les paramètres entre guillemets (des guillemets["], et non des apostrophes [']), quoique certains navigateurs ne l'exigent pas, l'important étant de ne pas en oublier un seul (dans l'exemple précédent SCR="photo.jpg" et SCR=photo.jpg seront acceptés mais SCR="photo.jpg sera ignoré).

    Il importe aussi de respecter l'orthographe des fichiers ou des adresses liés. Ainsi fichier photo.jpg ne sera pas affiché s'il est appelé par SRC="photo.JPG" . Certains navigateurs, comme iExplorer, sont assez permissifs mais d'autres, comme Netscape, le sont moins, sinon aucunement ; la vigilance et de bonnes habitudes de programmation s'imposent !

    Les essentielles...

    Le code de toute page web fonctionnelle comprend un minimum de trois balises à étiquette d'ouverture et de fermeture, disposées comme dans le code de départ de l'Éditeur HTML.

    La balise <HTML> </HTML> indique au navigateur que ce qui est contenu est programmé en langage HTML. L'étiquette d'ouverture est placée au début du code de la page, l'étiquette de fermeture à la fin.

    La balise <HEAD> </HEAD> referme l'en-tête du code de la page. On y placera les balises d'identification et de paramètres, de la programmation en langages différents (ex: Javascript), le titre de la fenêtre bref, des éléments qui seront invisibles aux internautes, sauf le titre de la page, mais qui faciliteront certaines fonctions de la page ou du site.

    La balise <BODY> </BODY> comprend le corps de la page : c'est ce que l'internaute verra sur son écran : texte, images, photos, animations etc.

    ...ET LES AUTRES

    Les balises HTML se regroupent en grandes catégories qui permettent l'affichage et la gestion de la plupart des éléments web utilisées sur Internet. Citons, entre autres, les balises de texte, d'image ou photo ou animation, de son, de tableau, de cadre, de formulaire, de liste, de lien et de signet.

    LISTE COMPLÈTE DES BALISES HTML.     Cliquez le lien ci-après pour consulter la liste des balises, avec identification des plus utilisées.
    Exercices de programmation HTML

    Voici quelques codes à insérer dans ce code de base HTML. Suivez les indications à la lettre (les codes à insérer sont en rouge) et surveillez la progression de votre page. NOTE: avant chaque clic sur le bouton Générer la page web assurez-vous d'abord que la MiniPageWeb n'est pas ouverte, sinon fermez là.
    En tout temps, vous pouvez aller consulter le code complet pour vérifier si vous êtes sur la bonne voie...


    MISE EN PAGE

    TITRE DE LA PAGE
    Notre MiniPageWeb n'a pas de titre dans sa barre (supérieure) de titre. Insérez, dans la balise HEAD :
    <TITLE>MiniPageWeb</TITLE>
    Résultat attendu : votre fenêtre a maintenant un titre !

    COULEUR DE LA PAGE
    Ajoutons une couleur à notre page (qui est blanche par défaut). Insérez le paramètre de couleur (BackGroundCOLOR), dans l'étiquette BODY :
    BGCOLOR="pink"
    Résultat attendu : la couleur de fond de votre fenêtre est passé du blanc au rose ! Le code BGCOLOR="#FFC0CB" aurait donné le même résultat puisque la valeur hexadécimale de la couleur pink est FFC0CB.

    CENTRER LA PAGE (vous pouvez attendre d'avoir inséré le texte et/ou l'image avant de faire cette opération)
    Centrons les éléments dans notre page. Insérez, juste après l'étiquette BODY :
    <CENTER>
    et, juste avant l'étiquette /BODY :
    </CENTER>
    Résultat attendu : aucun s'il n'y a pas encore d'éléments, sinon ils se centreront tous.

    TEXTE
    INSÉRER UN TEXTE
    Écrivons quelques mots dans notre page. Insérez, dans la balise BODY (à l'intérieur de la balise CENTER si elle est présente) :
    Bonjour, c'est moi !
    Résultat attendu : ce texte se retrouve sur votre page.

    COULEUR DU TEXTE
    Modifions la couleur du texte. Insérez la balise de formatage du texte (FONT), juste avant le texte :
    <FONT COLOR="990000">
    et, juste après le texte :
    </FONT>
    Résultat attendu : le texte devient rouge bourgogne.
    NOTE. On aurait pu insérer le paramètre TEXT="990000" dans la balise BODY pour appliquer cette couleur au texte de toute la page.

    STYLE DU TEXTE
    Mettons le texte en gras. Insérez la balise de caractère gras (Bold), juste avant le texte :
    <B>
    et, juste après le texte :
    </B>
    Résultat attendu : le texte devient en caractère gras.

    POLICE ET TAILLE DE TEXTE
    Changeons la taille et la police du texte. Insérez les paramètres de taille (SIZE) et de police (FACE), dans l'étiquette FONT :
    SIZE="4" FACE="Comic sans MS"
    Résultat attendu : la police et la taille du texte ont changé.

    IMAGE
    INSÉRER UNE IMAGE
    Ajoutons une image, ou une photo, pour compléter cette initiation. Insérez la balise d'image (IMG) et des paramètres de fichier source (SRC) et de dimensions (WIDTH et HEIGHT), juste après l'étiquette CENTER :
    <IMG SRC="photo.jpg" WIDTH="200" HEIGHT="200">
    Résultat attendu : une image vient appuyer le texte !!!

    INSÉRER UN SAUT DE LIGNE
    Il est probable que le texte se retrouve à côté de l'image, sur la même ligne. Pour qu'il descende à la ligne suivante il faudra insérer un saut de ligne. Sinon, sautez cette étape. Insérez, juste après la balise IMG :
    <BR>
    Résultat attendu : le texte descend sous l'image.

    TABLEAU
    Afin de s'assurer que tous les éléments d'une page web s'affichent correctement et en tout temps il convient de les ordonner dans une structure quelconque ; le tableau HTML permettra alors une mise en page stable et un affichage identique, ou presque, peu importe le navigateur. Il se gère un peu comme le tableau de Word, on peut ajouter des cellules, les fusionner, les fractionner etc.

    Un tableau peut devenir extrêmement complexe à gérer, surtout en mode de programmation normal (comme on fait ici) car il comporte des balises à la fois pour lui-même, ses lignes et ses colonnes ; un éditeur HTML visuel permet alors de le travailler plus facilement (comme dans Word). Comme nous ne disposons pas de cet éditeur visuel, nous demeurerons le plus simple possible.

    INSERTION D'UN TABLEAU À 1 LIGNE ET 1 COLONNE
    Le plus simple des tableaux est un tableau 1X1, soit un tableau à 1 cellule. Insérez, sous la balise CENTER :
    <TABLE><TR><TD></TD></TR></TABLE>
    Résultat attendu : rien pour le moment.

    AFFICHAGE DU TABLEAU
    Le tableau est bien là mais sa bordure est invisible. Rendons-là visible en lui donnant une épaisseur de 1. Insérez, dans la balise TABLE :
    BORDER="1"
    Résultat attendu : un tout petit tableau apparaît, au-dessus de l'image (on ne voit que sa bordure). On réalise donc qu'un tableau peut être présent dans une page web sans que cela ne soit apparent ; c'est d'ailleurs le cas dans la plupart des pages web moindrement organisées.

    INSERTION DU TEXTE ET DE L'IMAGE DANS LE TABLEAU
    Le tableau est présentement vide. Plaçons-y le texte et l'image. En fait, nous allons simplement déplacer les balises de fermeture du tableau afin d'englober les éléments. Déplacez les étiquettes </TD></TR></TABLE> après la balise /FONT.
    Résultat attendu : l'image et le texte sont inclus dans le tableau.

    INSERTION D'UNE LIGNE
    Et si nous voulions appliquer à notre texte une couleur de fond différente de celle de la page ! Cela devient très facile car chaque cellule d'un tableau peut être colorée individuellement. Mais nous n'avons qu'une seule cellule ; ajoutons-en une autre !
    Créons donc une autre ligne en notant que 1) chaque balise TR doit inclure au moins une balise TD et qu'il faut fermer une balise avant d'en ouvrir une autre semblable. On insérera donc, juste avant la balise FONT ce qu'il faut pour fermer la première cellule et en ouvrir une seconde :
    </TD></TR><TR><TD>
    Résultat attendu : l'image et le texte sont dans deux cellules différentes.

    SUPPRESSION DU RETOUR DE LIGNE
    Si vous aviez inséré un saut de ligne (BR), il est probable que le cadre de l'image est trop grand, vers le bas. Ce retour de ligne est maintenant devenu inutile puisque l'image et le texte sont dans deux cellules différentes. Supprimez donc la balise BR, juste après la balise IMG.
    Résultat attendu : l'espace sous l'image disparaît.

    AJUSTEMENT FIN DE LA CELLULE
    Si un tout petit espace persiste entre le bas de l'image et la cellule, c'est simplement parce que l'étiquette /TD n'est pas sur la même ligne de code que la balise de l'image. Placez-la donc sur la même ligne de code.
    Résultat attendu : le cadre et l'image s'harmonisent parfaitement.

    AÉRATION D'UNE CELLULE
    On peut ajouter une marge entre la bordure des cellules et leur contenu. Cette opération vaut pour toutes les cellules du tableau. Insérez, dans l'étiquette TABLE:
    CELLPADDING="5"
    Résultat attendu : l'image et le texte sont distancés de la bordure de leur cellule.

    COULEUR DE FOND D'UNE CELLULE
    Modifions maintenant la couleur de fond de chacune des deux cellules. Insérez, dans la première étiquette TD:
    BGCOLOR="#000000"
    et, dans la seconde étiquette TD :
    BGCOLOR="#EEEEEE"
    Résultat attendu : l'image est encadrée de noir et le texte de gris.

    HYPERLIENS

    Une des grandes caractéristiques du HTML est la possibilité qu'il offre de créer facilement des liens de navigation à même le texte. Ces liens mèneront tantôt à d'autres pages du site ou à d'autres sites, tantôt à des images ou à des sons, des animations ou des pop-fenêtres (comme les boîtes de messages de ce labo).
     Un lien peut être relatif ; il indique un chemin par rapport à lui-même. Le lien de la photo SRC="photo.jpg" de la MinPageWeb indique que le fichier source est dans le même répertoire que la page web. S'il avait été dans un autre répertoire, il aurait fallu indiquer le chemin ( ex: SCR="dossier_photos/photo.jpg" indique que le fichier source est dans le répertoire dossier_photos, qui lui-même est dans le répertoire courant). Il en aurait été de même s'il avait été en dehors du répertoire courant (ex : SRC="../dossier_images/photo.jpg" indique que pour retrouver le fichier il faut sortir du répertoire courant et entrer dans le répertoire dossier_images ; le symbole ../ traduit une sortie du répertoire).
    Un lien peut être absolu ; il indique un chemin complet, sans relation avec un répertoire quelconque. Le chemin du lien de la photo de la MiniPageWeb pourrait aussi s'écrire en mode absolu, ainsi : SRC="http://www.jpfil.com/labohtml/photo.jpg". Un lien vers un autre site web est toujours en mode absolu.

    LIEN WEB AVEC DU TEXTE
    Nous allons créer un lien vers le site du volet formation de SolutionsJPFIL. Le code inhérent sera <A HREF="http://www.jpfil.com/formation" TARGET="_BLANK">Volet formation de SolutionsJPFIL</A> où

  • <A sera le début de l'étiquette d'ouverture,
  • HREF= le paramètre appelant le lien,
  • "http://www.jpfil.com/formation" l'adresse du lien (ici un site web),
  • TARGET="_BLANK" le paramètre indiquant la cible au navigateur (ici ; ouvrir la page appelée dans une nouvelle fenêtre et non dans celle où est contenu le labo),
  • Volet formation de SolutionsJPFIL le texte qui apparaîtra comme lien à cliquer sur la page et
  • </A> l'étiquette de fermeture de la balise de lien.
    Insérez donc, juste avant l'étiquette </CENTER> :
    <BR><A HREF="http://www.jpfil.com/formation" TARGET="_BLANK">Volet formation de SolutionsJPFIL</A>
    Résultat attendu : le lien se crée sous le tableau.
    NOTE. La balise <BR> n'est présente que pour s'assurer que le lien soit seul sur sa ligne.

    LIEN WEB AVEC UNE IMAGE
    Le lien avec une image est sensiblement la même chose, à l'exception que le lien n'est pas du texte mais... une image ! Nous allons utiliser le fichier logo de SolutionsJPFIL. Insérez, sous le lien précédent :
    <BR><A HREF="http://www.jpfil.com/formation" TARGET="_BLANK"><IMG SRC="logo.jpg" WIDTH="30" HEIGHT="30"> </A>
    Résultat attendu : un second lien se crée à partir du logo.
    NOTE. La balise <BR> n'est présente que pour s'assurer que le lien soit seul sur sa ligne.

    LIEN DE MESSAGERIE
    Enfin, le dernier lien vous permettre d'envoyer un courriel. On y retrouvera le paramètre le mot réservé mailto: (qui ouvrira automatiquement votre messagerie par défaut. Ex : Outlook Express), et l'adresse visée formation@jpfil.com (qui s'inscrira automatiquement dans la zone À: de la messagerie). Il n'est pas nécessaire de mentionner la cible puisqu'on sait que c'est la messagerie. Insérez, sous le lien précédent :
    <BR><A HREF="mailto:formation@jpfil.com">Pour nous contacter</A>
    Résultat attendu : un lien de courriel se crée sous le logo.
    NOTE. La balise <BR> n'est présente que pour s'assurer que le lien soit seul sur sa ligne.

    • CODE COMPLET DES EXERCICES HTML
    Une fois les diverses balises insérées correctement notre code devrait ressembler à ceci :

    <HTML>
    <HEAD>
    <TITLE>MiniPageWeb</TITLE>
    </HEAD>
    <BODY BGCOLOR="pink">
    <CENTER>
    <TABLE BORDER="1" CELLPADDING="5">
    <TR>
    <TD BGCOLOR="000000">
    <IMG SRC="photo.jpg" WIDTH="200" HEIGHT="200"></TD>
    </TR>
    <TR>
    <TD BGCOLOR="EEEEEE">
    <FONT SIZE="4" FACE="MS sans Comic">
    <B>
    Bonjour, c'est moi !!
    </B>
    </FONT>
    </TD>
    </TR>
    </TABLE>
    <BR>
    <A HREF="http://www.jpfil.com/formation" TARGET="_BLANK">
    Volet formation de SolutionsJPFIL
    </A>
    <BR>
    <A HREF="http://www.jpfil.com/formation" TARGET="_BLANK">
    <IMG SRC="logo.jpg" WIDTH="30" HEIGHT="30">
    </A>
    <BR>
    <A HREF="mailto:formation@jpfil.com">
    Pour nous contacter
    </A>
    </CENTER>
    </BODY>
    </HTML>

    Le langage Javascript
    Quelques mots seulement sur le langage Javascript. Comme le HTML, ce langage (ne pas confondre avec le langage Java) est un langage développé en fonction de l'Internet et est de type "ouvert", donc accessible. Il offre un dynamisme d'opération et d'affichage que le HTML ne procure pas. Même s'il permet à lui seul la conception et la gestion de page web, il s'avère dans la plupart des cas un excellent voire indispensable complément au langage HTML.
    Le Javascript utilise le concept dit "orienté objet" qui associe à chaque élément programmé une "personnalité" propre : par exemple, une fenêtre ouverte en programmation Javascript est un objet complètement autonome possédant ses propres propriétés et fonctions (le bouton Plein écran ouvre une fenêtre dont une des propriétés est l'affichage plein écran).
    La consultation de sites d'introduction ou de spécialisation Javascript vous renseignera davantage sur ce langage fort intéressant.

    Quelques exemples.

    Fenêtre. La petite page web qui ouvre lorsque vous cliquez le bouton Générer la page web est appelé par une programmation Javascript. Le code est contenu dans l'entête de la page qui contient l'Éditeur HTML . Il permet entre autres d'ouvrir une nouvelle fenêtre du navigateur sans barres de menu, d'outils ou de tâche, de la positionner à un endroit précis de l'écran et avec des dimensions précises (dans ce cas-ci, la MiniPageWeb mesure 500 pixels par 300 et s'ouvre à 100 pixels en bas et à 100 pixels à droite du coin supérieur gauche de l'écran).

    Plein écran. L'affichage optionnel en plein écran a été programmé en Javascript. Il s'agit en fait d'une propriété affectée à l'objet window de la fonction contenue dans le code de la page du cadre de gauche. Recherchez fullscreen=yes .

    Fermeture de la fenêtre. Pour fermer la fenêtre de la MiniPageWeb on vous demande de cliquer son bouton de fermeture. On pourrait procéder autrement.

    Méthode 1. Ajouter, juste avant </CENTER> :
    <a href="" onclick="self.close( )">Fermer</a>
    Ce code ferme la page hôte lorsqu'on clique le lien Fermer . Vous pourrez désormais fermer la fenêtre par ce lien.

    Méthode 2. Vous désirez plutôt un bouton ? Rien de plus simple. Remplacez le code précédent par :
    <input type="submit" value="Fermer la fenêtre" onclick="self.close( )">
    Ce code appelle un bouton nommé Fermer la fenêtre qui ferme la page hôte lorqu'on le clique.

    Méthode 3. Encore mieux, on pourrait fermer la fenêtre dès qu'on clique ailleurs que dans celle-ci. Effacez le précédent code et, dans l'étiquette BODY, insérez :
    onBlur="self.close( )"
    Il commande la fermeture de la page lorsqu'elle perd le focus. La MiniPageWeb ne sera pas reléguée en arrière-plan, mais sera fermée, tout simplement.

    Sommaire des étapes de création d'un site Internet

    La conception, la réalisation et l'installation d'un site Internet sont relativement accessibles si on se donne la peine d'y consacrer un minimum d'efforts. Voici les quelques conseils d'étapes qui vous guideront vers votre entrée sur la toile.

    CONCEPTION
    Tracer un plan de votre site ; cela vous permettra de mieux gérer vos fichiers, répertoires et donc les hyperliens.

    RÉALISATION
    Peu importe votre école, débutez d'abord par créer dans un dossier une maquette de votre site sur votre ordi. Importez-y tous les éléments nécessaires à votre site, dont les images. Bâtissez votre site au fur et à mesure en prenant bien soin de toujours vérifier vos liens, et surtout les chemins et les noms de fichiers.

    PUBLICATION
    Identifiez un hébergeur et demandez-lui les informations relatives au chargement, soit l'adresse du serveur FTP, votre nom de compte et votre mot de passe.

    CHARGEMENT
    Il est probable que le chargement des fichiers de votre ordinateur vers le serveur de votre hébergeur se fasse en mode FTP. Plusieurs logiciels de transfert FTP sont disponible sur le marché, certains même gratuitement. Installez ce logiciel, configurez-le et reliez-vous au serveur FTP. Chargez votre site et le voilà accessible au monde entier, via Internet !
    Pour les initiés

    Une fois que vous aurez révisé vos connaissances en HTML, grâce à ce petit labo, peut-être serez-vous intéressés par le fonctionnement de notre éditeur web (en fait, c'est plutôt un pseudo éditeur...).
    Alors voici : dans la méthode document.write de la fonction javascript qui appelle la MiniPageWeb le paramètre passé est le contenu de la zone textarea du cadre de gauche : document.formulaire.variable.value. C'est tout ! Allez voir ça dans le code de la page du cadre de gauche.
    Contactez-nous si vous avez des commentaires constructifs sur notre laboratoire HTML !