Dans cette leçon nous allons apprendre trois nouvelles choses. D'abord
      nous apprendrons comment ajouter un message à la fenêtre de statut.
      Nous apprendrons comment ajouter un deuxième fichier du son à notre
      scénario.
      Puis  nous allons apprendre comment combiner des cellules en ligne pour
      faire des cellules de taille différentes dans la rangée. Ce script 
      construira une table de 4 cellules qui aura deux images sur la rangée
      supérieure et une zone de texte dans la rangée de bas.Vous aurez un
      fichier midi et un jeu de fichier wav ,un message de fenêtre de statut
      avec les frontières normales et scrollbars. J'espère que  vous vous
      amuserez avec cette leçon.
      ----------------------Codes couleurs dans la leçon---------------------------
      Pendant la leçon, si vous voyez quelque chose dans cette couleur bleue
      brillante c'est juste pour attirer votre attention sur cette balise.
      Les choses en bleu foncé seront là pour  vous montrer à quoi votre script
      doit ressembler à cette endroit dans la leçon. Cela vous aidera à voir ce
      qui vous manque si vous vous heurtez à un problème dans la leçon
      Quoi que ce soit en vert est la  nouvelle particule de scénario que vous
      ajouterez . Vous pourrez alors vérifier à quoi le plein scénario devrait
      ressembler  en vous  déplaçant au secteur bleu foncé qui suivra toujours
      le secteur vert.
      Les lignes rouges sont juste pour trier les sections  de la leçon .
      J'ajouterai des numéros à ces lignes donc vous pourrez mieux savoir ou
      vous en êtes.
      -----------------------------------------------1----------------------------------------
      De quoi vous aurez besoin pour cette leçon
      1. HTML Kit ou bloc-notes ou autre de votre choix.
      2. 2 images du domaine public ou personnel . Assurez-vous qu'elles soient
      de la même hauteur.
      3. 1 tuile Sans couture pour le Fond
      4. 1 fichier Midi
      5. 1 fichier wav pas trop lourd .
      ---------------------------------------------2----------------------------------------
      Les  nouveaux codes que nous couvriront
      colspan=2 L'attribut COLSPAN permet de définir le nombre de colonnes de
      tableau que devra occuper la cellule. Cet attribut dit au PC de combiner
      deux ou plusieurs cellules de suite dans une cellule. Il est ajouté à la
      cellule de table<TD> .Celui-ci dit de combiner 2 cellules, mais si vous 
      voulez en combiner plus ,vous changez juste le numéro qui  correspond  aux
      cellules que vous voulez faire dans une cellule.
      onload="window.status='. . .message ici. . . ' " Ce code dit au PC de
      mettre votre message dans la fenêtre de statut en bas de l'écran ( dans la
      barre ) dans OE ( outlook Express) ou dans IE ( Internet Explorer). Ce
      code doit être écrit comme vous le voyez sauf  celui qui dit le message
      ici, c'est là où vous mettrez votre nom et message. Cette particule de
      code entrera dans la balise de corps pour le moment et plus tard quand
      nous apprendrons le  VBS nous l'enlèverons de la balise  de corps et le
      mettrons dans le VBS. Tout de suite il est pratique d'avoir cette ligne
      dans votre scénario .
      <BGSOUND balance=0 src="C:/Program Files/fichiers communs/Microsoft
      Shared/papier à lettres/wav File.wav" volume=0 loop=1>
      C'est la deuxième balise du son.  Celle-ci tient un fichier wav au lieu
      d'un midi et c'est la seule différence, juste l'extension de fichier.
      Cependant le PC jouera en même temps  tant le fichier midi que le fichier
      wav .
      -------------------------------------------3-----------------------------------------
      Début de notre script..
      Commencez votre scénario de comme d'habitude avec HTML, HEAD, TITLE, STYLE
      et les balises de corps( BODY) . Ajoutez le style pour le corps parce que
      nous en aurons besoin dans  le scénario et mettez à l'arrière-plan la
      tuile aussi bien que la balise du son  midi. Votre script devrait
      ressembler à celui-ci .
      <html>
      <head>
      <title> </title>
      <!--Scénario par Votre nom ici-->
      <style>
      Body{
      BORDER-RIGHT: #7A4F2F 7px inset;
      BORDER-TOP: #7A4F2F 7px outset;
      BORDER-LEFT: #7A4F2F 7px outset;
      BORDER-BOTTOM: #7A4F2F 7px inset;
      scrollbar-face-color:#7A4F2F;
      scrollbar-highlight-color:#C2B0A2;
      scrollbar-3dlight-color:#8B5D3C;
      scrollbar-darkshadow-color:#000000;
      scrollbar-shadow-color:#502B10;
      scrollbar-arrow-color:#C2B0A2;
      scrollbar-track-color:#7A4F2F;
      }
     
      </style>
      </head>
      <!--La tuile de fond ce tient ici sur une ligne-->
      <BODY bgColor=#FFFFFF background="C:/Program Files/fichiers
      communs/Microsoft Shared/papier à lettres/BG Tile.jpg">
      <!--Fichier Midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/fichiers communs/Microsoft
      Shared/papier à lettres/Midi File.mid" volume=0 loop=infinite>
      </body>
      </html>
      ---------------------------------------------------4-----------------------------------------
      Maintenant  ajoutons le message de fenêtre de statut.
      D'abord regardons le code et ce qu'il dit de faire à l'ordinateur .
      onload="window.status='. . .message ici. . . ' "
      Le code commence par le mot onload. C'est lui qui dit au PC de diriger et
      d'ouvrir cette particule de code dès que la papeterie s'ouvre .
      Le signe = signifie que le code peut commencer à lancer ce qui suit le
      signe =( c.à.d ici c'est window.status ) quand les courses du stat sont
      égales .
      Les marques  " " entourent la commande qui court quand le stat s'ouvre.
      window.status Cela dit juste au PC de mettre le message où nous voulons
      qu'il soit, c'est à dire dans le bas de la fenêtre dans la barre d'état.
      Un autre = cette fois, celui-ci,  dit au PC que le statut de fenêtre doit
      montrer ce qui suit le signe égal = ( ici c'est bien sûr. . .message ici.
      . . ).
      Remarquez ensuite que nous avons une marque de citation simple ( ' ).
      C'est parce que la première de la commande est entourée par la marque de
      citation double normale. L'ordinateur doit savoir que  la commande
      principale est dans la citation double et la mineur ou la deuxième
      commande est dans les marques de citation simples.
      La chose suivante sont les points, ceux-là peuvent être remplacés par
      quelque chose d'autre ( fantaisie genre ** ou ~~ etc..) que  vous aimez.
      Puis vous mettez votre message , le nom de l'artiste de l'image ou votre
      nom . Nous ajoutons ensuite les citations doubles pour dire au  PC que
      nous avons fini  avec la commande entière.
      Cette ligne entière de code entre dans la balise de contexte de corps (
      BODY) et vous devrez toujours la tenir sur une ligne donc  rappellez vous
      de bien le  faire pour qu'il  ne se montre sur plus d'une ligne.
      Voici la voie de votre balise de contexte de corps  quand vous aurez fini
      d' ajouter le code de fenêtre de statut..
      <BODY bgColor=#FFFFFF onload="window.status='. . . . . . . votre message
      ici. . . . . ' " background="C:/Program Files/fichiers communs/Microsoft
      Shared/papier à lettres/BG Tuile.jpg">
     
      --------------------Votre script devrait ressembler à celui-ci ---------
     
      <html>
      <head>
      <title> </title>
      <!--Scénario par Votre nom ici-->
      <style>
      Body{
      BORDER-RIGHT: #7A4F2F 7px inset;
      BORDER-TOP: #7A4F2F 7px outset;
      BORDER-LEFT: #7A4F2F 7px outset;
      BORDER-BOTTOM: #7A4F2F 7px inset;
      scrollbar-face-color:#7A4F2F;
      scrollbar-highlight-color:#C2B0A2;
      scrollbar-3dlight-color:#8B5D3C;
      scrollbar-darkshadow-color:#000000;
      scrollbar-shadow-color:#502B10;
      scrollbar-arrow-color:#C2B0A2;
      scrollbar-track-color:#7A4F2F;
      }
     
      </style>
      </head>
      <!--La tuile de fond ce tient ici tout sur une ligne-->
      <BODY bgColor=#FFFFFF onload="window.status='. . . . . . . votre message
      ici. . . . . '" background="C:/Program Files/fichiers communs/Microsoft
      Shared/papier à lettres/BG Tile.jpg">
      <!--Fichier Midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/fichiers communs/Microsoft
      Shared/papier à lettres/Midi File.mid" volume=0 loop=infinite>
     
      </body>
      </html>
      ----------------------------------------------------------5------------------------
      Ensuite nous ajoutons notre deuxième fichier de son.
      Cette balise vraiment ne doit pas être expliquée. elle est la même que
      celle que nous utilisons habituellement seulement maintenant vous pouvez
      avoir deux  sons dans un script , un midi et un wav . Ce code va
      directement au-dessous de votre autre code de musique, ajoutez-le  au
      scénario maintenant..
      <BGSOUND balance=0 src="C:/Program Files/fichiers communs/Microsoft
      Shared/papier à lettres/wav File.wav" volume=0 loop=1>
      -------Votre scénario devrait maintenant ressembler à ceci----------
      <html>
      <head>
      <title> </title>
      <!--script par votre nom ici-->
      <style>
      Body{
      BORDER-RIGHT: #7A4F2F 7px inset;
      BORDER-TOP: #7A4F2F 7px outset;
      BORDER-LEFT: #7A4F2F 7px outset;
      BORDER-BOTTOM: #7A4F2F 7px inset;
      scrollbar-face-color:#7A4F2F;
      scrollbar-highlight-color:#C2B0A2;
      scrollbar-3dlight-color:#8B5D3C;
      scrollbar-darkshadow-color:#000000;
      scrollbar-shadow-color:#502B10;
      scrollbar-arrow-color:#C2B0A2;
      scrollbar-track-color:#7A4F2F;
      }
     
      </style>
      </head>
      <!--La tuile de fond ce tient ici tout sur une ligne-->
      <BODY bgColor=#FFFFFF onload="window.status='. . . . . . . votre message
      ici. . . . . '" background="C:/Program Files/fichiers communs/Microsoft
      Shared/papier à lettres/BG Tile.jpg">
      <!--Fichier Midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/fichiers communs/Microsoft
      Shared/papier à lettres/Midi File.mid" volume=0 loop=infinite>
      <!--Wav file here-->
      <BGSOUND balance=0 src="C:/Program Files/fichiers communs/Microsoft
      Shared/papier à lettres/wav File.wav" volume=0 loop=1>
      </body>
      </html>
      ------------------------------------6--------------------------------------
      Maintenant nous commençons notre table
      Nous commencerons notre table par la même voie chaque fois , mettez  votre
      balise de table d'ouverture. Assurez-vous de donner une "class"id à la
      table , donner une largeur, l'alignement ,cellspacing et cellpadding . Et
      laissez un certain espace , mettre la balise de table finale .Souvenez
      vous  elles viennent directement après vos balises de fichier de son dans
      le scénario.
      Voici à quoi les balises ressemblent.. ...
      <TABLE class=tb width=500px align=center cellpadding=20 cellspacing=30>
      </TABLE>
      Ensuite nous ouvrirons une rangée de table. Souvenez-vous cette balise va
      directement après la balise de table ouvrante et ressemble à ceci.....
      <TR>
      Directement après la balise de rangée de table ouvrante nous devons ouvrir
      une cellule de table. Rappelez-vous de donner une "class" d'identification
      à la balise et dire comment aligner les choses à l'intérieur de la cellule
      . La balise ressemble à ......
      <TD class=tc2 align=center>
      Ensuite nous devons dire à  la cellule ce qu'elle va contenir. Dans ce cas
      , la cellule va contenir une image donc nous mettons dedans notre balise
      d'image . Assurez-vous de donner une class d'identification à la balise
      d'image . La balise doit  ressembler à ceci.....
      <IMG class=phto src="C:/Program Files/fichiers communs/Microsoft
      Shared/papier à lettres/Tiger_3.jpg">
      Nous avons fini  l'addition de choses dans cette cellule . Souvenez-vous
      la balise de cellule de table finale ressemble à ....
      </TD>
      Parceque cette rangée de table a deux cellules nous devons maintenant
      ouvrir notre cellule suivante. Faire comme auparavant..
      <TD class=tc2 align=center>
      Cette cellule contiendra aussi une image donc nous ajoutons maintenant
      notre balise d'image.
      <IMG class=phto src="C:/Program Files/fichiers communs/Microsoft
      Shared/papier à lettres/Tiger_2.jpg">
      Nous avons fini  avec la cellule et la rangée de table fermez-les donc
      toutes les deux. Les balises  ressemblent a...
      </TD>
      </TR>
      --------Tout de suite votre script devrait ressembler à ceci.--------
     
      <html>
      <head>
      <title> </title>
      <!--script par votre nom ici-->
      <style>
      Body{
      BORDER-RIGHT: #7A4F2F 7px inset;
      BORDER-TOP: #7A4F2F 7px outset;
      BORDER-LEFT: #7A4F2F 7px outset;
      BORDER-BOTTOM: #7A4F2F 7px inset;
      scrollbar-face-color:#7A4F2F;
      scrollbar-highlight-color:#C2B0A2;
      scrollbar-3dlight-color:#8B5D3C;
      scrollbar-darkshadow-color:#000000;
      scrollbar-shadow-color:#502B10;
      scrollbar-arrow-color:#C2B0A2;
      scrollbar-track-color:#7A4F2F;
      }
     
      </style>
      </head>
      <!--La tuile de fond ce tient ici tout sur une ligne-->
      <BODY bgColor=#FFFFFF onload="window.status='. . . . . . . votre message
      ici. . . . . '" background="C:/Program Files/fichiers communs/Microsoft
      Shared/papier à lettres/BG Tile.jpg">
      <!--Fichier Midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/fichiers communs/Microsoft
      Shared/papier à lettres/Midi File.mid" volume=0 loop=infinite>
      <!--Fichier Wav ici-->
      <BGSOUND balance=0 src="C:/Program Files/fichiers communs/Microsoft
      Shared/papier à lettres/wav File.wav" volume=0 loop=1>
      <TABLE class=tb width=500px align=center cellpadding=20 cellspacing=30>
      <TR>
      <TD class=tc2 align=center><IMG class=phto src="C:/Program Files/fichiers
      communs/Microsoft Shared/papier à lettres/Tiger_3.jpg"></TD>
      <TD class=tc2 align=center><IMG class=phto src="C:/Program Files/fichiers
      communs/Microsoft Shared/papier à lettres/Tiger_2.jpg"></TD></TR>
      </TABLE>
     
      </body>
      </html>
      Sauvegardez et faites un aperçu . Vous verrez deux images côte à côte sur
      le stat avec l'espace entre elle. Vous verrez aussi une frontière sur
      l'extérieur de tout le stat aussi bien que les scrollbars colorés juste
      sur le côté  de l'écran. Votre tuile de fond se verra  et si vous avez mis
      le fichier midi et le fichier wav ils joueront maintenant aussi.
      Si c'est ce que vous voyez alors Bravo. Si ce n'est pas ce que vous voyez
      alors que vous devez vérifier votre script avec celui ci-dessus.
   

Nous ajoutons maintenant la dernière rangée de  table et le ferons dans
      une zone de texte.
      Nous allons commencer une nouvelle rangée de table , mettre  la balise de
      rangée de table ouvrante. Cette balise viendra directement après la balise
      de rangée de table finale pour la rangée qui est juste au-dessus de cela
      dans la table..
      <TR>
      Ensuite nous allons ouvrir une cellule mais cette cellule est  spéciale.
      Nous voulons seulement une cellule dans cette rangée mais le scénario doit
      avoir deux cellules donc il correspondra à la rangée au-dessus de cela
      dans la table. Ainsi ce que nous allons faire est de dire au PC de faire
      les deux cellules dans une cellule qui est aussi large que les deux
      cellules dans la rangée au-dessus de cellle-ci. Cela signifie que nous
      devrons ajouter une nouvelle particule de code dans la cellule de table
      ouvrante.
      La nouvelle particule de code que nous ajouterons à cette balise de
      cellule de table est appelée colspan . Elle fait et dit au PC  de 
      combiner les cellules dans une rangée dans une cellule qui est plus large
      que les cellules au-dessus de cela dans la rangée. Vous pouvez combiner
      deux ou plusieurs cellules dans une rangée pour faire une cellule plus
      large. Nous devrons aussi dire au PC combien de cellules nous voulons
      mettre=2 . Nous devrons aussi donner une classe id à cette cellule  et lui
      dirons où aligner la substance que nous mettrons à l'intérieur . Notre
      balise de cellule de table d'ouverture ressemblera à .....
      <TD class=tc2 colspan=2 align=center>
      Parce que nous voulons que cette cellule contienne une division pour une
      zone de texte nous ajouterons ensuite notre division de zone de texte.
      Rappelez-vous de donner une classe id à la division  pour le style et
      faire suivre la balise  de division avec le mot  TEXTE , puis fermer la
      balise de division. Nous avons fini avec cette cellule et rangée donc nous
      les fermons . Les balises  ressemblent à ceci......
      <DIV class=tx>text</DIV>
      </TD>
      </TR>
      --------Maintenant votre script devrait ressembler à ...----------------
      <html>
      <head>
      <title> </title>
      <!--script par votre nom ici-->
      <style>
      Body{
      BORDER-RIGHT: #7A4F2F 7px inset;
      BORDER-TOP: #7A4F2F 7px outset;
      BORDER-LEFT: #7A4F2F 7px outset;
      BORDER-BOTTOM: #7A4F2F 7px inset;
      scrollbar-face-color:#7A4F2F;
      scrollbar-highlight-color:#C2B0A2;
      scrollbar-3dlight-color:#8B5D3C;
      scrollbar-darkshadow-color:#000000;
      scrollbar-shadow-color:#502B10;
      scrollbar-arrow-color:#C2B0A2;
      scrollbar-track-color:#7A4F2F;
      }
     
      </style>
      </head>
      <!--La tuile de fond ce tient ici tout sur une ligne-->
      <BODY bgColor=#FFFFFF onload="window.status='. . . . . . . votre message
      ici. . . . . '" background="C:/Program Files/fichiers communs/Microsoft
      Shared/papier à lettres/BG Tile.jpg">
      <!--Midi file here-->
      <BGSOUND balance=0 src="C:/Program Files/fichiers communs/Microsoft
      Shared/papier à lettres/Midi File.mid" volume=0 loop=infinite>
      <!--Wav file here-->
      <BGSOUND balance=0 src="C:/Program Files/fichiers communs/Microsoft
      Shared/papier à lettres/wav File.wav" volume=0 loop=1>
      <TABLE class=tb width=500px align=center cellpadding=20 cellspacing=30>
      <TR>
      <TD class=tc2 align=center><IMG class=phto src="C:/Program Files/fichiers
      communs/Microsoft Shared/papier à lettres/Tiger_3.jpg"></TD>
      <TD class=tc2 align=center><IMG class=phto src="C:/Program Files/fichiers
      communs/Microsoft Shared/papier à lettres/Tiger_2.jpg"></TD></TR>
      <TR>
      <TD class=tc2 colspan=2 align=center><DIV class=tx>TEXT</DIV></TD></TR>
      </TABLE>
     
     
      </body>
      </html>
      ------------Temps d'avant-première---------------------------------
      Sauvegardez votre script et faites un aperçu. Vous devriez maintenant voir
      tout ce que vous avez vu avant , en plus maintenant le texte centré 
      au-dessous de vos images. Si c'est ce que vous voyez alors c'est du bon
      travail. Si ce n'est pas ce que vous voyez, vérifiez la dernière particule
      du scénario que vous avez ajouté pour voir vos erreurs.
      -----------------------------8-------------------------------------------------
      Nous allons ajouter maintenant notre style pour avoir nos frontières et
      les couleurs de fond sur notre stat.
      D'abord ajoutons le style pour notre table , nous pourrons voir où il est
      et comment  il joue... Souvenez-vous ces codes entrent au sommet du script
      entre les balises  <style> .. Voici ce que j'ai utilisé pour la table sur
      mon stat.. Assurez-vous que votre id correspond ici à la classe id vous
      avez donné à votre table.
      .tb{
      BORDER-RIGHT: #7A4F2F 8px solid;
      BORDER-TOP: #7A4F2F 8px solid;
      BORDER-LEFT: #502B10 8px solid;
      BORDER-BOTTOM: #502B10 8px solid;
      background color=#000000;
      }
      Maintenant nous  ajoutons notre code de style pour les images. Je leur ai
      donnés toutes les deux la même class id donc elles auront les mêmes
      frontières.Vous pouvez vouloir faire une classe différente pour chacune de
      vos images,mais comme j'ai seulement utilisé un nom d'id j'aurai seulement
      un code de photo.. elle suit juste après les codes de table et elle 
      ressemblera à......
      .phto{
      BORDER-RIGHT: #502B10 7px double;
      BORDER-TOP: #502B10 7px double;
      BORDER-LEFT: #7A4F2F 7px double;
      BORDER-BOTTOM: #7A4F2F 7px double;
      }
      Ensuite nous voulons donner nos frontières de cellules de table donc nous
      ajoutons les codes de style pour celles ci. J'ai donné à toutes mes
      cellules le même nom d'id donc j'ai seulement un code et cela  fera toutes
      les cellules de la  même frontière. J'ai nommé le mien tc2 parce que tc1
      ressemble trop à  tcl , l'ordinateur peut confondre le 1( un )  et le l
      (lettre L) alors je n'utilise plus 1 dans aucun des codes de style. Je
      commence juste par 2, le PC n'objecte pas tant que la class id  correspond
      au  nom  qui est dans cette partie du scénario. Donc mon code ressemble à
      celui-ci..
      .tc2{
      BORDER-RIGHT: #502B10 7px double;
      BORDER-TOP: #502B10 7px double;
      BORDER-LEFT: #7A4F2F 7px double;
      BORDER-BOTTOM: #7A4F2F 7px double;
      }
     
      Ensuite nous ajouterons notre code de style de division de zone de texte.
      Remarquez sur celui-ci j'ai utilisé la largeur : 100 %; c'est parce que
      c'est une cellule combinée et en raison du remplissage sur la table et du
      cellspacing il n'y a pas de façon facile de trouver la largeur exacte pour
      le secteur de zone de texte. Si vous utilisez 100 % la division remplira
      la cellule de table peu importe ce que cellpadding et cellspacing ont aux
      cellules de table

-----------------------------------------------------------------------------------------------------
Notez ceci ..

Si vous voulez combiner deux cellules comme cela et mettre dedans une image. Alors quand le scénario est fini , commencez juste à changer la largeur de la division, mais utiliser des pixels. Quand c'est comme vous le voulez, assurez vous de noter le numéro, si vous planifiez d'avoir des frontières autour de votre image ,s'assurez de soustraire deux fois la largeur de frontière du nombre de la largeur de la division, vous saurez alors comment faire votre largeur d'image. Lorsque votre image est prête , enlevez la division de la cellule et inserez votre image dedans , donnez-lui le "boder" que vous voulez . Si vous voyez que c'est juste un peu débranché, tout ce que vous devez faire est de mentir sur le scénario. Pour le faire vous ajoutez la taille de l'image dans la balise d'image. Vous le faites comme cela. <IMG class=phto style="width:400px; height:200px;" src="C:/Program Files/fichiers communs/Microsoft Shared/papier à lettres/Tiger_2.jpg"> Assurez-vous de mettre les numéros que vous voulez en place .

C'est la façon facile de trouver la largeur de la cellule combinée. Autrement vous devez commencer à additionner le remplissage , l'espacement , toutes les autres substances et les maths seuls vous rendront fous.

-----------------------------------------------------------------------------------------------------

Voici à quoi les codes de style de division de zone de texte ressemblent

.tx{

background color=#000000;

BORDER-RIGHT: #502B10 7px double;

BORDER-TOP: #502B10 7px double;

BORDER-LEFT: #7A4F2F 7px double;

BORDER-BOTTOM: #7A4F2F 7px double;

scrollbar-face-color:#000000;

scrollbar-highlight-color:#7A4F2F;

scrollbar-3dlight-color:#7A4F2F;

scrollbar-darkshadow-color:#000000;

scrollbar-shadow-color:#502B10;

scrollbar-arrow-color:#937056;

scrollbar-track-color:#000000;

padding:10;

text-align: center;

OVERFLOW: auto;

FONT-FAMILY: Tahoma;

FONT-SIZE: 12pt;

COLOR: #937056;

height:200px;

width: 100%;

}

Nous avons fini avec le script et la leçon. Sauvez et faites un aperçu de votre stat. Si quelque chose n'est pas juste retournez contrôler vos erreurs .

--------votre script devrait ressembler à ceci...----------------

<html>

<head>

<title> </title>

<!--script par votre nom ici-->

<style>

Body{

BORDER-RIGHT: #7A4F2F 7px inset;

BORDER-TOP: #7A4F2F 7px outset;

BORDER-LEFT: #7A4F2F 7px outset;

BORDER-BOTTOM: #7A4F2F 7px inset;

scrollbar-face-color:#7A4F2F;

scrollbar-highlight-color:#C2B0A2;

scrollbar-3dlight-color:#8B5D3C;

scrollbar-darkshadow-color:#000000;

scrollbar-shadow-color:#502B10;

scrollbar-arrow-color:#C2B0A2;

scrollbar-track-color:#7A4F2F;

}

.tb{

BORDER-RIGHT: #7A4F2F 8px solid;

BORDER-TOP: #7A4F2F 8px solid;

BORDER-LEFT: #502B10 8px solid;

BORDER-BOTTOM: #502B10 8px solid;

background color=#000000;

}

.phto{

BORDER-RIGHT: #502B10 7px double;

BORDER-TOP: #502B10 7px double;

BORDER-LEFT: #7A4F2F 7px double;

BORDER-BOTTOM: #7A4F2F 7px double;

}

.tc2{

BORDER-RIGHT: #502B10 7px double;

BORDER-TOP: #502B10 7px double;

BORDER-LEFT: #7A4F2F 7px double;

BORDER-BOTTOM: #7A4F2F 7px double;

}

.tx{

background color=#000000;

BORDER-RIGHT: #502B10 7px double;

BORDER-TOP: #502B10 7px double;

BORDER-LEFT: #7A4F2F 7px double;

BORDER-BOTTOM: #7A4F2F 7px double;

scrollbar-face-color:#000000;

scrollbar-highlight-color:#7A4F2F;

scrollbar-3dlight-color:#7A4F2F;

scrollbar-darkshadow-color:#000000;

scrollbar-shadow-color:#502B10;

scrollbar-arrow-color:#937056;

scrollbar-track-color:#000000;

padding:10;

text-align: center;

OVERFLOW: auto;

FONT-FAMILY: Tahoma;

FONT-SIZE: 12pt;

COLOR: #937056;

height:200px;

width: 100%;

}

</style>

</head>

<!--La tuile de fond ce tient ici tout sur une ligne-->

<BODY bgColor=#FFFFFF onload="window.status='. . . . . . . votre message ici. . . . . '" background="C:/Program Files/fichiers communs/Microsoft Shared/papier à lettres/BG Tile.jpg">

<!--Midi file here-->

<BGSOUND balance=0 src="C:/Program Files/fichiers communs/Microsoft Shared/papier à lettres/Midi File.mid" volume=0 loop=infinite>

<!--Wav file here-->

<BGSOUND balance=0 src="C:/Program Files/fichiers communs/Microsoft Shared/papier à lettres/wav File.wav" volume=0 loop=1>

<TABLE class=tb width=500px align=center cellpadding=20 cellspacing=30>

<TR>

<TD class=tc2 align=center><IMG class=phto src="C:/Program Files/fichiers communs/Microsoft Shared/papier à lettres/Tiger_3.jpg"></TD>

<TD class=tc2 align=center><IMG class=phto src="C:/Program Files/fichiers communs/Microsoft Shared/papier à lettres/Tiger_2.jpg"></TD></TR>

<TR>

<TD class=tc2 colspan=2 align=center><DIV class=tx>TEXT</DIV></TD></TR>

</TABLE>

</body>

</html>
---------------------------------Devoirs---------------------------------------

Concevez votre propre scénario de ce que vous avez appris dans cette leçon, amusez-vous et imaginez quelque chose de grand.[/size]
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Traduction Mickaëla

©Connie Schutza Hill 2003

Dans cette leçon nous allons apprendre à combiner des cellules dans une
      colonne pour faire une grande cellule mince dans notre table. Nous allons
      aussi apprendre comment ajouter des boutons d'email et des boutons de
      liaison et cela parceque quelques artistes demandent que leur nom soit
      utilisé avec la balise "alt", je vais vous montrer comment la mettre dans
      votre script . Je vais aussi vous montrer comment faire déplacer la table
      sans le déplacement du contexte quand vous faites défiler votre page. Donc
      nous avons beaucoup à apprendre sur cette leçon mais la plupart de tout ça
      est très facile et comme toujours, prennez  votre temps et amusez vous
      avec la leçon.

      -----------Codes couleurs dans la leçon----------

      Pendant la leçon,si vous voyez quelque chose dans cette couleur bleue
      brillante c'est juste pour attirer votre attention sur cette balise.
      Les choses en bleu foncé seront là pour  vous montrer à quoi votre script
      doit ressembler à cette endroit dans la leçon. Cela vous aidera à voir ce
      qui vous manque si vous vous heurtez à un problème dans la leçon .
      Quoi que ce soit en vert est la  nouvelle particule de scénario que vous
      ajouterez . Vous pourrez alors vérifier à quoi le plein scénario doit
      ressembler  en vous  déplaçant au secteur bleu foncé qui suivra toujours
      le secteur vert.
      Les lignes rouges sont juste pour trier les sections  de la leçon .
      J'ajouterai des numéros à ces lignes donc vous pourrez mieux savoir ou
      vous en êtes.

      --------------------1--------------------------

      Les nouveaux codes que nous utiliserons pour cette leçon
      rowspan=3 Ce code dit au  PC combien de cellules dans la colonne nous
      voulons combiner pour faire une grande image mince.L'attribut ROWSPAN
      permet de définir le nombre de lignes de tableau que devra occuper la
      cellule. Il est appelé rowspan parce qu'il combine des rangées et quand
      vous le faites vous formez une colonne qui est plus grande que les
      cellules dans les rangées à côté de ce secteur combiné.
      ALT="nom de l'artiste ici" C'est la balise alt , elle  va à l'intérieur de
      la balise " img". Quand vous la mettrez dans votre scénario, si vous
      placez la souris sur l'image le message que vous avez mis dans la balise 
      "alt" se montrera. Beaucoup d'artiste demande l'utilisation de cette 
      balise  avec leur nom dans le secteur de message donc il est pratique de
      savoir comment la faire.
      <A href=" Pleine page Web  ici"> balise d'image ici</A> C'est une balise
      de liaison. Si vous voulez l'utiliser pour faire d'une image le bouton de
      liaison alors vous mettrez la partie ouvrante de la balise avant celle
      d'image dans le scénario et fermerez la balise de liaison après celle de
      l'image. Cela fera de l'image un hyperlien au site que vous inscrirez dans
      la balise. Quand vous utiliserez cette balise vous devrez aussi ajouter
      borders=0 à l'intérieur de la balise d'image. Cela vous empêchera d'avoir
      une frontière bleue laide autour de votre image. Ce n'est pas toujours
      nécessaire mais c'est une bonne habitude de toujours l'ajouter au scénario
      donc  n'oubliez jamais de l'utiliser quand c'est nécessaire.
     
      <A href=mailto:votre E-mail ici> balise d'image ici</A> C'est une balise
      de liaison d'email. Si vous voulez l'utiliser pour faire d'une image un
      bouton d'email alors vous mettrez la partie ouvrante de l'étiquette avant
      l'étiquette d'image dans le scénario et fermerez l'étiquette d'email après
      la balise de l'image.Cela fera ouvrir un l'email pret à envoyer quand on 
      clique dessus. Quand vous utiliserez cette balise vous devrez aussi
      ajouter borders=0 à l'intérieur de la balise d'image. Comme je l'ai dit ci
      dessus cela vous empêchera d'avoir une frontière bleue autour de votre
      image.
     
      bgProperties=fixed Ce code entre dans la balise de corps et je l'ai mis
      directement après l'étiquette  bgcolor=#7294AF . Ce code fera décoller
      votre table de la tuile de fond.  Quand nous utiliserons cette particule
      de code, la table flottera sur la tuile de fond et vous ferez défiler la 
      table de la page  par vos mouvements .

      -------------------------2---------------------------

      De quoi aurez vous besoin pour cette leçon
      1. une image du domaine public . Vous pouvez aussi utiliser vos propres
      photos . N'utilisez pas s'il vous plaît d'autres images protégées par le
      droit d'auteur. Vous aurez besoin de quelques images de différentes
      tailles, voici une liste de ce que j'ai utilisé pour ce scénario donc vous
      pouvez faire quelques images de mêmes taille .
      Image principale 310px wide x 399px
      Image supérieure 526px wide x 50px
      Image de côté 36px wide x 536px
      image email 100 x 100
      seconde et troisième image  ,cellule normale 100px Large x 175px Grand
      Troisième image ,  deux dernières cellules 131px Large x 100px Grand
      image du bas , 1ere cellule  36px Large x 86px hauteur
      J'ai mis la taille d'image comme  nom à chaque image dans le scénario donc
      vous pouvez voir d'un coup d'oeil à quelle  cellule elle correspond .
      J'espère que cela vous aidera un peu ... Ce type de scénario n'est pas
      très  facile, ne changez pas  la taille des images sur celles-ci jusqu'à
      ce que vous le fassiez  puis vous  pourrez jouer avec les tailles pour
      chaque cellule par la suite..
      2. 1 tuile pour le  background.
      3. 1 midi
      4. HTML kit ou notepad.
      5. Papier et crayon
     
      ----------------------3---------------------------

      Parlons de la combinaison rowspan et colspan dans le  scénario avant de
      commencer.
      C'est la partie la plus dure des tables, mais c'est aussi l'amusement
      quand vous attrapez le coup cela vaut la peine de l'apprendre. Quand vous
      saurez comment la faire vous pourrez concevoir quelques tables très
      uniques.
      D'abord vous devez  penser différemment que la normale. La magie est un
      tour de l'oeil, la main fait quelque chose et fait  voir à l'oeil ce
      qu'elle veut que l'on voit, mais ce que l'oeil voit n'est pas vraiment ce
      qui arrive. C'est la même chose  avec scripting. Ce que l'oeil voit n'est
      pas ce que le PC voit ou ce que l'on dit au PC de faire. La plupart du
      temps nous créons la magie avec nos scénarios, nous faisons  voir ce que
      nous désirons .C'est la partie amusante du scripting. Cependant, c'est
      aussi une des choses qui fait cette leçon un peu plus dur .  Notre oeil va
      nous dire quelque chose qu'il voit et la plupart du temps cela  va être
      faux et si nous écrivons notre scénario par ce que nous dit notre oeil ,
      nous allons souvent avoir des moments difficiles avec l'union rowspan et
      colspan dans une papeterie. C'est pourquoi nous utiliserons le papier et
      le crayon, qui nous permettra de voir le stat de la façon dont le PC le
      verra et ensuite nous écrirons notre script.
      Nous devons dessiner une table agréable sur notre papier. Puis à
      l'intérieur les cellules comme vous souhaiteriez les voir . Ne commencez
      pas avec une table de 24 cellules pour un début , ces cellules  ne
      travailleront pas toujours .Si vous essayez de le faire  votre oeil vous
      dira souvent qu'un secteur de cellules  est plus large ou grande que le PC
      le verra. C'est où il y aura l'ennui.
      Souvenez-vous le PC ne se soucie pas de la taille d'une cellule , il se
      soucie seulement de combien de cellules sont à la  suite(en ligne) ou en
      colonne. Ainsi si vous avez une image qui fait 100 x 100 et à côté de cela
      vous avez celle  qui est de 100 x 200 , l'oeil vous  dit que la grande
      cellule est de deux cellules alors que votre cerveau pense que la rangée a
      trois cellules . Mais le PC  dit non, qu'il y a  seulement deux cellules,
      une pour chaque image et peu importe que l'une soitt plus long que
      l'autre.Cependant si dans la rangée au-dessous de celle ci, vous mettez 
      trois images de 100 x 100 Alors vous avez fait la norme pour cette table
      avec trois cellules à travers , si maintenant la rangée supérieure est de
      trois cellules , vous devrez utiliser colspan=2 Sur la plus longue pour
      obtenir la table que vous souhaitez. Maintenant pour argumenter, si nous
      mettions une image dans la deuxième rangée de 100 x 300, Alors la table
      retourne à être une table avec seulement deux cellules dans une rangée
      parce que la rangée supérieure a deux cellules et donc votre deuxième
      rangée utiliserait colspan=2 pour faire la table . Cela travaille
      exactement pareil avec les colonnes . Les colonnes avec la plupart des
      cellules mettent la norme pour la table entière peu importe quelles
      tailles sont  les cellules dans cette colonne.
      Dessinez toujours votre table comme vous voulez que cela regarde avec des
      tailles mélangées , avec grandes cellules minces et des  petites cellules
      plus ou moins  grandes et larges. Trouvez maintenant la rangée qui a le
      plus de cellules . cela vous dira la largeur que doit être  votre table.
      Trouvez ensuite la colonne qui est la plus haute ,cela vous dira la
      hauteur  que doit être  votre table . Écrivez ensuite dans les grands
      secteurs minces combien de rowspans celle-ci aura et faites de même pour
      les longues lignes minces : les Colspans  . Si vous avez un grand secteur
      carré qui couvre plus qu'une rangée et une colonne mise dans ce secteur
      combien de chacun il doit recouvrir. Rappelez-vous le total pour les
      cellules normales et combinées dans n'importe quelle rangée ou la colonne
      ne peut pas être plus que le jeu standard pour la table par la rangée ou
      la colonne avec la plupart des cellules. Maintenant vous êtes prêts à
      taper le scénario.
      Souvenez-vous quand vous faites ce type de  table , vos frontières et le
      remplissage de cellule et l'espacement de cellule fera une différence dans
      ce que la taille de vos images devront être. J'écris toujours d'abord le
      scénario avec seulement l'image principale en place et mets des divisions
      dans les autres endroits. Alors j'ajoute un style de classe pour les
      divisions et ajoute la hauteur et la largeur à ce style. Je peux alors
      changer la taille de la division avant que je n'obtienne tout cela comme
      je le veux et ensuite je peux voir quelle taille faire avec  mes images.
      Je fais mes images, enlève la division et mets dans les balises  d'image
      comme normalement  avec la classe id pour la balise d'image et enlève les
      styles que j'ai fait pour les divisions comme ils ne sont plus
      nécessaires. Rappelez-vous juste d'enlever deux fois la taille de
      frontière sur le sommet et le côté de l'image donc votre image sera plus
      petite que la division ou l'image sera trop grande. Si vous avez une
      division de 100 x 100, vous ferez l'image pour cette division 86 x 86 si
      les frontières sont 7px larges.
      100 - 14 = 86 Vous devez enlever 7 pour le sommet et 7 pour le bas et de
      même pour des côtés .

      -------------------------------4------------------------

      Écrivons notre scénario.
      Commencez votre scénario avec votre HTML, la tête, le titre, le style, le
      corps et les balises  de son . Assurez-vous d'obtenir votre ligne de
      statut dans la balise de corps. Parce que je sais déjà que je vais vouloir
      les frontières sur le stat, des cellules, la table et des images , avoir
      une zone de texte, je commence mon scénario avec tout sauf la table .
      Voici par quoi j'ai commencé..
     
      ----------------------5---------------------------

      Votre scénario doit  ressembler à ceci
     
      <HTML>
      <HEAD>
      <TITLE></TITLE>
      <!--script ecrit par Connie pour  leçon 5-->
      <STYLE>
      Body{
      BORDER-RIGHT: #7294AF 7px inset;
      BORDER-TOP: #7294AF 7px outset;
      BORDER-LEFT: #7294AF 7px outset;
      BORDER-BOTTOM: #7294AF 7px inset;
      scrollbar-face-color:#7294AF;
      scrollbar-highlight-color:#B8C9D7;
      scrollbar-3dlight-color:#86A3BA;
      scrollbar-darkshadow-color:#32414D;
      scrollbar-shadow-color:#5A758A;
      scrollbar-arrow-color:#B8C9D7;
      scrollbar-track-color:#7294AF;
      }
      .tb{
      border-right: #CAB7C6 8px solid;
      border-top: #CAB7C6 8px solid;
      border-bottom: #756071 8px solid;
      border-left: #756071 8px solid;
      background color=#A98BA3;
      }
      .tc{
      BORDER-RIGHT: #756071 7px double;
      BORDER-TOP: #756071 7px double;
      BORDER-LEFT: #CAB7C6 7px double;
      BORDER-BOTTOM: #CAB7C6 7px double;
      }
      .phto{
      BORDER-RIGHT: #756071 7px double;
      BORDER-TOP: #756071 7px double;
      BORDER-LEFT: #CAB7C6 7px double;
      BORDER-BOTTOM: #CAB7C6 7px double;
      }
     
      .tx{
      scrollbar-face-color:#957B90;
      scrollbar-highlight-color:#CAB7C6;
      scrollbar-3dlight-color:#A98BA3;
      scrollbar-darkshadow-color:#4A3D48;
      scrollbar-shadow-color:#756071;
      scrollbar-arrow-color:#CAB7C6;
      scrollbar-track-color:#957B90;
      BORDER-RIGHT: #756071 7px double;
      BORDER-TOP: #756071 7px double;
      BORDER-LEFT: #CAB7C6 7px double;
      BORDER-BOTTOM: #CAB7C6 7px double;
      background color:#957B90;
      padding:10;
      text-align: center;
      OVERFLOW: auto;
      FONT-FAMILY: BlackChancery;
      FONT-SIZE: 14pt;
      COLOR: #D7C8D4;
      height:100px;
      width: 100%;
      }
      </STYLE>
      </HEAD>
      <BODY bgcolor=#7294AF onload="window.status='. . . . . . . Stat et
      Scénario par : votre nom ici. . . . . . . '" background="c:\program
      files\fichiers communs\microsoft shared\papier à lettres\SEAMLESS
      TILE.jpg">
      <BGSOUND balance=0 src="c:\program files\fichiers communs\microsoft
      shared\papier à lettres\MIDI .mid" volume=0 loop=infinite>
      </BODY>
      </HTML>

Passons au  code qui  fait la table flottante sur le contexte
      Maintenant allons mettre le code pour faire déplacer la table sans le
      déplacement du contexte comme quand nous faisons défiler la page pour lire
      la note sur le stat.
      Ajoutez bgProperties=fixed à l'intérieur de votre balise de corps
      La balise entière de corps doit ressembler maintenant à celle-ci et
      assurez vous  que tout  cela tient sur une ligne dans votre scénario..
      <BODY bgcolor=#7294AF bgProperties=fixed onload="window.status='. . . . .
      . . Stat et script par votre  nom ici  . . . . . . . '"
      background="c:\program files\fichiers communs\microsoft shared\papier à
      lettres\SEAMLESS TILE.jpg">
     
      ------------------------------7-----------------------

      Votre script devrait  ressembler à....
      <HTML>
      <HEAD>
      <TITLE></TITLE>
      <!--script ecrit par  Connie pour la leçon 5-->
      <STYLE>
      Body{
      BORDER-RIGHT: #7294AF 7px inset;
      BORDER-TOP: #7294AF 7px outset;
      BORDER-LEFT: #7294AF 7px outset;
      BORDER-BOTTOM: #7294AF 7px inset;
      scrollbar-face-color:#7294AF;
      scrollbar-highlight-color:#B8C9D7;
      scrollbar-3dlight-color:#86A3BA;
      scrollbar-darkshadow-color:#32414D;
      scrollbar-shadow-color:#5A758A;
      scrollbar-arrow-color:#B8C9D7;
      scrollbar-track-color:#7294AF;
      }
      .tb{
      border-right: #CAB7C6 8px solid;
      border-top: #CAB7C6 8px solid;
      border-bottom: #756071 8px solid;
      border-left: #756071 8px solid;
      background color=#A98BA3;
      }
      .tc{
      BORDER-RIGHT: #756071 7px double;
      BORDER-TOP: #756071 7px double;
      BORDER-LEFT: #CAB7C6 7px double;
      BORDER-BOTTOM: #CAB7C6 7px double;
      }
      .phto{
      BORDER-RIGHT: #756071 7px double;
      BORDER-TOP: #756071 7px double;
      BORDER-LEFT: #CAB7C6 7px double;
      BORDER-BOTTOM: #CAB7C6 7px double;
      }
     
      .tx{
      scrollbar-face-color:#957B90;
      scrollbar-highlight-color:#CAB7C6;
      scrollbar-3dlight-color:#A98BA3;
      scrollbar-darkshadow-color:#4A3D48;
      scrollbar-shadow-color:#756071;
      scrollbar-arrow-color:#CAB7C6;
      scrollbar-track-color:#957B90;
      BORDER-RIGHT: #756071 7px double;
      BORDER-TOP: #756071 7px double;
      BORDER-LEFT: #CAB7C6 7px double;
      BORDER-BOTTOM: #CAB7C6 7px double;
      background color:#957B90;
      padding:10;
      text-align: center;
      OVERFLOW: auto;
      FONT-FAMILY: BlackChancery;
      FONT-SIZE: 14pt;
      COLOR: #D7C8D4;
      height:100px;
      width: 100%;
      }
      </STYLE>
      </HEAD>
      <BODY bgcolor=#7294AF bgProperties=fixed onload="window.status='. . . . .
      . . Stat et script par Votre nom  . . . . . . . '" background="c:\program
      files\fichiers communs\microsoft shared\papier à lettres\SEAMLESS
      TILE.jpg">
      <BGSOUND balance=0 src="c:\program files\fichiers communs\microsoft
      shared\papier à lettres\MIDI.mid" volume=0 loop=infinite>
      </BODY>
      </HTML>

      -------------------------------8------------------------

      Maintenant nous commençons notre table et écrivons la rangée de table 1
      J'ai dessiné ma table et je sais que je vais avoir une longue image mince
      en haut ,cela va être ma liaison au site de l'artiste , je sais que je
      veux avoir  des frontières à ma cellule aussi bien que sur mon image. Je
      vais écrire cette rangée supérieure et mettre  dedans ma balise de liaison
      aussi bien que ma classe id pour la cellule et l'image pour que cette
      partie soit toute faite quand j'en aurai fini avec mon scénario.
      Nous commençons bien sûr en ouvrant une table et une rangée et la cellule.
      Je sais déjà que cette rangée est de la même largeur que ma table ,ma
      table est 4 cellules à travers, donc  cela dit de recouvrir 4 colonnes
      donc j'ajoute colspan=4. Je veux que tout cela s'aligne à l'intérieur de
      la cellule pour me concentrer à  ceci je l'ai mis dans la balise de
      cellule de table aussi. Je vais en avant et le mets dans ma balise de
      table finale donc je ne l'oublierai pas quand j'aurai fini.
      <TABLE class=tb width=500px align=center cellpadding=5 cellspacing=5>
      <TR>
      <TD class=tc align=center colspan=4>
     
      </TABLE>
      Maintenant je veux une image dans cette cellule que nous avons juste
      ouverte, mais parce que l'image est une liaison d'un site je vais ajouter
      la balise de liaison d'abord et alors celle de l'image, j'ajoute le
      border=0 à la balise d'image avant le > ensuite je ferme la balise de
      liaison. Parce que c'est tout ce qui va dans cette cellule et cette rangée
      , je les ferme quand j'ai fini avec  la balise d'image dans la cellule.
      <A href="URL de site ici"><IMG class=phto src="C:/Program Files/fichiers
      communs/Microsoft Shared/papier à lettres/526-50.jpg"
      border=0></A></TD></TR>
     
     
      ------------------------9-----------------------

      Votre scénario devrait  ressembler maintenant .....
      <HTML>
      <HEAD>
      <TITLE></TITLE>
      <!--script ecrit par Connie pour la leçon 5-->
      <STYLE>
      Body{
      BORDER-RIGHT: #7294AF 7px inset;
      BORDER-TOP: #7294AF 7px outset;
      BORDER-LEFT: #7294AF 7px outset;
      BORDER-BOTTOM: #7294AF 7px inset;
      scrollbar-face-color:#7294AF;
      scrollbar-highlight-color:#B8C9D7;
      scrollbar-3dlight-color:#86A3BA;
      scrollbar-darkshadow-color:#32414D;
      scrollbar-shadow-color:#5A758A;
      scrollbar-arrow-color:#B8C9D7;
      scrollbar-track-color:#7294AF;
      }
      .tb{
      border-right: #CAB7C6 8px solid;
      border-top: #CAB7C6 8px solid;
      border-bottom: #756071 8px solid;
      border-left: #756071 8px solid;
      background color=#A98BA3;
      }
      .tc{
      BORDER-RIGHT: #756071 7px double;
      BORDER-TOP: #756071 7px double;
      BORDER-LEFT: #CAB7C6 7px double;
      BORDER-BOTTOM: #CAB7C6 7px double;
      }
      .phto{
      BORDER-RIGHT: #756071 7px double;
      BORDER-TOP: #756071 7px double;
      BORDER-LEFT: #CAB7C6 7px double;
      BORDER-BOTTOM: #CAB7C6 7px double;
      }
     
      .tx{
      scrollbar-face-color:#957B90;
      scrollbar-highlight-color:#CAB7C6;
      scrollbar-3dlight-color:#A98BA3;
      scrollbar-darkshadow-color:#4A3D48;
      scrollbar-shadow-color:#756071;
      scrollbar-arrow-color:#CAB7C6;
      scrollbar-track-color:#957B90;
      BORDER-RIGHT: #756071 7px double;
      BORDER-TOP: #756071 7px double;
      BORDER-LEFT: #CAB7C6 7px double;
      BORDER-BOTTOM: #CAB7C6 7px double;
      background color:#957B90;
      padding:10;
      text-align: center;
      OVERFLOW: auto;
      FONT-FAMILY: BlackChancery;
      FONT-SIZE: 14pt;
      COLOR: #D7C8D4;
      height:100px;
      width: 100%;
      }
      </STYLE>
      </HEAD>
      <BODY bgcolor=#7294AF bgProperties=fixed onload="window.status='. . . . .
      . . Stat et script par votre nom. . . . . . . '" background="c:\program
      files\fichiers communs\microsoft shared\papier à lettres\SEAMLESS
      TILE.jpg">
      <BGSOUND balance=0 src="c:\program files\fichiers communs\microsoft
      shared\papier à lettres\MIDI.mid" volume=0 loop=infinite>
      <TABLE class=tb width=500px align=center cellpadding=5 cellspacing=5>
      <TR>
      <TD class=tc align=center colspan=4>
      <A href="liaison du site"><IMG class=phto src="c:\program files\fichiers
      communs\microsoft shared\papier à lettres\526-50.jpg"
      border=0></A></TD></TR>
     
      </TABLE>
      </BODY>
      </HTML>

      ----------------------10--------------------------

      Ensuite la table row 2
      Nous commençons maintenant notre rangée suivante dans la table. Je sais
      déjà que cette rangée aura une grande image mince à gauche et ensuite une
      cellule normale et ensuite une grande image  .J'ai calculé que la grande
      image mince va recouvrir trois rangées et la grande image recouvrira deux
      rangées et deux colonnes. Je sais aussi que je veux avoir des frontières
      sur les images et les cellules  donc je le mets dans la classe id pour
      chacunes . Maintenant j'ouvre une rangée de table, une cellule et commence
      à écrire cette rangée de la table..
      <TR>
      <TD class=tc align=center rowspan=3>
      J'ajoute maintenant la balise d'image à la cellule et ferme la cellule
      <IMG class=phto src="c:\program files\fichiers communs\microsoft
      shared\papier à lettres\image size_36-536.jpg"></TD>
      Ensuite j'ouvre la cellule suivante de la rangée. C'est une cellule
      normale sans aucun rowspan ou colspan dans celle-ci.
      <TD class=tc align=center>
      J'ajoute maintenant la balise d'image à la cellule et ferme la cellule
      <IMG class=phto src="c:\program files\fichiers communs\microsoft
      shared\papier à lettres\image size-100-175.jpg"></TD>
      Puis  j'ouvre la cellule suivante de la rangée. Celle-ci va contenir une
      grande image et elle devra recouvrir deux colonnes et deux rangées donc je
      le  mets dans la balise de cellule.
      <TD class=tc align=center rowspan=2 colspan=2>
      J'ajoute maintenant la balise d'image à la cellule et parce que cette
      image est l'image principale et qu'elle est protégée par le droit d'auteur
      , Je vais ajouter la balise "alt" maintenant  que cette cellule est finie
      je la ferme. J'ai  aussi fini avec cette rangée donc je ferme la rangée de
      table .
      <IMG class=phto ALT="©artist name" src="c:\program files\fichiers
      communs\microsoft shared\papier à lettres\310-399.jpg"></TD></TR>

Votre script devrait  ressembler maintenant à ...
      <HTML>
      <HEAD>
      <TITLE></TITLE>
      <!--script ecrit par Connie pour la leçon 5-->
      <STYLE>
      Body{
      BORDER-RIGHT: #7294AF 7px inset;
      BORDER-TOP: #7294AF 7px outset;
      BORDER-LEFT: #7294AF 7px outset;
      BORDER-BOTTOM: #7294AF 7px inset;
      scrollbar-face-color:#7294AF;
      scrollbar-highlight-color:#B8C9D7;
      scrollbar-3dlight-color:#86A3BA;
      scrollbar-darkshadow-color:#32414D;
      scrollbar-shadow-color:#5A758A;
      scrollbar-arrow-color:#B8C9D7;
      scrollbar-track-color:#7294AF;
      }
      .tb{
      border-right: #CAB7C6 8px solid;
      border-top: #CAB7C6 8px solid;
      border-bottom: #756071 8px solid;
      border-left: #756071 8px solid;
      background color=#A98BA3;
      }
      .tc{
      BORDER-RIGHT: #756071 7px double;
      BORDER-TOP: #756071 7px double;
      BORDER-LEFT: #CAB7C6 7px double;
      BORDER-BOTTOM: #CAB7C6 7px double;
      }
      .phto{
      BORDER-RIGHT: #756071 7px double;
      BORDER-TOP: #756071 7px double;
      BORDER-LEFT: #CAB7C6 7px double;
      BORDER-BOTTOM: #CAB7C6 7px double;
      }
     
      .tx{
      scrollbar-face-color:#957B90;
      scrollbar-highlight-color:#CAB7C6;
      scrollbar-3dlight-color:#A98BA3;
      scrollbar-darkshadow-color:#4A3D48;
      scrollbar-shadow-color:#756071;
      scrollbar-arrow-color:#CAB7C6;
      scrollbar-track-color:#957B90;
      BORDER-RIGHT: #756071 7px double;
      BORDER-TOP: #756071 7px double;
      BORDER-LEFT: #CAB7C6 7px double;
      BORDER-BOTTOM: #CAB7C6 7px double;
      background color:#957B90;
      padding:10;
      text-align: center;
      OVERFLOW: auto;
      FONT-FAMILY: BlackChancery;
      FONT-SIZE: 14pt;
      COLOR: #D7C8D4;
      height:100px;
      width: 100%;
      }
      </STYLE>
      </HEAD>
      <BODY bgcolor=#7294AF bgProperties=fixed onload="window.status='. . . . .
      . . Stat et  script par votre nom . . . . . . . '" background="c:\program
      files\fichiers communs\microsoft shared\papier à lettres\SEAMLESS
      TILE.jpg">
      <BGSOUND balance=0 src="c:\program files\fichiers communs\microsoft
      shared\papier à lettres\MIDI.mid" volume=0 loop=infinite>
      <TABLE class=tb width=500px align=center cellpadding=5 cellspacing=5>
      <TR>
      <TD class=tc align=center colspan=4>
      <A href="site addy here"><IMG class=phto src="c:\program files\fichiers
      communs\microsoft shared\papier à lettres\526-50.jpg"
      border=0></A></TD></TR>
      <TR>
      <TD class=tc align=center rowspan=3><IMG class=phto src="c:\program
      files\fichiers communs\microsoft shared\papier à lettres\image
      size_36-536.jpg"></TD>
      <TD class=tc align=center><IMG class=phto src="c:\program files\fichiers
      communs\microsoft shared\papier à lettres\image size-100-175.jpg"></TD>
      <TD class=tc align=center rowspan=2 colspan=2><IMG class=phto ALT="©artist
      name" src="c:\program files\fichiers communs\microsoft shared\papier à
      lettres\310-399.jpg"></TD></TR>
     
     
      </TABLE>
      </BODY>
      </HTML>
      -----------------------12------------------------

      Ensuite la table row 3
      Nous sommes maintenant prêt à écrire notre rangée suivante dans la table.
      Cette rangée est un peu différente , cette rangée a la partie de la
      deuxième rangée en raison de la longue image mince à gauche et la grande
      image à droite. Cela signifie que la partie des cellules pour cette rangée
      a été en réalité écrite dans le scénario quand nous avons écrit la
      deuxième rangée donc nous avons seulement une cellule pour écrire dans
      cette rangée.
      Donc nous ouvrons la rangée, la cellule et nous mettons dedans notre
      balise d'image, fermons la cellule et la rangée. Nous voulons aussi des
      frontières à  la cellule et l'image donc nous ajoutons la classe id à la
      balise de cellule de table et d'image.
      <TR>
      <TD class=tc align=center><IMG class=phto src="c:\program files\fichiers
      communs\microsoft shared\papier à lettres\100-175.jpg"></TD></TR>
     
      ------------------------13-----------------------

      Votre script devrait  ressembler maintenant à ...
      <HTML>
      <HEAD>
      <TITLE></TITLE>
      <!--script ecrit par Connie pour la leçon 5-->
      <STYLE>
      Body{
      BORDER-RIGHT: #7294AF 7px inset;
      BORDER-TOP: #7294AF 7px outset;
      BORDER-LEFT: #7294AF 7px outset;
      BORDER-BOTTOM: #7294AF 7px inset;
      scrollbar-face-color:#7294AF;
      scrollbar-highlight-color:#B8C9D7;
      scrollbar-3dlight-color:#86A3BA;
      scrollbar-darkshadow-color:#32414D;
      scrollbar-shadow-color:#5A758A;
      scrollbar-arrow-color:#B8C9D7;
      scrollbar-track-color:#7294AF;
      }
      .tb{
      border-right: #CAB7C6 8px solid;
      border-top: #CAB7C6 8px solid;
      border-bottom: #756071 8px solid;
      border-left: #756071 8px solid;
      background color=#A98BA3;
      }
      .tc{
      BORDER-RIGHT: #756071 7px double;
      BORDER-TOP: #756071 7px double;
      BORDER-LEFT: #CAB7C6 7px double;
      BORDER-BOTTOM: #CAB7C6 7px double;
      }
      .phto{
      BORDER-RIGHT: #756071 7px double;
      BORDER-TOP: #756071 7px double;
      BORDER-LEFT: #CAB7C6 7px double;
      BORDER-BOTTOM: #CAB7C6 7px double;
      }
     
      .tx{
      scrollbar-face-color:#957B90;
      scrollbar-highlight-color:#CAB7C6;
      scrollbar-3dlight-color:#A98BA3;
      scrollbar-darkshadow-color:#4A3D48;
      scrollbar-shadow-color:#756071;
      scrollbar-arrow-color:#CAB7C6;
      scrollbar-track-color:#957B90;
      BORDER-RIGHT: #756071 7px double;
      BORDER-TOP: #756071 7px double;
      BORDER-LEFT: #CAB7C6 7px double;
      BORDER-BOTTOM: #CAB7C6 7px double;
      background color:#957B90;
      padding:10;
      text-align: center;
      OVERFLOW: auto;
      FONT-FAMILY: BlackChancery;
      FONT-SIZE: 14pt;
      COLOR: #D7C8D4;
      height:100px;
      width: 100%;
      }
      </STYLE>
      </HEAD>
      <BODY bgcolor=#7294AF bgProperties=fixed onload="window.status='. . . . .
      . . Stat et script par votre nom. . . . . . . '" background="c:\program
      files\fichiers communs\microsoft shared\papier à lettres\SEAMLESS
      TILE.jpg">
      <BGSOUND balance=0 src="c:\program files\fichiers communs\microsoft
      shared\papier à lettres\MIDI.mid" volume=0 loop=infinite>
      <TABLE class=tb width=500px align=center cellpadding=5 cellspacing=5>
      <TR>
      <TD class=tc align=center colspan=4>
      <A href="site addy here"><IMG class=phto src="c:\program files\fichiers
      communs\microsoft shared\papier à lettres\526-50.jpg"
      border=0></A></TD></TR>
      <TR>
      <TD class=tc align=center rowspan=3><IMG class=phto src="c:\program
      files\fichiers communs\microsoft shared\papier à lettres\36-536.jpg"></TD>
      <TD class=tc align=center><IMG class=phto src="c:\program files\fichiers
      communs\microsoft shared\papier à lettres\100-175.jpg"></TD>
      <TD class=tc align=center rowspan=2 colspan=2><IMG class=phto ALT="©artist
      name" src="c:\program files\fichiers communs\microsoft shared\papier à
      lettres\310-399.jpg"></TD></TR>
      <TR>
      <TD class=tc align=center><IMG class=phto src="c:\program files\fichiers
      communs\microsoft shared\papier à lettres\100-175.jpg"></TD></TR>
     
      </TABLE>
      </BODY>
      </HTML>

      --------------------14--------------------------

      Ensuite la table row 4
      Nous sommes maintenant prêts à commencer notre rangée suivante dans la
      table. Cette rangée est  en partie écrite quand nous avons écrit la
      deuxième rangée parce que cette grande image mince couvre la gauche sur
      rowspan=3. Mais sur celle-ci je veux avoir trois cellules normales aussi
      et celles-ci iront sous la deuxième colonne et sous la grande image à
      droite donc nous devons mettre ces cellules dans le scénario maintenant.
      Elle va contenir mon image d'email et les autres deux  contiendront juste
      des images normales avec des frontières sur toutes les cellules et  images
      donc nous allons ajouter la classe id .
      D'abord nous ouvrons la rangée et une cellule
      <TR>
      <TD class=tc align=center>
      C'est la cellule qui contient mon image d'email donc je vais mettre la
      balise d'email d'abord. Ensuite  la balise d'image avec le border=0 et je
      ferme alors  la balise de liaison d'email et la cellule.
      <A href=mailto:votre E-mail ici><IMG class=phto src="c:\program
      files\fichiers communs\microsoft shared\papier à lettres\100-100
      email.jpg" border=0></A></TD>
      Je dois ensuite écrire la cellule suivante qui contient une image ,
      j'ouvre la cellule, mets à l'intérieur  la balise d'image et ferme la
      cellule.
      <TD class=tc align=center><IMG class=phto src="c:\program files\fichiers
      communs\microsoft shared\papier à lettres\131-100.jpg"></TD>
      Je dois ensuite écrire la cellule suivante qui contient une autre image ,
      j'ouvre la cellule, mets à l'intérieur  la balise d'image et ferme la
      cellule, et comme j'ai fini avec cette rangée , je ferme la rangée de
      table .
      <TD class=tc align=center><IMG class=phto src="c:\program files\fichiers
      communs\microsoft shared\papier à lettres\131-100.jpg"></TD></TR>
     
     
      ----------------------15--------------------------

      Votre script devrait  ressembler maintenant à ...
      <HTML>
      <HEAD>
      <TITLE></TITLE>
      <!--script ecrit par Connie pour la leçon 5-->
      <STYLE>
      Body{
      BORDER-RIGHT: #7294AF 7px inset;
      BORDER-TOP: #7294AF 7px outset;
      BORDER-LEFT: #7294AF 7px outset;
      BORDER-BOTTOM: #7294AF 7px inset;
      scrollbar-face-color:#7294AF;
      scrollbar-highlight-color:#B8C9D7;
      scrollbar-3dlight-color:#86A3BA;
      scrollbar-darkshadow-color:#32414D;
      scrollbar-shadow-color:#5A758A;
      scrollbar-arrow-color:#B8C9D7;
      scrollbar-track-color:#7294AF;
      }
      .tb{
      border-right: #CAB7C6 8px solid;
      border-top: #CAB7C6 8px solid;
      border-bottom: #756071 8px solid;
      border-left: #756071 8px solid;
      background color=#A98BA3;
      }
      .tc{
      BORDER-RIGHT: #756071 7px double;
      BORDER-TOP: #756071 7px double;
      BORDER-LEFT: #CAB7C6 7px double;
      BORDER-BOTTOM: #CAB7C6 7px double;
      }
      .phto{
      BORDER-RIGHT: #756071 7px double;
      BORDER-TOP: #756071 7px double;
      BORDER-LEFT: #CAB7C6 7px double;
      BORDER-BOTTOM: #CAB7C6 7px double;
      }
     
      .tx{
      scrollbar-face-color:#957B90;
      scrollbar-highlight-color:#CAB7C6;
      scrollbar-3dlight-color:#A98BA3;
      scrollbar-darkshadow-color:#4A3D48;
      scrollbar-shadow-color:#756071;
      scrollbar-arrow-color:#CAB7C6;
      scrollbar-track-color:#957B90;
      BORDER-RIGHT: #756071 7px double;
      BORDER-TOP: #756071 7px double;
      BORDER-LEFT: #CAB7C6 7px double;
      BORDER-BOTTOM: #CAB7C6 7px double;
      background color:#957B90;
      padding:10;
      text-align: center;
      OVERFLOW: auto;
      FONT-FAMILY: BlackChancery;
      FONT-SIZE: 14pt;
      COLOR: #D7C8D4;
      height:100px;
      width: 100%;
      }
      </STYLE>
      </HEAD>
      <BODY bgcolor=#7294AF bgProperties=fixed onload="window.status='. . . . .
      . . Stat et  script par votre nom. . . . . . . '" background="c:\program
      files\fichiers communs\microsoft shared\papier à lettres\SEAMLESS
      TILE.jpg">
      <BGSOUND balance=0 src="c:\program files\fichiers communs\microsoft
      shared\papier à lettres\MIDI.mid" volume=0 loop=infinite>
      <TABLE class=tb width=500px align=center cellpadding=5 cellspacing=5>
      <TR>
      <TD class=tc align=center colspan=4>
      <A href="site addy here"><IMG class=phto src="c:\program files\fichiers
      communs\microsoft shared\papier à lettres\526-50.jpg"
      border=0></A></TD></TR>
      <TR>
      <TD class=tc align=center rowspan=3><IMG class=phto src="c:\program
      files\fichiers communs\microsoft shared\papier à lettres\36-536.jpg"></TD>
      <TD class=tc align=center><IMG class=phto src="c:\program files\fichiers
      communs\microsoft shared\papier à lettres\100-175.jpg"></TD>
      <TD class=tc align=center rowspan=2 colspan=2><IMG class=phto ALT="©artist
      name" src="c:\program files\fichiers communs\microsoft shared\papier à
      lettres\310-399.jpg"></TD></TR>
      <TR>
      <TD class=tc align=center><IMG class=phto src="c:\program files\fichiers
      communs\microsoft shared\papier à lettres\100-175.jpg"></TD></TR>
      <TR>
      <TD class=tc align=center><A href="mailto:your email addy here"><IMG
      class=phto src="c:\program files\fichiers communs\microsoft shared\papier
      à lettres\100-100 email.jpg" border=0></A></TD>
      <TD class=tc align=center><IMG class=phto src="c:\program files\fichiers
      communs\microsoft shared\papier à lettres\131-100.jpg"></TD>
      <TD class=tc align=center><IMG class=phto src="c:\program files\fichiers
      communs\microsoft shared\papier à lettres\131-100.jpg"></TD></TR>
     
     
      </TABLE>
      </BODY>
      </HTML>

Cette fois nous apprendrons à ajouter des balises "Marquee"  à nos
      tables. Ces Balises  sont amusantes et  très faciles.
      ---------------------------------Ce que nous avons besoin pour cette
      leçon---------------------------
      1. Une image principale. Assurez-vous d'utiliser une image du domaine
      publique ou une de vos propres photos .
      2. Deux petites images pour mettre dans les balises "marquee". J'ai
      utilisé des images de même largeur, cependant vous pouvez utiliser des
      largeurs différentes si vous le souhaitez . Mes petites images sont 103px
      de larges.
      3. Un midi.
      4. une Tuile background .
      5. HTML Kit ou  Blocnote.
      --------------------------------Codes couleurs dans la
      leçon--------------------------
      Pendant la leçon,si vous voyez quelque chose dans cette couleur bleue
      brillante c'est juste pour attirer votre attention sur cette balise.
      Les choses en bleu foncé seront là pour  vous montrer à quoi votre script
      doit ressembler à cette endroit dans la leçon. Cela vous aidera à voir ce
      qui vous manque si vous vous heurtez à un problème dans la leçon .
      Quoi que ce soit en vert est la  nouvelle particule de scénario que vous
      ajouterez . Vous pourrez alors vérifier à quoi le plein scénario doit
      ressembler  en vous  déplaçant au secteur bleu foncé qui suivra toujours
      le secteur vert.
      Les lignes rouges sont juste pour trier les sections  de la leçon .
      J'ajouterai des numéros à ces lignes donc vous pourrez mieux savoir ou
      vous en êtes.
      ------------------------------------------1-------------------------------------------
      Les nouveaux codes que nous utiliserons pour cette leçon
      <MARQUEE>cette balise est une voie rapide est simple de mettre un peu 
      d'animation dans votre papeterie , bien sûr cette balise d'ouverture a une
      balise  finale qui  ressemble a... </MARQUEE>
      UN EXEMPLE
      Tous les codes ci-dessous sont placés dans la balise  marquee ouvrante ,
      ils sont nécessaires pour faire travailler votre balise.
      Les trois codes ci-dessous disent dans quelle direction vous souhaitez les
      faire aller .
      La balise "marquee" se dirigera ( par défaut ) de gauche à droite  sans un
      de ces codes dans le scénario.
      direction=up Celui-ci se dirige du bas au sommet
      direction=down Celui-ci se dirige du sommet au bas
      direction=right  Celui-ci se dirige de  gauche à droite
     
      Les deux codes ci-dessous disent au PC comment nous voulons que la balise
      "marquée"  se comporte . Elle défilera juste  si vous ne mettez pas un de
      ces autres codes de comportement , si vous préférez qu'elle défile ne  pas
      mettre de code du tout dans la balise .
      behavior="alternate" Ce code  la fait  aller d'un côté à l'autre  ou du
      sommet au bas, selon la direction que vous avez choisi. Si vous voulez que
      cela aille d'un côté à l'autre  , vous n'avez pas besoin d'une direction
      parce que la balise fonctionnera par défaut .
      behavior="slide"  Aucune direction n'est nécessaire sur celui-ci , il
      arrive  du coté droit et se déplace sur  la  gauche comme s' il était par 
      défaut. Si vous voulez qu'il entre d'une autre façon alors  vous devrez 
      mettre  la direction. Vous pouvez aussi vouloir ajouter le remplissage à
      côté de la cellule où cet auvent s'arrêtera ainsi il ne n'ira pas jusqu'au
      bord ,il  s'arrêtera et restera au centre.
      scrollamount=1 C'est pour indiquer la vitesse ,en pixel, de déplacement du
      texte dans le rouleau  . Un  nombre plus petit fera des  à-coup dans les
      rouleaux de texte, mais il se déplacera plus lentement à travers la page.
      La plupart des personnes le mettent à 1 comme cela  il ne saute pas
      pendant le défilement du texte .
      scrolldelay=80 Celui ci indique , en nombre de  millisecondes ,la vitesse
      du rouleau . Plus  ce nombre est bas , plus rapide sont les rouleaux de
      texte. La plupart des personnes les mettent entre 60 et 80 donc il est
      facile de lire le texte avant qu'il ne défile du secteur de la zone de
      texte.
      loop=2 Celui ci indique  le nombre  de  répétition, -1 pour répéter
      indéfiniment. Si vous n'utilisez pas de boucle du tout, votre "marquee" se
      répétera  toujours car il se retrouvera par "défaut". Cependant si vous ne
      voulez pas que cela se répète pour toujours, alors  ajoutez la boucle à
      votre scénario. Le seul "MARQUEE" qui ne se répète pas sans le code de
      boucle est le behavior=slide. il ne fait qu'une seule course  à moins que
      vous ne lui  dites d'en faire plus . Je ne l'ai pas utilisé dans mon
      scénario mais je voulais vous en faire part pour que vous puissiez
      l'utiliser ,ainsi  vous saurez comment faire. Ce code entre dans la balise
      "marquee" ouvrante.
      Si vous voulez mélanger votre direction et le comportement dans un marquee
      vous aurez deux commandes dans cette balise . Une pour la direction et une
      pour le comportement.  Vous pouvez changer la direction d'en haut ou d'en
      bas si vous aimez.
      <MARQUEE class=mar2 behavior="alternate" direction="right">text</MARQUEE>
      Vous pouvez aussi ajouter la hauteur et la largeur à votre balise
      "marquee" et  ajoutez des balises de style donc je donne toujours un nom
      de  classe id à mon "marquee".
      -----------------------------------------------2-------------------------------------------
      Bien parlons un peu des balises "MARQUEE" .
      Une balise "marquee"  peut  avoir un  texte ou une image ou les deux.
      Soyez conscient que si vous mettez  les deux , le texte suivra au bord du
      bas de l'image et pas dans le centre de l'image. Donc vous ne pourrez pas
      utiliser une très grande image .
      Nous pouvons même faire défiler notre texte dans la zone de texte avec un
      "marquee" et mettre la vitesse de défilement du  texte .
      Une "marquee" peut s'accorder à une cellule de table ou vous pouvez la
      placer sur l'écran c'est la même voie qu'une division ou une image en
      utilisant la position : absolute; left: 
      Les balises "Marquée"  sont un amusement et ne sont pas dur ,  vous
      devriez  aimer cette leçon.
      ---------------------------------------------3---------------------------------------------------
      Commençons notre script.
      Commencez votre script avec ce que nous connaissons déjà . Les étiquettes
      de HTML, tête, titre, style, corps et balises du son. Ajoutez aussi les
      balises de style que vous savez  ,par avance , que vous utiliserez, dans
      ce scénario les normes seront le style de table, le style de cellule, le
      style d'image et parce que notre division de zone de texte n'est pas 
      normale ne les ajoutez pas cette fois ci,  avant que je ne vous donne les
      codes pour cela dans la leçon. Bien sur  donner à votre table un nom de
      classe id , donnez lui sa  largeur , son  alignement sur l'écran , le
      cellspacing et le cellpadding. Rappelez-vous de donner un nom de classe ID
      à toutes les cellules ,les balises "marquee" et images jusqu'à la fin du
      scénario même si j'oublie de vous dire de le faire. Même si vous n'ajoutez
      pas de style à votre script pour cette partie du scénario, le nom de la
      classe id n'endommagera rien dans le script en étant dans celui ci. J'ai
      souvent le nom d'id dans mon scénario et n'ajoute pas ensuite le style,
      mais il est là dans le cas où je veux l'ajouter plus tard si je  réutilise
      le scénario et peux  y faire quelques changements.
      -----------------------------------------------4----------------------------------------------
      Votre scénario devrait  ressembler a....
      <html>
      <head>
      <title> </title>
      <!--script par Connie-->
      <style>
      Body{
      BORDER-RIGHT: #DC0224 8px inset;
      BORDER-TOP: #DC0224 8px outset;
      BORDER-LEFT: #DC0224 8px outset;
      BORDER-BOTTOM: #DC0224 8px inset;
      scrollbar-face-color:#ffffff;
      scrollbar-highlight-color:#A5011B;
      scrollbar-3dlight-color:#ffffff;
      scrollbar-darkshadow-color:#ffffff;
      scrollbar-shadow-color:#ffffff;
      scrollbar-arrow-color:#A5011B;
      scrollbar-track-color:#ffffff;
      }
      .tb{
      BORDER-RIGHT: #DC0224 8px inset;
      BORDER-TOP: #DC0224 8px outset;
      BORDER-LEFT: #DC0224 8px outset;
      BORDER-BOTTOM: #DC0224 8px inset;
      background color: #ffffff;
      }
      .tc{
      BORDER-RIGHT: #DC0224 7px double;
      BORDER-TOP: #DC0224 7px double;
      BORDER-LEFT: #DC0224 7px double;
      BORDER-BOTTOM: #DC0224 7px double;
      }
      .phto{
      BORDER-RIGHT: #DC0224 7px double;
      BORDER-TOP: #DC0224 7px double;
      BORDER-LEFT: #DC0224 7px double;
      BORDER-BOTTOM: #DC0224 7px double;
      }
     
     
      </style>
      </head>
      <!--La tuile de fond cet tient ici tout sur une ligne-->
      <BODY bgColor=#FFFFFF onload="window.status='. . . . . . . Stat et  script
      par votre nom . . . . . . . '" background="C:/Program Files/fichiers
      communs/Microsoft Shared/papier à lettres/tuile here.jpg">
      <!--fichier midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/fichiers communs/Microsoft
      Shared/papier à lettres/Midi here.mid" volume=0 loop=infinite>
     
      </body>
      </html>
      ---------------------------5----------------------
      Maintenant nous commençons notre table.
      Ouvrons une table, une rangée et  la première cellule. Rappelez-vous de
      mettre dedans votre nom de classe id et dire aux cellules de s'aligner au
      centre. Je ne veux pas mettre quoi que ce soit dans ma première cellule
      mais je veux que mes frontières se voient  ainsi j'ajoute la balise de
      saut de ligne qui ressemble à  <BR> et ensuite je ferme ma cellule. Cela
      fait croire à votre ordinateur  qu'il y a quelque chose à l'intérieur de
      la cellule et donc il nous montrera les frontières, sans cela vos
      frontières ne se verront  pas.
      <TABLE class=tb width=450px align=center cellpadding=5 cellspacing=30>
      <TR>
      <TD class=tc align=center><BR></TD>
      Ensuite nous ouvrons une autre cellule et ouvrons notre "Marquee",  comme
      je vais donner un nom de classe id  , j'ajoute  le style aussi, je dois
      dire à la balise  comment se comporter et cela ira à l'intérieur de la
      balise ouvrante. Je sais que je veux que mon "Marquee" fasse la commande
      de glissade sur cette cellule donc j'ai mis dans le comportement :
      behavior="slide". Ceci est à l'intérieur de la balise Marquée  ouvrante.
      Je veux  du texte dans cette balise  donc j'ajoute le mot "texte" au
      scénario, ce mot  va directement après la fermeture de la balise ouvrante
      et directement avant la balise finale fermante.  Nous mettrons toutes les
      informations  sur la taille , la couleur et la fonte dans les balises  de
      style un peu plus tard dans la leçon. Comme nous avons fini avec cela nous
      mettons les balises fermantes du "marquee" et de la  cellule .
      <TD class=tc align=center><MARQUEE class=mar
      behavior="slide">Text</MARQUEE></TD>
      Ma dernière cellule ressemble à une autre cellule vide comme la premiere
      que  j'ai mis dans le scénario et parce que c'est la dernière cellule de
      la rangée je ferme ma table actuellement.
      <TD class=tc align=center><BR></TD></TR>

 
[color=steelblue][b]Maintenant nous sommes prêts à faire notre rangée suivante de la table.
Donc nous ouvrons une nouvelle rangée et ouvrons une nouvelle cellule. Je
veux que la première cellule couvre deux rangées en hauteur donc
j'ajouterai rowspan=2 à ma balise de cellule. Je veux que cette première
cellule contienne une balise "Marquee" ainsi j'ouvre un marquee et lui
donne un nom de classe id , j' ajoute la taille de de cette balise à mon
stat. Je veux que le "Marquee" aille du bas de la cellule au sommet donc
je dois donner la direction pour se déplacement. Ainsi à l'intérieur de la
balise Marquee ouvrante j'ai mis direction=up. Je dois lui dire aussi de
contenir une image et non pas du texte. Pour faire cela , nous ajouterons
la balise d'image normale au scénario et la mettrons entre l'ouverture et
la balise Marquee finale. Nous avons fini avec cette balise et la
première cellule donc je mets toutes les balises de fermetures , balise
Marquee et celle de la cellule, mais nous laissons la rangée ouverte pour
plus de cellules.
Voici le code que j'ai utilisé pour la première cellule.
<TR>

<td class=tc align="center" rowspan="2">

Body{
BORDER-RIGHT: #DC0224 8px inset;
BORDER-TOP: #DC0224 8px outset;
BORDER-LEFT: #DC0224 8px outset;
BORDER-BOTTOM: #DC0224 8px inset;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#A5011B;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-arrow-color:#A5011B;
scrollbar-track-color:#ffffff;
}
.tb{
BORDER-RIGHT: #DC0224 8px inset;
BORDER-TOP: #DC0224 8px outset;
BORDER-LEFT: #DC0224 8px outset;
BORDER-BOTTOM: #DC0224 8px inset;
background color:#ffffff;
}
.tc{
BORDER-RIGHT: #DC0224 7px double;
BORDER-TOP: #DC0224 7px double;
BORDER-LEFT: #DC0224 7px double;
BORDER-BOTTOM: #DC0224 7px double;
}
.phto{
BORDER-RIGHT: #DC0224 7px double;
BORDER-TOP: #DC0224 7px double;
BORDER-LEFT: #DC0224 7px double;
BORDER-BOTTOM: #DC0224 7px double;
}
.mar{
height:10px;
width: 100%;
FONT-FAMILY: BlackChancery;
FONT-SIZE: 14pt;
COLOR: #A5011B;
text-align: center;
padding-top:3px;
padding-left: 15px;
}
.mar2{
height:10px;
width: 100%;
FONT-FAMILY: BlackChancery;
FONT-SIZE: 14pt;
COLOR: #A5011B;
text-align: center;
padding-top:3px;
}
.mar3{
height: 670px;
width: 103px;
}
.martx{
background color:#ffffff;
BORDER-RIGHT: #DC0224 7px double;
BORDER-TOP: #DC0224 7px double;
BORDER-LEFT: #DC0224 7px double;
BORDER-BOTTOM: #DC0224 7px double;
padding:10;
text-align: center;
FONT-FAMILY: BlackChancery;
FONT-SIZE: 14pt;
COLOR: #A5011B;
height:150px;
width: 100%;
}








[table class=tb cellSpacing=30 cellPadding=5 width=450 align=center][tr][td class=tc]
[/td]