Mots d'art & Scénarios

Poésie, littérature, pensées,
scripts d'art,
oeuvres de Ginette Villeneuve
AccueilAccueil  ­RechercherRechercher  ­S'enregistrerS'enregistrer  ­ConnexionConnexion  
Poster un nouveau sujet   Répondre au sujetPartager | 
 

 Cours Visual Basic Script : Connie Shultza en français

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : Précédent  1, 2, 3, 4  Suivant
AuteurMessage
Gi
Rang: Administrateur


Nombre de messages: 11439
Localisation: Terrebonne, Québec, Canada
Date d'inscription: 18/12/2004

MessageSujet: Re: Cours Visual Basic Script : Connie Shultza en français   Jeu 13 Oct - 20:38

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés



Cours 7 B


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

Code:
 Votre manuscrit devrait ressembler à ceci . la nouvelle substance que nous
      avons  juste ajoutée est en rouge ainsi vous pouvez voir où elle doit
      entrer en votre script .

      <html>
      <head>
      <title> </title>
      <!--script by votre nom-->
      <style>
      Body{
      BORDER-RIGHT: #A58FBE 7px inset;
      BORDER-TOP: #A58FBE 7px outset;
      BORDER-LEFT: #A58FBE 7px outset;
      BORDER-BOTTOM: #A58FBE 7px inset;
      scrollbar-face-color:#A58FBE;
      scrollbar-highlight-color:#000000;
      scrollbar-3dlight-color:#A58FBE;
      scrollbar-darkshadow-color:#A58FBE;
      scrollbar-shadow-color:#A58FBE;
      scrollbar-arrow-color:#000000;
      scrollbar-track-color:#A58FBE;
      }
.tb3{
      BORDER-RIGHT: #A387BB 7px double;
      BORDER-TOP: #A387BB 7px double;
      BORDER-LEFT: #A387BB 7px double;
      BORDER-BOTTOM: #A387BB 7px double;
      background color:#A387BB;
      }
      .tc3{
      BORDER-RIGHT: #7C589E 7px double;
      BORDER-TOP: #7C589E 7px double;
      BORDER-LEFT: #7C589E 7px double;
      BORDER-BOTTOM: #7C589E 7px double;
      background color:#7C589E;
      }
      .phto{
      BORDER-RIGHT: #A387BB 7px double;
      BORDER-TOP: #A387BB 7px double;
      BORDER-LEFT: #A387BB 7px double;
      BORDER-BOTTOM: #A387BB 7px double;
      }
      .tx{
      background color:#A387BB;
      scrollbar-face-color:#A387BB;
      scrollbar-highlight-color:#D9DCE3;
      scrollbar-3dlight-color:#A387BB;
      scrollbar-darkshadow-color:#A387BB;
      scrollbar-shadow-color:#A387BB;
      scrollbar-arrow-color:#D9DCE3;
      scrollbar-track-color:#A387BB;
      BORDER-RIGHT: #A387BB 7px double;
      BORDER-TOP: #A387BB 7px double;
      BORDER-LEFT: #A387BB 7px double;
      BORDER-BOTTOM: #A387BB 7px double;
      padding:10px;
      text-align: center;
      OVERFLOW: auto;
      FONT-FAMILY: Tahoma;
      FONT-SIZE: 12pt;
      COLOR: #D9DCE3;
      height:150px;
      width: 100%;
      }
       
      </style>
      </head>
      <!--La tuile de fond cet tient ici tout sur une ligne-->
      <BODY bgColor=#FFFFFF onload="window.status='. . . . . . . Stat and script
      by Connie . . . . . . . '" background="C:/Program Files/Fichiers
      communs/Microsoft Shared/Papier à lettres/SEAMLESS TILE HERE.jpg">
      <!--Fichie Midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/Fichiers communs/Microsoft
      Shared/Papier à lettres/Midi File.mid" volume=0 loop=infinite>
      <TABLE class=tb2 width=350px align=center cellpadding=5 cellspacing=10>
      <TR>
      <TD class=tc2 align=center>
      <TABLE class=tb3 width=350px align=center cellpadding=10 cellspacing=20>
      <TR>
      <TD class=tc3 align=center><IMG class=phto alt=" ARTIST NAME HERE"
      src="C:/Program Files/Fichiers communs/Microsoft Shared/Papier à
      lettres/IMAGE HERE.jpg" border="0"></TD></TR>
      <TR>
      <TD class=tc3 align=center><DIV class=tx>text</DIV></TD></TR></TABLE>
      </TD></TR></TABLE>
</body>
      </html>
      -------------------------------------------------5-----------------------------------------------

      Prochaine étape.

      mettre  les codes de modèle de classe pour la nouvelle table et la
      nouvelle cellule de table. choisissez les couleurs et les frontières de la
      manière que vous voulez qu'elles se voient et nous nous déplaçons à la
      prochaine étape.

-------------------------------------------------6-----------------------------------------------

      Votre script devrait ressembler à ceci. la nouvelle substance que nous
      avons juste ajoutée est en  rouge ainsi vous pouvez voir où elle doit être
      placée .

      <html>
      <head>
      <title> </title>
      <!--script by votre nom-->
      <style>
      Body{
      BORDER-RIGHT: #A58FBE 7px inset;
      BORDER-TOP: #A58FBE 7px outset;
      BORDER-LEFT: #A58FBE 7px outset;
      BORDER-BOTTOM: #A58FBE 7px inset;
      scrollbar-face-color:#A58FBE;
      scrollbar-highlight-color:#000000;
      scrollbar-3dlight-color:#A58FBE;
      scrollbar-darkshadow-color:#A58FBE;
      scrollbar-shadow-color:#A58FBE;
      scrollbar-arrow-color:#000000;
      scrollbar-track-color:#A58FBE;
      }
       
       
       
       
      .tb2{
      BORDER-RIGHT: #887FB8 7px double;
      BORDER-TOP: #887FB8 7px double;
      BORDER-LEFT: #887FB8 7px double;
      BORDER-BOTTOM: #887FB8 7px double;
      background color:#887FB8;
      }
      .tc2{
      BORDER-RIGHT: #887FB8 7px double;
      BORDER-TOP: #887FB8 7px double;
      BORDER-LEFT: #887FB8 7px double;
      BORDER-BOTTOM: #887FB8 7px double;
      background color:#BBAACE;
      }
      .tb3{
      BORDER-RIGHT: #A387BB 7px double;
      BORDER-TOP: #A387BB 7px double;
      BORDER-LEFT: #A387BB 7px double;
      BORDER-BOTTOM: #A387BB 7px double;
      background color:#A387BB;
      }
       
      .tc3{
      BORDER-RIGHT: #7C589E 7px double;
      BORDER-TOP: #7C589E 7px double;
      BORDER-LEFT: #7C589E 7px double;
      BORDER-BOTTOM: #7C589E 7px double;
      background color:#7C589E;
      }
      .phto{
      BORDER-RIGHT: #A387BB 7px double;
      BORDER-TOP: #A387BB 7px double;
      BORDER-LEFT: #A387BB 7px double;
      BORDER-BOTTOM: #A387BB 7px double;
      }
      .tx{
      background color:#A387BB;
      scrollbar-face-color:#A387BB;
      scrollbar-highlight-color:#D9DCE3;
      scrollbar-3dlight-color:#A387BB;
      scrollbar-darkshadow-color:#A387BB;
      scrollbar-shadow-color:#A387BB;
      scrollbar-arrow-color:#D9DCE3;
      scrollbar-track-color:#A387BB;
      BORDER-RIGHT: #A387BB 7px double;
      BORDER-TOP: #A387BB 7px double;
      BORDER-LEFT: #A387BB 7px double;
      BORDER-BOTTOM: #A387BB 7px double;
      padding:10px;
      text-align: center;
      OVERFLOW: auto;
      FONT-FAMILY: Tahoma;
      FONT-SIZE: 12pt;
      COLOR: #D9DCE3;
      height:150px;
      width: 100%;
      }
       
      </style>
      </head>
      <!--La tuile de fond cet tient ici tout sur une ligne-->
      <BODY bgColor=#FFFFFF onload="window.status='. . . . . . . Stat and script
      by Connie . . . . . . . '" background="C:/Program Files/Fichiers
      communs/Microsoft Shared/Papier à lettres/SEAMLESS TILE HERE.jpg">
      <!--Fichier Midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/Fichiers communs/Microsoft
      Shared/Papier à lettres/Midi File.mid" volume=0 loop=infinite>
      <TABLE class=tb2 width=350px align=center cellpadding=5 cellspacing=10>
      <TR>
      <TD class=tc2 align=center>
      <TABLE class=tb3 width=350px align=center cellpadding=10 cellspacing=20>
      <TR>
      <TD class=tc3 align=center><IMG class=phto alt=" ARTIST NAME HERE"
      src="C:/Program Files/Fichiers communs/Microsoft Shared/Papier à
      lettres/IMAGE HERE.jpg" border="0"></TD></TR>
      <TR>
      <TD class=tc3 align=center><DIV class=tx>text</DIV></TD></TR></TABLE>
      </TD></TR></TABLE>
       
       
       
      </body>
      </html>



Dernière édition par Gi le Sam 22 Aoû - 14:12, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages: 11439
Localisation: Terrebonne, Québec, Canada
Date d'inscription: 18/12/2004

MessageSujet: cours 7 C   Jeu 13 Oct - 20:40

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés



[b]cours 7 C

7-----------------------------------------------

Code:
Etape suivante , une autre Table emboitée.

      Comme auparavant, vous allez juste au-dessus de la dernière table que vous
      avez juste ajouté au scénario et ouvrez une nouvelle table,  nouvelle
      rangée et une nouvelle cellule. Donnez à votre table et votre cellule un
      nom de  classe id  et dites à la cellule de s'aligner au centre.
      Assurez-vous de donner à notre nouvelle table le cellpadding et
      cellspacing. Allez juste au-dessous du dernier jeu de balises finales pour
      la dernière table, la rangée et la cellule et ajoutez un autre jeu de
      balises  finales pour cette cellule, la rangée et la table. Vous devez
      fermer chaque table que vous ajoutez à vos emboitements , ne l'oubliez
      pas. Souvenez-vous,que  toute la substance que nous mettons dans le
      scénario d'abord, est à l'intérieur de la cellule de la première table
      dans le scénario.

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

     
      Avec ce que nous avons ajouté de substance , que vous voyez en rouge ci
      dessous pour vous cituez son emplacement , votre scénario devrait 
      ressembler à.....

      <html>
      <head>
      <title> </title>
      <!--script by votre nom-->
      <style>
      Body{
      BORDER-RIGHT: #A58FBE 7px inset;
      BORDER-TOP: #A58FBE 7px outset;
      BORDER-LEFT: #A58FBE 7px outset;
      BORDER-BOTTOM: #A58FBE 7px inset;
      scrollbar-face-color:#A58FBE;
      scrollbar-highlight-color:#000000;
      scrollbar-3dlight-color:#A58FBE;
      scrollbar-darkshadow-color:#A58FBE;
      scrollbar-shadow-color:#A58FBE;
      scrollbar-arrow-color:#000000;
      scrollbar-track-color:#A58FBE;
      }
       
       
       
       
      .tb2{
      BORDER-RIGHT: #887FB8 7px double;
      BORDER-TOP: #887FB8 7px double;
      BORDER-LEFT: #887FB8 7px double;
      BORDER-BOTTOM: #887FB8 7px double;
      background color:#887FB8;
      }
      .tc2{
      BORDER-RIGHT: #887FB8 7px double;
      BORDER-TOP: #887FB8 7px double;
      BORDER-LEFT: #887FB8 7px double;
      BORDER-BOTTOM: #887FB8 7px double;
      background color:#BBAACE;
      }
      .tb3{
      BORDER-RIGHT: #A387BB 7px double;
      BORDER-TOP: #A387BB 7px double;
      BORDER-LEFT: #A387BB 7px double;
      BORDER-BOTTOM: #A387BB 7px double;
      background color:#A387BB;
      }
       
      .tc3{
      BORDER-RIGHT: #7C589E 7px double;
      BORDER-TOP: #7C589E 7px double;
      BORDER-LEFT: #7C589E 7px double;
      BORDER-BOTTOM: #7C589E 7px double;
      background color:#7C589E;
      }
      .phto{
      BORDER-RIGHT: #A387BB 7px double;
      BORDER-TOP: #A387BB 7px double;
      BORDER-LEFT: #A387BB 7px double;
      BORDER-BOTTOM: #A387BB 7px double;
      }
      .tx{
      background color:#A387BB;
      scrollbar-face-color:#A387BB;
      scrollbar-highlight-color:#D9DCE3;
      scrollbar-3dlight-color:#A387BB;
      scrollbar-darkshadow-color:#A387BB;
      scrollbar-shadow-color:#A387BB;
      scrollbar-arrow-color:#D9DCE3;
      scrollbar-track-color:#A387BB;
      BORDER-RIGHT: #A387BB 7px double;
      BORDER-TOP: #A387BB 7px double;
      BORDER-LEFT: #A387BB 7px double;
      BORDER-BOTTOM: #A387BB 7px double;
      padding:10px;
      text-align: center;
      OVERFLOW: auto;
      FONT-FAMILY: Tahoma;
      FONT-SIZE: 12pt;
      COLOR: #D9DCE3;
      height:150px;
      width: 100%;
      }
       
      </style>
      </head>
      <!--La tuile de fond ce tient ici tout sur une ligne-->
      <BODY bgColor=#FFFFFF onload="window.status='. . . . . . . Stat and script
      by Connie . . . . . . . '" background="C:/Program Files/Fichiers
      communs/Microsoft Shared/Papier à lettres/SEAMLESS TILE HERE.jpg">
      <!--Fichier Midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/Fichiers communs/Microsoft
      Shared/Papier à lettres/Midi File.mid" volume=0 loop=infinite>
      <TABLE class=tb width=350px align=center cellpadding=5 cellspacing=1>
      <TR>
      <TD class=tc align=center>
      <TABLE class=tb2 width=350px align=center cellpadding=5 cellspacing=10>
      <TR>
      <TD class=tc2 align=center>
      <TABLE class=tb3 width=350px align=center cellpadding=10 cellspacing=20>
      <TR>
      <TD class=tc3 align=center><IMG class=phto alt=" ARTIST NAME HERE"
      src="C:/Program Files/Fichiers communs/Microsoft Shared/Papier à
      lettres/IMAGE HERE.jpg" border="0"></TD></TR>
      <TR>
      <TD class=tc3 align=center><DIV class=tx>text</DIV></TD></TR></TABLE>
      </TD></TR></TABLE>
      </TD></TR></TABLE>
       
      </body>
      </html>
      -------------------------------------------------9-----------------------------------------------

      Le dernier pas
      Ajoutez les codes de style pour la table et la cellule de table que nous
      avons juste ajoutée au scénario. Et nous avons fini avec cette leçon sur
      des tables emboîtées. Vous voyez que ce n'est pas dure du tout. La partie
      la plus dure maintenant c'est de mettre les couleurs de styles de
      frontières que vous souhaitez sur toutes les tables et des cellules.. Cela
      peut prendre une éternité ........ lol lol

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

     
      Votre script avec ce que nous venons juste d'ajouter de code est en rouge
      dans celui ci dessous  donc vous pouvez mieux voir où le placer.

      <html>
      <head>
      <title> </title>
      <!--script by votre nom-->
      <style>
      Body{
      BORDER-RIGHT: #A58FBE 7px inset;
      BORDER-TOP: #A58FBE 7px outset;
      BORDER-LEFT: #A58FBE 7px outset;
      BORDER-BOTTOM: #A58FBE 7px inset;
      scrollbar-face-color:#A58FBE;
      scrollbar-highlight-color:#000000;
      scrollbar-3dlight-color:#A58FBE;
      scrollbar-darkshadow-color:#A58FBE;
      scrollbar-shadow-color:#A58FBE;
      scrollbar-arrow-color:#000000;
      scrollbar-track-color:#A58FBE;
      }
       
      .tb{
      BORDER-RIGHT: #4D3D6E 2px solid;
      BORDER-TOP: #4D3D6E 2px solid;
      BORDER-LEFT: #4D3D6E 2px solid;
      BORDER-BOTTOM: #4D3D6E 2px solid;
      background color:#776CB0;
      }
      .tc{
      BORDER-RIGHT: #B9B4D5 7px double;
      BORDER-TOP: #B9B4D5 7px double;
      BORDER-LEFT: #B9B4D5 7px double;
      BORDER-BOTTOM: #B9B4D5 7px double;
      background color:#B9B4D5;
      }
      .tb2{
      BORDER-RIGHT: #887FB8 7px double;
      BORDER-TOP: #887FB8 7px double;
      BORDER-LEFT: #887FB8 7px double;
      BORDER-BOTTOM: #887FB8 7px double;
      background color:#887FB8;
      }
      .tc2{
      BORDER-RIGHT: #887FB8 7px double;
      BORDER-TOP: #887FB8 7px double;
      BORDER-LEFT: #887FB8 7px double;
      BORDER-BOTTOM: #887FB8 7px double;
      background color:#BBAACE;
      }
      .tb3{
      BORDER-RIGHT: #A387BB 7px double;
      BORDER-TOP: #A387BB 7px double;
      BORDER-LEFT: #A387BB 7px double;
      BORDER-BOTTOM: #A387BB 7px double;
      background color:#A387BB;
      }
       
      .tc3{
      BORDER-RIGHT: #7C589E 7px double;
      BORDER-TOP: #7C589E 7px double;
      BORDER-LEFT: #7C589E 7px double;
      BORDER-BOTTOM: #7C589E 7px double;
      background color:#7C589E;
      }
      .phto{
      BORDER-RIGHT: #A387BB 7px double;
      BORDER-TOP: #A387BB 7px double;
      BORDER-LEFT: #A387BB 7px double;
      BORDER-BOTTOM: #A387BB 7px double;
      }
      .tx{
      background color:#A387BB;
      scrollbar-face-color:#A387BB;
      scrollbar-highlight-color:#D9DCE3;
      scrollbar-3dlight-color:#A387BB;
      scrollbar-darkshadow-color:#A387BB;
      scrollbar-shadow-color:#A387BB;
      scrollbar-arrow-color:#D9DCE3;
      scrollbar-track-color:#A387BB;
      BORDER-RIGHT: #A387BB 7px double;
      BORDER-TOP: #A387BB 7px double;
      BORDER-LEFT: #A387BB 7px double;
      BORDER-BOTTOM: #A387BB 7px double;
      padding:10px;
      text-align: center;
      OVERFLOW: auto;
      FONT-FAMILY: Tahoma;
      FONT-SIZE: 12pt;
      COLOR: #D9DCE3;
      height:150px;
      width: 100%;
      }
       
      </style>
      </head>
      <!--La tuile de fond ce tient ici tout sur une ligne-->
      <BODY bgColor=#FFFFFF onload="window.status='. . . . . . . Stat and script
      by Connie . . . . . . . '" background="C:/Program Files/fichiers
      communs/Microsoft Shared/Stationery/SEAMLESS TILE HERE.jpg">
      <!--Fichier Midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/Fichiers communs/Microsoft
      Shared/Papier à lettres/Midi File.mid" volume=0 loop=infinite>
      <TABLE class=tb width=350px align=center cellpadding=5 cellspacing=1>
      <TR>
      <TD class=tc align=center>
      <TABLE class=tb2 width=350px align=center cellpadding=5 cellspacing=10>
      <TR>
      <TD class=tc2 align=center>
      <TABLE class=tb3 width=350px align=center cellpadding=10 cellspacing=20>
      <TR>
      <TD class=tc3 align=center><IMG class=phto alt=" ARTIST NAME HERE"
      src="C:/Program Files/Fichiers communs/Microsoft Shared/Papier à
      lettres/IMAGE HERE.jpg" border="0"></TD></TR>
      <TR>
      <TD class=tc3 align=center><DIV class=tx>text</DIV></TD></TR></TABLE>
      </TD></TR></TABLE>
      </TD></TR></TABLE>
       
      </body>
      </html>
     
      Voir l'exemple ICI
      -------------------------------------------------11-----------------------------------------------
      Devoirs

      Concevez vos propres scénarios  et utilisez ce que vous avez appris dans
      la leçon.
      Amusez-vous et inventez quelques grands scénarios d'amusement remplis de
      votre magie..
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[/
b]


Dernière édition par Gi le Sam 22 Aoû - 14:13, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages: 11439
Localisation: Terrebonne, Québec, Canada
Date d'inscription: 18/12/2004

MessageSujet: Cours 8 A   Jeu 13 Oct - 20:46

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés


Lesson8 A

Bienvenue dans la leçon 8

Code:
Ceci est un site d'enseignement pour ceux qui veulent apprendre à écrire
      des scripts pour la papeterie d'email. Les leçons que vous utiliserez sont
      toutes écrites par Connie Schutza Hill sauf indication contraire et
      traduite par moi , Mickaëla P. Elle  tient tous les droits d'auteur sur
      ces leçons et les TERMES D'UTILISATION sont inscrits sur la page d'INTRO .
      Lisez s'il vous plaît ces règles et soumettez-vous y.
      ----------------------------------------------------------------------
     
      Voici la leçon 8 et cette fois nous apprendrons comment mettre plus d'une
      image dans la même cellule de table. Si vous essayez de mettre plus d'une
      image dans la même cellule d'une table avec ce que vous savez jusqu'ici,
      la table déplacera les images autour de la ligne, côte à côte ou
      s'alignera en formant une grande colonne à partir du dessus au fond de la
      cellule. Ce n'est pas ce que nous voulons , ainsi de cette semaine , nous
      allons apprendre quoi dire à notre table pour nous permettre d'empiler nos
      images l'une sur l'autre.
      Vous pourrez mettre un petit GIF transparent dans la cellule et le placer
      où vous le voulez sur l'image principale et elle restera là. Vous pourrez
      même ajouter à l' intérieur un " marquee" et ils auront un mouvement
      d'image à travers l'image principale. Le plus important cependant, c'est
      le tour que vous devez apprendre .Vous pourrez plus tard appliquer
      certains des filtres merveilleux aux images , vous pourrez faire une
      exposition d'images . Nous sommes prêts au jouer avec la plus haute la
      magie de scripting, nous nous préparons à notre voyage du VBS.
      -------------Ce que nous avons besoin pour la leçon ----------

      1. 1 image principale. du domaine publique ou une de vos propres photos.

      4. Deux petits GIF transparents .

      3. 1 midi.

      4. 1 tuile pour le background .

      5. HTML Kit ou blocnoteou autre...


      Une note pour vous : Puisque nous allons devoir savoir de quelle taille
      sont nos images , une chose appréciable est d'ajouter la taille de l'image
      au nom de l'image. Je fais ainsi car cela m'évite de rouvrir PSP et
      rechercher les tailles , ou bien notez les sur un papier , mais si vous
      êtes comme moi , je me retrouve avec une pile de papier sur mon bureau.
      Ainsi je peux dire d'un coup d'oeil de quelle taille sont mes images ,
      parce que la taille fait partie du nom de l'image. Je gagne beaucoup de
      temps et ne suis pas ennuyée en faisant de cette façon .


      --------------------------codes des 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. Afin de
      vous aider un peu mieux la nouvelle substance qui sera ajoutée dans le
      script sera en texte rouge.
      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--------------------
      Demarrons notre leçon

      voici le nouveau code que vous devrez apprendre pour cette leçon .

      position: relative ceci indique au PC où placer un objet .

      Parlons un peu de la position relative comparé à la position absolute.
      Nous avons déjà employé la position absolue et cependant  vous savez
      qu'elle ne fonctionne pas à l'intérieur d'une cellule de table parce que
      la table flotte et  de dire à un pbjet d'y reposer en position absolue  ne
      permettra pas à cet objet de flotter avec la table .
      la position realtive, tient compte pour que l'objet flotte avec la table.
      Parce que quand nous disons de placer quelque chose à la position
      relative, nous lui disons de ne pas s'inquiéter du dessus de l'écran ou de
      la gauche de l'écran . Nous lui disons de s'inquiéter seulement du
      récipient ou il est et ne pas sortir de ce récipient pour n'importe quelle
      raison, même si le récipient flotte plus étroitement ou plus loin à partir
      du dessus ou à gauche de l'écran.
      Pour mieux comprendre la position relative pensez à un réservoir rempli
      dl'eau avec des poissons.  maintenant nous voulons mettre quelque chose
      flottant sur l'eau , mettons un couvercle sur une fiole et mettons cette
      fiole dans le réservoir à poissons. Voyez comment elle  flotte sur l'eau .
      Si l'eau se déplace, la fiole se déplace . Puisque la fiole flotte avec
      l'eau , elle est placée relativement  sur  l'eau .
      Elle  sera toujours relatif parce qu'elle dépend du dessus de l'eau . Si
      nous devions coller la fiole sur le côté du réservoir de poissons, la
      fiole serait alors position absolu à partir du dessus et à gauche du
      réservoir. La fiole ne se déplacerait pas de l'eau et resterait sur le
      côté du réservoir.
      Maintenant, si nous enlevons la fiole et mettons un objet à l'intérieur de
      la fiole et mettons le couvercle sur la fiole et la remettons dans l'eau
      notre fiole flottera mais l'objet à l'intérieur de la fiole restera dans
      une tache à l'intérieur de la fiole. C'est parce que l'objet à l'intérieur
      de la fiole est position absolue. L'objet à l'intérieur de la fiole ne
      s'inquiète pas ce que fait l'eau, il sera toujours à la même distance du
      dessus et à gauche de l'intérieur de la fiole n'importe où la fiole va à
      l'intérieur du réservoir. Il ne se déplacera pas en dehors de la fiole
      mais il se déplacera avec la fiole parce qu'il est contenu à l'intérieur
      de la fiole.
      C'est ce que nous allons faire à l'intérieur de notre table. Nous mettrons
      une division à l'intérieur d'une cellule de table et la placerons
      relativement au dessus et à la gauche de la cellule. Nous la faisons
      relative, ainsi si la cellule se déplace plus ou flotte autour, la
      division restera à l'intérieur de la cellule et n'ira jamais plus ou moins
      loin des Pixels que nous lui avons dit à partir du dessus et à gauche  .
      Alors nous mettrons nos images ou d'autres objets à l'intérieur de la
      division principale et les placerons absolues à partir du dessus et de la
      gauche de la division principale. Nous mettrons le couvercle sur notre
      division en fermant la balise de division et nous avons juste capturé nos
      images et d'autres objets à l'intérieur de notre division , maintenant
      elles resteront  dans la division et la division principale flottera avec
      la table.
      Le prochain tour que je veux partager avec vous est que vos images
      apparaîtront dans la cellule selon la façon dont vous les mettrez dans le
      script. L'image que vous mettez à l'intérieur en premier sera toujours sur
      le fond et chacune des prochaines images s'étendra sur cette image. Ainsi
      si vous mettez un GIF transparent dedans d'abord, votre image principale
      le cachera. Soyez sûr de les mettre dans le manuscrit dans l'ordre
      correct.
      -------------------------2--------------------
      Maintenant écrivons notre script.
      Démarrez votre nouveaux script avec les balises  html , head, style, son
      et balise body . Nous voulons des scrollbars et frontières de corps (
      Body) et mettons nos codes à l'intérieur des balises style . Nous voulons
      également que notre fond ait une tuile ainsi la mettre dans la balise de
      Body comme d'habitude.

      Puisque nous savons que nous allons faire un script de table mettre vos
      codes de style pour la table, les cellules de table, et la boîte à textes.
      Nous allons avoir besoin des codes de style pour une division, les images
      et le "Marquee" mais ceux ci peuvent attendre jusqu'à ce que nous soyons
      prêts à les employer. Ils seront un peu différents que nos codes normaux
      de style pour ces objets.
      Nous allons travailler avec une table, avancer et ouvrir la table et
      mettre dans la table la balise fermante . Ne vous inquiétez pas des
      cellules et des rangées encore, nous y arriverons après. Les cellules
      seront un peu différentes cette fois due à placer plus d'une image dans la
      cellule supérieure. Rappelez-vous de donner à la table le cellpadding et
      cellspacing et de lui donner un nom de classe ID aussi. 
      --------------------------3----------------------
      Votre script devrait ressembler à celui ci après vos arrangements...

      <html>
      <head>
      <title> </title>
      <!--script by Connie-->
      <style>
      Body{
      BORDER-RIGHT: #998086 7px inset;
      BORDER-TOP: #998086 7px outset;
      BORDER-LEFT: #998086 7px outset;
      BORDER-BOTTOM: #998086 7px inset;
      scrollbar-face-color:#998086;
      scrollbar-highlight-color:#CABFBF;
      scrollbar-3dlight-color:#795F5F;
      scrollbar-darkshadow-color:#4C2929;
      scrollbar-shadow-color:#644545;
      scrollbar-arrow-color:#CABFBF;
      scrollbar-track-color:#998086;
      }
      .tb{
      border-top: #624343 8px solid;
      border-left: #361C1C 8px solid;
      border-right: #624343 8px solid;
      border-bottom: #361C1C 8px solid;
      background color:#4C2828;
      }
      .tc{
      BORDER-RIGHT: #361C1C 7px double;
      BORDER-TOP: #361C1C 7px double;
      BORDER-LEFT: #624343 7px double;
      BORDER-BOTTOM: #624343 7px double;
      }
      .tx{
      background color:#492626;
      scrollbar-face-color:#4C2828;
      scrollbar-highlight-color:#887171;
      scrollbar-3dlight-color:#492626;
      scrollbar-darkshadow-color:#201010;
      scrollbar-shadow-color:#644545;
      scrollbar-arrow-color:#887171;
      scrollbar-track-color:#4C2828;
      BORDER-RIGHT: #361C1C 7px double;
      BORDER-TOP: #361C1C 7px double;
      BORDER-LEFT: #624343 7px double;
      BORDER-BOTTOM: #624343 7px double;
      padding:10px;
      text-align: center;
      OVERFLOW: auto;
      FONT-FAMILY: Tahoma;
      FONT-SIZE: 12pt;
      COLOR: #8B7474;
      height:150px;
      width: 100%;
      }
       
       
      </style>
      </head>
      <!--la tuile de fond- background- 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/BACKGROUND TILE.jpg">
      <!--Fichier Midi ici-->
      <BGSOUND balance=0 src="C:/Fichiers Communs/Common Files/Microsoft
      Shared/Papier à Lettres/MIDI.mid" volume=0 loop=infinite>
      <TABLE class=tb width=450px align=center cellpadding=20 cellspacing=30>
       
      </TABLE>
      </body>
      </html>





Dernière édition par Gi le Sam 22 Aoû - 14:14, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages: 11439
Localisation: Terrebonne, Québec, Canada
Date d'inscription: 18/12/2004

MessageSujet: Re: Cours Visual Basic Script : Connie Shultza en français   Jeu 13 Oct - 21:05

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés


Cours 8 b

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

Code:
Okay commençons notre rangée de table .
       
      Ce sera la balise normale <TR> que nous employons toujours ainsi mettons
      cela dans le script .
      Après ouvrez votre première cellule comme d'habitude et donnez lui  un nom
      de classe d'identification et dites-lui de s'aligner au centre .
      <TD class=tc align=center>
      Okay  c'est là où les choses commencent à changer un peu. Dans cette
      cellule supérieure nous voulons avoir notre image principale et nous
      voulons mettre un petit GIF transparent sur cette image et nous voulons
      voir courir un "Marquee" du bas jusqu'en haut de la cellule avec un autre
      petit GIF transparent à l'intérieur de ce " Marquee". Puisque la cellule
      de table ne nous permettra pas de faire ce que nous voulons faire sans
      utiliser un récipient pour tenir toute notre substance, et parce que nous
      voullons que ce récipient flotte avec la table, nous allons installer
      maintenant dans  notre script ce nouveau code que nous sommes entrain
      d'apprendre dans cette leçon.

      A l'intérieur de la cellule de table ouvrez une division. Donnez à la
      division une classe d' identification et dites-lui de s'aligner au centre.
      <DIV class=dv align=center>

      Ne fermez pas la division encore, souvenez vous , nous veulons mettre nos
      images dans la division ainsi maintenez la ouverte pour l'instant. Placez
      votre image principale dans le manuscrit avec la balise normale d'image,
      donnez-lui un nom de classe d'identification . 
      <IMG class=phto src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MAIN IMAGE.jpg">

      Ensuite nous voulons mettre notre premier petit GIF transparent dans le
      manuscrit et il emploiera la balise normale d'image , il aura besoin d'un
      nom de classe d'identification aussi .
      <IMG class=phto2 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/transparent.gif">
      Après nous mettons notre "marquee" dans le manuscrit. Utilisez une balise
      normale de "marquee" comme avant. Soyez sûr de donner au "marqee" un nom
      de classe ID . Parce que nous voulons que cellei-ci aille vers le haut
      nous devons lui dire le direction=up et nous voulons qu'elle ait un GIF
      transparent à l'intérieur donc nous mettons cela dans le script aussi et
      nous clôturons ce "marquee" maintenant. Nous avons fini d' ajouter la
      substance qui va à l'intérieur de la division et de la cellule et de la
      rangée donc mettez les balises de fermetures .

      <marquee class=mar direction=up><IMG src="C:/Program Files/Fichiers
      Communs/Microsoft Shared/Papier à
      Lettres/TRANSPARENT.gif"></MARQUEE></DIV></TD></TR>

      -------------------------5--------------------

      Votre manuscrit devrait ressembler à ceci en ce moment .

      <html>
      <head>
      <title> </title>
      <!--script by Connie-->
      <style>
      Body{
      BORDER-RIGHT: #998086 7px inset;
      BORDER-TOP: #998086 7px outset;
      BORDER-LEFT: #998086 7px outset;
      BORDER-BOTTOM: #998086 7px inset;
      scrollbar-face-color:#998086;
      scrollbar-highlight-color:#CABFBF;
      scrollbar-3dlight-color:#795F5F;
      scrollbar-darkshadow-color:#4C2929;
      scrollbar-shadow-color:#644545;
      scrollbar-arrow-color:#CABFBF;
      scrollbar-track-color:#998086;
      }
      .tb{
      border-top: #624343 8px solid;
      border-left: #361C1C 8px solid;
      border-right: #624343 8px solid;
      border-bottom: #361C1C 8px solid;
      background color:#4C2828;
      }
      .tc{
      BORDER-RIGHT: #361C1C 7px double;
      BORDER-TOP: #361C1C 7px double;
      BORDER-LEFT: #624343 7px double;
      BORDER-BOTTOM: #624343 7px double;
      }
      .tx{
      background color:#492626;
      scrollbar-face-color:#4C2828;
      scrollbar-highlight-color:#887171;
      scrollbar-3dlight-color:#492626;
      scrollbar-darkshadow-color:#201010;
      scrollbar-shadow-color:#644545;
      scrollbar-arrow-color:#887171;
      scrollbar-track-color:#4C2828;
      BORDER-RIGHT: #361C1C 7px double;
      BORDER-TOP: #361C1C 7px double;
      BORDER-LEFT: #624343 7px double;
      BORDER-BOTTOM: #624343 7px double;
      padding:10px;
      text-align: center;
      OVERFLOW: auto;
      FONT-FAMILY: Tahoma;
      FONT-SIZE: 12pt;
      COLOR: #8B7474;
      height:150px;
      width: 100%;
      }
       
       
       
        </style>
      </head>
      <!--la tuile de fond- background- 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/BACKGROUND TILE.jpg">
      <!--Fichier Midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MIDI.mid" volume=0 loop=infinite>
      <TABLE class=tb width=450px align=center cellpadding=20 cellspacing=30>
      <TR>
      <TD class=tc align=center><DIV class=dv align=center>
      <IMG class=phto src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MAIN IMAGE.jpg">
      <IMG class=phto2 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/transparent.gif">
      <marquee class=mar direction=up><IMG src="C:/Program Files/Fichiers
      Communs/Microsoft Shared/Papier à
      Lettres/TRANSPARENT.gif"></MARQUEE></DIV></TD></TR>
      </TABLE>
      </body>
      </html>

 --------------------------6----------------------


      après nous devons faire notre style
      Nous allons faire notre style pour la division, les images et le marquee
      maintenant ainsi elles seront placées où nous les voulons et nous
      assurerons qu'elles fonctionnent avant que nous nous déplacions au reste
      du manuscrit. Allez aux balises de style en haut du manuscrit et mettez
      dedans le code pour votre division. Dans cette catégorie nous voulons lui
      dire que la division aura des (frontières)  borders. Nous mettons les
      frontières sur la division au lieu de l'image parce que c'est une bonne
      habitude à prendre . La majeure partie du temps c'est mieux de le faire de
      cette façon parce que plus tard quand nous ferons nos transitions de
      filtre sur nos images, nous ne voudrons pas que nos frontières 
      disparaissent et c'est ce qui se produira si vous l mettez les bords sur
      l'image. Cependant en les plaçant sur la division , ils resteront  tandis
      que ce sont les bords de l'image qui disparaitront  ... La division devra
      également savoir sa taille. Si vous vous rappelez, quand vous ajoutez des
      frontières à une division , elles prennent l'espace loin du secteur
      utilisable de la division ainsi soyez sûrs de faire  la division de la
      même taille que votre plus grande image et d'ajouter la largeur des
      frontières à chacun des quatre côtés. Ainsi si votre image est 100 x100 et
      vos frontières 5 chacunes vous l'ajoutez à la division alors votre
      division devra être 110 x 110. De cette façon l'image ne cachera pas les
      bords sur la division. Maintenant cette division doit également savoir où
      se mettre et rester, elle est à l'intérieur d'une cellule de table ainsi
      nous lui dirons de se placer position relative. Nous devons dire aussi à
      quelle distance de la  gauche et du bas.. Pour un placement facile
      utiliser 0px top and left.

      Mon code pour ma division ressemble à ceci ..

      .dv{
      BORDER-RIGHT: #361C1C 7px double;
      BORDER-TOP: #361C1C 7px double;
      BORDER-LEFT: #624343 7px double;
      BORDER-BOTTOM: #624343 7px double;
      height:328px;
      width:414px;
      position:relative;
      top:0px;
      left:0px;
      }


      Après nous voulons mettre dedans les codes de style pour notre image
      principale. Le code de style d'image n'a pas besoin de frontières sur ce
      script mais il doit savoir quelle taille fait l'image et où elle doit être
      placée à l'intérieur de la division. Rappelez-vous, l'image est à
      l'intérieur de la division ainsi nous employons le position absolue et
      nous devons lui dire à quelle distance de la gauche et du dessus de la
      division se poser.
      Mon code principal de style d'image ressemble à ceci.

      .phto{
      height:314px;
      width:400px;
      position:absolute;
      top:0px;
      left:0px;
      }
       

      Puisque nous savons où nous voulons que notre"Marquee" fonctionne dans la
      cellule, plaçons-la ensuite. Nous allons avoir besoin de mettre ce
      "Marquee" à l'écart quand nous allons placer notre petit GIF transparent.
      Le"Marquee" doit avoir cette information dans le code de style, width,
      elle sera identique que la largeur de l'image . La hauteur sera identique
      que la taille de l'image principale, nous devons lui dire où se poser et 
      emploierons la position absolue , nous devons lui dire à quelle distance à
      gauche ou à droite et  du haut.
      mon code de style pour mon Marquee ressemble à ceci...

      .mar{
      height:314px;
      width: 100px;
      position:absolute;
      top:0px;
      right:10px;
      }

      Nous voulons maintenant  le code de style notre petit GIF transparent.
      Cette image a besoin des mêmes codes de style que l'image principale mais
      naturellement le placement et la taille sera différente mais elle 
      emploiera la position absolue.
      Installez aussi vos codes de style pour la petit image et positionez là
      comme vous le souhaitez , faites des aperçus de votre stat pour vous aider
      à la placer jusqu'à ce que vous soyez heureux de l'emplacement de votre
      image . Mon image a ce code de modèle.

      .phto2{
      height:116px;
      width:130px;
      position:absolute;
      top:100px;
      left:110px;
      }
      -----------------------7---------------------
      Votre script devrait ressembler à ceci maintenant....

      <html>
      <head>
      <title> </title>
      <!--script by Connie-->
      <style>
      Body{
      BORDER-RIGHT: #998086 7px inset;
      BORDER-TOP: #998086 7px outset;
      BORDER-LEFT: #998086 7px outset;
      BORDER-BOTTOM: #998086 7px inset;
      scrollbar-face-color:#998086;
      scrollbar-highlight-color:#CABFBF;
      scrollbar-3dlight-color:#795F5F;
      scrollbar-darkshadow-color:#4C2929;
      scrollbar-shadow-color:#644545;
      scrollbar-arrow-color:#CABFBF;
      scrollbar-track-color:#998086;
      }
      .tb{
      border-top: #624343 8px solid;
      border-left: #361C1C 8px solid;
      border-right: #624343 8px solid;
      border-bottom: #361C1C 8px solid;
      background color:#4C2828;
      }
      .tc{
      BORDER-RIGHT: #361C1C 7px double;
      BORDER-TOP: #361C1C 7px double;
      BORDER-LEFT: #624343 7px double;
      BORDER-BOTTOM: #624343 7px double;
      }
      .tx{
      background color:#492626;
      scrollbar-face-color:#4C2828;
      scrollbar-highlight-color:#887171;
      scrollbar-3dlight-color:#492626;
      scrollbar-darkshadow-color:#201010;
      scrollbar-shadow-color:#644545;
      scrollbar-arrow-color:#887171;
      scrollbar-track-color:#4C2828;
      BORDER-RIGHT: #361C1C 7px double;
      BORDER-TOP: #361C1C 7px double;
      BORDER-LEFT: #624343 7px double;
      BORDER-BOTTOM: #624343 7px double;
      padding:10px;
      text-align: center;
      OVERFLOW: auto;
      FONT-FAMILY: Tahoma;
      FONT-SIZE: 12pt;
      COLOR: #8B7474;
      height:150px;
      width: 100%;
      }
      .dv{
      BORDER-RIGHT: #361C1C 7px double;
      BORDER-TOP: #361C1C 7px double;
      BORDER-LEFT: #624343 7px double;
      BORDER-BOTTOM: #624343 7px double;
      height:328px;
      width:414px;
      position:relative;
      top:0px;
      left:0px;
      }
      .phto{
      height:314px;
      width:400px;
      position:absolute;
      top:0px;
      left:0px;
      }
      .mar{
      height:314px;
      width: 100px;
      position:absolute;
      top:0px;
      right:10px;
      }
      .phto2{
      height:116px;
      width:130px;
      position:absolute;
      top:100px;
      left:110px;
      }
      </style>
      </head>
      <!--la tuile de fond- background- 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/BACKGROUND TILE.jpg">
      <!--Fichier Midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MIDI.mid" volume=0 loop=infinite>
      <TABLE class=tb width=450px align=center cellpadding=20 cellspacing=30>
      <TR>
      <TD class=tc align=center><DIV class=dv align=center>
      <IMG class=phto src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MAIN IMAGE.jpg">
      <IMG class=phto2 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/transparent.gif">
      <marquee class=mar direction=up><IMG src="C:/Program Files/Fichiers
      Communs/Microsoft Shared/Papier à
      Lettres/TRANSPARENT.gif"></MARQUEE></DIV></TD></TR>
      </TABLE>
      </body>
      </html>


Dernière édition par Gi le Sam 22 Aoû - 14:20, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages: 11439
Localisation: Terrebonne, Québec, Canada
Date d'inscription: 18/12/2004

MessageSujet: Re: Cours Visual Basic Script : Connie Shultza en français   Jeu 13 Oct - 21:07

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés


Cours 8 C
----------------------8------------------------
Code:
Maintenant nous finissons notre script
      Nous devons mettre notre prochaine rangée ,cellule et boîte à textes dans
      notre manuscrit ainsi nous commençons par ouvrir une rangée .<TR>

      Alors nous ouvrons notre cellule et lui donnons un nom de classe
      d'identification et lui disons de s'aligner au centre.
      <TD class=tc align=center>
      Nous mettons dedans une division pour notre boîte à textes et lui donnons
      un nom de classe ID. Et parce que ceci stockera le texte , nous mettons le
      mot " texte" .Comme nous avons fini avec la division, la cellule et la
      rangée nous clôturons chacunes d'elles dans le même ordre que nous les
      avons ouvertes.
      <DIV class=tx>text</DIV></TD></TR>
      ---------------------------9---------------------

      Votre manuscrit fini devrait ressembler à ceci... La dernière pièce que
      nous avons ajoutée est en rouge.
      <html>
      <head>
      <title> </title>
      <!--script by Connie-->
      <style>
      Body{
      BORDER-RIGHT: #998086 7px inset;
      BORDER-TOP: #998086 7px outset;
      BORDER-LEFT: #998086 7px outset;
      BORDER-BOTTOM: #998086 7px inset;
      scrollbar-face-color:#998086;
      scrollbar-highlight-color:#CABFBF;
      scrollbar-3dlight-color:#795F5F;
      scrollbar-darkshadow-color:#4C2929;
      scrollbar-shadow-color:#644545;
      scrollbar-arrow-color:#CABFBF;
      scrollbar-track-color:#998086;
      }
      .tb{
      border-top: #624343 8px solid;
      border-left: #361C1C 8px solid;
      border-right: #624343 8px solid;
      border-bottom: #361C1C 8px solid;
      background color:#4C2828;
      }
      .tc{
      BORDER-RIGHT: #361C1C 7px double;
      BORDER-TOP: #361C1C 7px double;
      BORDER-LEFT: #624343 7px double;
      BORDER-BOTTOM: #624343 7px double;
      }
      .tx{
      background color:#492626;
      scrollbar-face-color:#4C2828;
      scrollbar-highlight-color:#887171;
      scrollbar-3dlight-color:#492626;
      scrollbar-darkshadow-color:#201010;
      scrollbar-shadow-color:#644545;
      scrollbar-arrow-color:#887171;
      scrollbar-track-color:#4C2828;
      BORDER-RIGHT: #361C1C 7px double;
      BORDER-TOP: #361C1C 7px double;
      BORDER-LEFT: #624343 7px double;
      BORDER-BOTTOM: #624343 7px double;
      padding:10px;
      text-align: center;
      OVERFLOW: auto;
      FONT-FAMILY: Tahoma;
      FONT-SIZE: 12pt;
      COLOR: #8B7474;
      height:150px;
      width: 100%;
      }
      .dv{
      BORDER-RIGHT: #361C1C 7px double;
      BORDER-TOP: #361C1C 7px double;
      BORDER-LEFT: #624343 7px double;
      BORDER-BOTTOM: #624343 7px double;
      height:328px;
      width:414px;
      position:relative;
      top:0px;
      left:0px;
      }
      .phto{
      height:314px;
      width:400px;
      position:absolute;
      top:0px;
      left:0px;
      }
      .mar{
      height:314px;
      width: 100px;
      position:absolute;
      top:0px;
      right:10px;
      }
      .phto2{
      height:116px;
      width:130px;
      position:absolute;
      top:100px;
      left:110px;
      }
      </style>
      </head>
      <!--la tuile de fond- background- 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/BACKGROUND TILE.jpg">
      <!--Fichier Midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MIDI.mid" volume=0 loop=infinite>
      <TABLE class=tb width=450px align=center cellpadding=20 cellspacing=30>
      <TR>
      <TD class=tc align=center><DIV class=dv align=center>
      <IMG class=phto src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MAIN IMAGE.jpg">
      <IMG class=phto2 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/transparent.gif">
      <marquee class=mar direction=up><IMG src="C:/Program Files/Fichiers
      Communs/Microsoft Shared/Papier à
      Lettres/TRANSPARENT.gif"></MARQUEE></DIV></TD></TR>
      <TR>
      <TD class=tc align=center><DIV class=tx>text</DIV></TD></TR>
      </TABLE>
      </body>
      </html>
     
      Voir l'exemple ICI

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

      Naturellement vous pouvez faire quelques changements sur vos couleurs de
      frontières et couleur de police mais notre manuscrit est fini .
      Vos  Devoirs .  Prenez ce que vous avez appris dans cette leçon et écrivez
      vos propres manuscrits. Sentez-vous libre pour emboiter des tables si vous
      aimez et ajoutez plus de cellules si vous le voulez . J'ai juste fait la
      table simple de deux cellules pour rendre la leçon plus courte. Mais on ne
      s'attend pas à ce que vous vous en teniez à une table de deux cellules si
      vous ne voulez pas, soyez libre de faire d'autres genres de tables si vous
      aimez. 
      Surtout, appréciez la leçon et créez de la magie qui soit la votre .
      Montrez-nous la beauté qui repose à l'intérieur de vos rêves et amusez
      vous. Aussi longtemps que vous avez l'amusement, les leçons viendront vous
      aider à créer ce que vous voulez créer, si ceci devient un travail, votre
      côté créateur ne brillera pas dans vos scripts. Gardez-ainsi l'amusement
      et votre magie se développera.
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


Dernière édition par Gi le Sam 22 Aoû - 14:22, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages: 11439
Localisation: Terrebonne, Québec, Canada
Date d'inscription: 18/12/2004

MessageSujet: Leçon 9 A   Jeu 13 Oct - 21:12

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés


Lesson 9 A

Bienvenue dans la leçon 9

Code:
Ceci est un site d'enseignement pour ceux qui veulent apprendre à écrire
      des scripts pour la papeterie d'email. Les leçons que vous utiliserez sont
      toutes écrites par Connie Schutza Hill sauf indication contraire et
      traduite par moi , Mickaëla P. Elle  tient tous les droits d'auteur sur
      ces leçons et les TERMES D'UTILISATION sont inscrits sur la page d'INTRO .
      Lisez s'il vous plaît ces règles et soumettez-vous y.
      -------------------------------------------------------
     
      Bienvenue dans la leçon 9. Cela va être une leçon très simple mais je
      pense que c'est une des choses les plus utile dans scripting.
      Dans cette leçon nous apprendrons comment faire défiler notre contexte et
      nous apprendrons comment mettre une ligne de commentaire dans VBS. Nous
      déplacerons aussi notre ligne de statut de fenêtre à la section VBS du
      scénario et c'est là qu'elle restera dorénavant. Nous allons aussi
      apprendre un nouveau tour de table, un que  j'utilise beaucoup et j'espère
      que vous l'aimerez autant que moi. Nous verrons aussi comment utiliser le
      filtre "Shadow " sur notre texte ainsi que  le filtre d'ombre "drop shadow
      " et comment l'appliquer ainsi vous pourrez jouer avec  deux  filtres si
      vous aimez. Je fais le mien  très étrangement  mais comme j'ai dit
      auparavant, s'il travaille c'est aussi bien qu'une autre méthode. j'
      expliquerai la raison pour laquelle  je fais le mien comme cela un peu
      plus tard dans le script , quand nous arriverons à cette partie de la
      leçon.
      ------------------------De quoi  avons nous  besoin pour cette
      leçon--------------------------
      1. 1 image principale du domaine publique ou une de vos propres photos.
      2. 1 midi.
      3. 1 tuile pour le background .
      4. HTML Kit ou blocnote .
     
      --------------------------codes des 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. Afin de
      vous aider un peu mieux la nouvelle substance qui sera ajoutée dans le
      script sera en texte rouge.
      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-------------------------------------------
      Demarrons notre leçon
      Le premier nouveau code pour cette leçon ira dans la partie  HTML de notre
      manuscrit. Ce code est:
      id=txt Bon le" txt" représente sur ce manuscrit la boîte à textes , je lui
      ai donné ce nom d'identification qui me fera savoir que c'est la boîte de
      textes. Nous avons besoin de ce petit code pour l' ajouté à la balise de
      division pour notre boîte à textes. C'est là où nous appliquerons le
      filtre "shadow", il suffira de dire au PC à quel objet dans le script nous
      voulons qu'il soit appliqué. La seule manière de faire est de donner à
      chaque objet que nous utilisons dans le VBS est un nom d'identification et
      ces noms d'identification doivent être tous différents dans le manuscrit.
      Cette fois nous avons seulement un nom d' identification donc vous pouvez
      l'appeler comme vous le souhaitez sans problème.
      Cette semaine nous apprendrons de nouveaux codes . Cependant comme ce que
      nous allons apprendre est nouveau dans le VBscript de notre manuscrit
      j'attendrai et expliquerai cette substance quand nous y serons. Je sais
      qu'il a été dit que VBS est difficile mais il n'est pas plus dur que ce
      que nous avons fait jusqu'ici, et c'est la grande magie du manuscrit.
      Dans cette leçon nous travaillerons encore avec une table mais cette fois
      nous n'allons pas avoir de couleur de fond sur la table, en fait la table
      n'aura aucun modèle du tout. Cette table, quand nous aurons fini
      ressemblera à une image encadrée au-dessus d'une boîte à textes. Pas une
      nouvelle idée mais une que j'aime employer et moi ont voulu partager
      comment elle est faite. Veuillez en outre garder une copie de ce manuscrit
      à portée de la main, nous l'emploierons pour le manuscrit de base pour les
      leçons à venir.
      ------------------------------------------------------2-------------------------------------------
      Commençons notre script
      Mettre toutes les balises HTML principales de STYLE et de BODY comme
      d'habitude. Mettre  la ligne de tuile de fond (body background) mais ne
      mettez pas la ligne d'état de fenêtre d'onload dedans cette fois . Nous
      allons la mettre vers le bas dans le VBS du manuscrit , à partir de cette
      semaine nous le ferons de cette manière .
      Mettre la ligne pour le Midi . 
      Assurez vous de mettre  les codes de STYLE pour le BOBY ainsi vous aurez
      les jolis scrollbars mais nous attendrons pour les autres codes de STYLE
      jusqu'à ce que nous y arrivions, certains d'entre eux seront un peu
      différents cette fois.
      ------------------------------------------------------3-------------------------------------------
      Notre devrait ressembler à celui-ci jusqu'ici.


      <html>
      <head>
      <title></title>
      <!--script par votre nom -->
      <style>
      Body{
      BORDER-RIGHT: #204544 7px inset;
      BORDER-TOP: #204544 7px outset;
      BORDER-LEFT: #204544 7px outset;
      BORDER-BOTTOM: #204544 7px inset;
      scrollbar-face-color:#204544;
      scrollbar-highlight-color:#5B8176;
      scrollbar-3dlight-color:#224645;
      scrollbar-darkshadow-color:#000000;
      scrollbar-shadow-color:#183333;
      scrollbar-arrow-color:#5B8176;
      scrollbar-track-color:#204544;
      }
     
     
      </style>
      </head>
      <!--la tuile de fond ici tout sur une ligne-->
      <BODY bgColor=#204544 background="C:/Program Files/Fichiers
      Communs/Microsoft Shared/Papier à Lettres/tile.jpg">
      <!--Fichier Midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MIDI .mid" volume=0 loop=infinite>
     
     
     
      </body>
      </html>

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

      Commençons notre  table
      Ouvrez une table comme d'habitude, indiquez lui comment être au loin et
      l'aligner au centre. La table a besoin d'un cellspacing de 30 mais  placez
      le cellpadding à 0. Ouvrez maintenant votre première rangée de table et
      cellule de table. Dites à la cellule de s'aligner au centre et lui donner
      un nom de classe ID j'ai employé une technique sur celui-ci. Cette cellule
      contiendra une image ainsi mettez votre image dans la cellule, donnez-lui
      une classe d'identification et clôturez la cellule et la rangée.
      <TABLE width=450px align=center cellpadding=0 cellspacing=30>
      <TR>
      <TD class=tc align=center><IMG class=phto src="C:/Program Files/Common
      Files/Microsoft Shared/Stationery/ Main image.jpg" ></TD></TR>

      Ouvrez une autre rangée de table et cellule de table, dites à la cellule
      de s'aligner au centre et de lui donner un nom de class ID qui ne sera pas
      le même nom que l'autre cellule de table. J'ai employé tc2 sur celle-ci.
      Nous le faisons de cette façon parce que nous emploierons deux modèles
      différents sur ces deux cellules . Cette cellule contiendra notre boîte à
      textes et nous allons mettre un filtre sur le texte donc nous allons faire
      les choses un peu différemments cette fois. Nous donnerons un nom de class
      ID à cette division. Le nom ID et la class ID ne sont pas la même chose.
      Le nom ID indique au PC sur quel objet appliquer le filtre dans notre
      manuscrit. Lorsque vous avez besoin d'un nom ID il doit être différent de
      n'importe quel autre nom ID dans le  script. Dans ce manuscrit nous avons
      seulement un nom ID donc ce n'est pas un problème. Le nom d'identification
      va à l'intérieur de la balise pour l'objet qu'elle applique . J'ai donné à
      ma division le nom d'id=txt. Maintenant mettez dedans le mot "texte" et
      clôturez la division, la cellule de table et la rangée de table. Votre
      plein code ressemble à ceci .
      <TR>
      <TD class=tc2 align=center><div class=tx id=txt
      >text</DIV></TD></TR></TABLE>
      ------------------------------------------------------5-------------------------------------------
      Notre script devrait ressembler à celui-ci jusqu'ici ..
     
      <html>
      <head>
      <title></title>
      <!--script par votre nom -->
      <style>
      Body{
      BORDER-RIGHT: #204544 7px inset;
      BORDER-TOP: #204544 7px outset;
      BORDER-LEFT: #204544 7px outset;
      BORDER-BOTTOM: #204544 7px inset;
      scrollbar-face-color:#204544;
      scrollbar-highlight-color:#5B8176;
      scrollbar-3dlight-color:#224645;
      scrollbar-darkshadow-color:#000000;
      scrollbar-shadow-color:#183333;
      scrollbar-arrow-color:#5B8176;
      scrollbar-track-color:#204544;
      }
     
     
      </style>
      </head>
      <!--la tuile de fond ici tout sur une ligne-->
      <BODY bgColor=#204544 background="C:/Program Files/Fichiers
      Communs/Microsoft Shared/Papier à Lettres/tile.jpg">
      <!--Fichier Midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MIDI .mid" volume=0 loop=infinite>
      <TABLE width=450px align=center cellpadding=0 cellspacing=30>
      <TR>
      <TD class=tc align=center><IMG class=phto src="C:/Program Files/Common
      Files/Microsoft Shared/Stationery/ Main image.jpg" ></TD></TR>
      <TR>
      <TD class=tc2 align=center><div class=tx id=txt
      >text</DIV></TD></TR></TABLE>
     
      </body>
      </html>


Dernière édition par Gi le Sam 22 Aoû - 14:16, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages: 11439
Localisation: Terrebonne, Québec, Canada
Date d'inscription: 18/12/2004

MessageSujet: Re: Cours Visual Basic Script : Connie Shultza en français   Jeu 13 Oct - 21:19

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés



Leçon 9 B

6-------------------------------------------

Code:
Maintenant faisons nos codes style .
      Nous n'avons aucun code de STYLE de table pour ce manuscrit parce que
      notre table n'a aucune frontière et elle n'a aucune couleur de fond. C'est
      une table invisible. .. lol
      Nous avons besoin des codes de STYLE de cellule de table, deux d'entre eux
      pour ce script, nous mettrons ces derniers après, cependant celui qui
      contient l'image n'est pas le même qu' avant, cette fois nous avons un
      nouveau tour à employer sur ce code de STYLE. Nous voulons des frontières
      sur la cellule comme d'habitude et parce que nous voulons un regard
      encadré sur cette cellule, nous allons mettre dedans notre couleur de fond
      et  ajouterons le remplissage (padding) à cette cellule. Nous mettrons un
      padding : 20px ;
      Ce qui nous donnera une frontière large de couleur montrant autour de
      l'extérieur de l'image sur cette cellule mais aucune ne sera sur l'autre
      cellule. Cela nous donnera un regard encadré sur notre cellule d'image. Le
      plein code de STYLE pour cette cellule ressemble à ceci .....
      .tc{
      BORDER-RIGHT: #5B8176 7px inset;
      BORDER-TOP: #5B8176 7px outset;
      BORDER-LEFT: #123A39 7px outset;
      BORDER-BOTTOM: #123A39 7px inset;
      background color:#204544;
      padding: 20px;
      }

      Maintenant mettre dans les autres codes de STYLE de cellules de table
      normalement , couleur juste de fond ( background color) et frontières (
      borders), aucun remplissage (padding) sur celle-ci. Ils ressembleront à
      ceci.... mais se rappeller que celui-ci est appelé différemment.
      .tc2{
      BORDER-RIGHT: #5B8176 7px inset;
      BORDER-TOP: #5B8176 7px outset;
      BORDER-LEFT: #123A39 7px outset;
      BORDER-BOTTOM: #123A39 7px inset;
      background color:#204544;
      }

     
      Mettre dedans les codes de STYLE pour l'image , et juste les frontières (
      borders) pour elle cette fois.
      .phto{
      BORDER-RIGHT: #123A39 7px double;
      BORDER-TOP: #123A39 7px double;
      BORDER-LEFT: #5B8176 7px double;
      BORDER-BOTTOM: #5B8176 7px double;
      }

      Ensuite nous devons mettre dedans les codes de STYLE pour la division qui
      stocke le texte. Cette fois là c'est un peu différent que ce que nous
      avons utilisé, une certaine substance regardera différemment maintenant
      due au filtre et une certaine substance doit être laissée hors du code de
      STYLE. Voici les changements et pourquoi nous le faisons.
      D'abord, n'employez pas une couleur de fond dans cette division, si vous
      le faites l'ombre ne se révélera pas pour les utilisateurs OE5.5, non sûr
      aussi si 6 la verront ou pas.
      Après si vous mettez les frontières sur cette division rappellez vous
      qu'elles auront le même effet d'ombre que le texte et cela fera voir votre
      boîte à textes  hors de la forme. Les scrollbars auront trop d'ombre sur
      eux , ainsi ne paniquez pas si vous voyez un peu d'ombre sur les
      scrollbars. J'ai essayé de nicher cette division à l'intérieur d'une autre
      division pour  avoir des frontières supplémentaires mais quand je l'ai
      fait  les utilisateurs d'OE6 ne pouvaient pas voir l'ombre sur le texte.
      J'ai Juste  voulu vous avertir à ce sujet au cas où vous auriez  la même
      idée que moi LOL .
      Voici le code que j'ai employé pour le STYLE de boîte à textes.
      .tx{
      scrollbar-face-color:#204544;
      scrollbar-highlight-color:#5B8176;
      scrollbar-3dlight-color:#224645;
      scrollbar-darkshadow-color:#000000;
      scrollbar-shadow-color:#183333;
      scrollbar-arrow-color:#5B8176;
      scrollbar-track-color:#204544;
      padding:10px;
      text-align: center;
      FONT-FAMILY: Tahoma;
      FONT-SIZE: 12pt;
      COLOR: #5B8176;
      height:160px;
      width: 100%;
      OVERFLOW: auto;
      }


      ------------------------------------------------------7-------------------------------------------
      Notre script devrait ressembler à celui-ci jusqu'ici ..
     
      <html>
      <head>
      <title></title>
      <!--script par votre nom -->
      <style>
      Body{
      BORDER-RIGHT: #204544 7px inset;
      BORDER-TOP: #204544 7px outset;
      BORDER-LEFT: #204544 7px outset;
      BORDER-BOTTOM: #204544 7px inset;
      scrollbar-face-color:#204544;
      scrollbar-highlight-color:#5B8176;
      scrollbar-3dlight-color:#224645;
      scrollbar-darkshadow-color:#000000;
      scrollbar-shadow-color:#183333;
      scrollbar-arrow-color:#5B8176;
      scrollbar-track-color:#204544;
      }
      .tc{
      BORDER-RIGHT: #5B8176 7px inset;
      BORDER-TOP: #5B8176 7px outset;
      BORDER-LEFT: #123A39 7px outset;
      BORDER-BOTTOM: #123A39 7px inset;
      background color:#204544;
      padding: 20px;
      }
      .tc2{
      BORDER-RIGHT: #5B8176 7px inset;
      BORDER-TOP: #5B8176 7px outset;
      BORDER-LEFT: #123A39 7px outset;
      BORDER-BOTTOM: #123A39 7px inset;
      background color:#204544;
      }
      .phto{
      BORDER-RIGHT: #123A39 7px double;
      BORDER-TOP: #123A39 7px double;
      BORDER-LEFT: #5B8176 7px double;
      BORDER-BOTTOM: #5B8176 7px double;
      }
      .tx{
      scrollbar-face-color:#204544;
      scrollbar-highlight-color:#5B8176;
      scrollbar-3dlight-color:#224645;
      scrollbar-darkshadow-color:#000000;
      scrollbar-shadow-color:#183333;
      scrollbar-arrow-color:#5B8176;
      scrollbar-track-color:#204544;
      padding:10px;
      text-align: center;
      FONT-FAMILY: Tahoma;
      FONT-SIZE: 12pt;
      COLOR: #5B8176;
      height:160px;
      width: 100%;
      OVERFLOW: auto;
      }
      </style>
      </head>
      <!--la tuile de fond ici tout sur une ligne-->
      <BODY bgColor=#204544 background="C:/Program Files/Fichiers
      Communs/Microsoft Shared/Papier à Lettres/tile.jpg">
      <!--Fichier Midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MIDI .mid" volume=0 loop=infinite>
      <TABLE width=450px align=center cellpadding=0 cellspacing=30>
      <TR>
      <TD class=tc align=center><IMG class=phto src="C:/Program Files/Fichiers
      Communs/Microsoft Shared/Papier à Lettres/ Main image.jpg" ></TD></TR>
      <TR>
      <TD class=tc2 align=center><div class=tx id=txt
      >text</DIV></TD></TR></TABLE>
     
      </body>
      </html>

      sauvez et faites un aperçu de votre  script.
      ------------------------------------------------------8-------------------------------------------
      Nous sommes maintenant prêts à commencer la partie du VBS du script .
      D'abord nous devons parler un peu du VBS. Le VBS contient des sous-marins
      (SUB). Les SUBS indiquent au PC quoi faire dans chaque étape du manuscrit
      que nous écrivons. Pensez au VBS comme à un livre, et les subs sont des
      chapitres dans ce livre. Chaque chapitre est très important pour
      l'histoire entière, chaques SUB que nous écrirons sont importants pour le
      manuscrit entier. Chacuns ont un nom différent, juste comme chaque
      chapitre dans un livre a un nombre ou un nom différent. C'est ainsi que le
      PC sait quoi faire après , ne les mélanger pas tous  et ne faites pas un
      désordre hors de notre plan magique. Chaque SUB fini appellera un autre
      sous-marin dans l'action ou répétera le même SUB à plusieurs reprises
      indéfiniement ou jusqu'à un autre sous-marin indiqué.
      A l'intérieur de chaque sous-marin vous trouverez des codes ou des
      commandes. Chaque ligne indique au PC une étape à prendre pour qu'il fasse
      ce que nous voulons qu'il fasse .  C'est juste une autre manière de parler
      à notre ami, l'ordinateur LOL.
      ------------------------------------------------------9-------------------------------------------
      Mettons ce VBS.
      Allez à la fin de votre script de table. Mettez juste la souris à
      l'extrémité de la balise fermante de table , entre cette balise et la
      balise BODY fermante, faire de la place pour le VBscripting que nous
      mettrons dans notre manuscrit. Il y a d'autres manières de faire ceci,
      certains le mette dans la partie supérieure du script mais je mets le mien
      dans le bas . Si vous êtes déjà habitué à faire du VBS en haut faites le ,
      les deux manières sont correctes, vous êtes libre de faire à votre
      manière.
      Maintenant juste aprés la balise fermante de table nous commencerons notre
      VBscript. La première chose que nous devons dire au PC est que nous
      voulons faire un VBscript. Ainsi  nous ouvrons ce qui s'appelle une balise
      de script. Elle ressemble à ceci.
      <script language=vbscript>
      Ceci indique au PC que nous voulons faire un script et le language que
      nous utiliserons est le Visual Basic script.
      Après nous  nous assurerons de fermer le script et devrons mettre dedans
      notre balise fermante . Elle se place à la fin du manuscrit, juste devant
      la balise fermante BODY. Cette balise fermante ressemble à ceci.
      </script>
      Nous mettrons dedans des lignes de commentaire parfois connues sous le nom
      de rapports de REM. Ce sont des notes  juste comme les REM que nous avons
      employé dans le HTML cependant son regard est un peu différent. Il y a
      plusieurs manières d'écrire des commentaires dans VBS..
      On commence par le signe' de citation simple. Il  indique au PC de ne pas
      lire ceci en tant qu'élément du manuscrit.
      Vous pouvez également commencer une ligne avec le REM  , cela  indique au
      PC la même chose.
      On  indique pour commencer le rapport avec la citation simple ' en
      ajoutant avec la petite étoile* . Parceque la citation simple est souvent
      difficile à voir et qu' il est plus facile de voir l'étoile ,  nous
      faisons ceci pour que les effets visuels rendent vos lignes de commentaire
      faciles à trouver et lire.
      Vous pouvez le faire de la manière que vous aimez mais  rappelez vous
      chaque ligne dans votre commentaire doit commencer par un des articles
      ci-dessus ou vous obtiendrez une erreur de manuscrit.
      Dans tous mes scripts, les premiers commentaires que je fais sont ceux qui
      indiquent au monde que c'est mon manuscrit, ensuite toutes les autres
      petites choses que je peux vouloir dire à quelqu'un qui les accroche .
      '*----------------------------------*
      '* REM faites la magie
      '* Ce script a été écrit par Connie Schutza
      '* Aout 15 2003
      '* Pour la leçon #9 de scripting
      '* magie sans fin
      '*-----------------------------------*

      La prochaine chose que nous allons  faire est de mettre dedans notre ligne
      de status. C' est la meilleure méthode que de mettre ceci dans la section
      du VBS ainsi les personnes qui accrochent vos scripts peuvent la trouver
      avec facilité parce qu'ils feront des changements dans cette partie de
      votre manuscrit. D'abord je vais mettre dedans une ligne de commentaire
      indiquant aux personnes qui accrochent ce manuscrit ce dont ils ont besoin
      pour faire un changement et je mets le code de status juste après. Il fait
      exactement la même chose que celui que nous avions employé ainsi vous êtes
      déjà familiarisés avec lui . Il ressemble à ceci dans la pièce du VBS du
      manuscrit.
      '* c'est là où vous changez le
      ticker----------------------------------------*
      window.status=" script et stationery par votre nom "

      Si vous voulez que votre ligne d'état ( status) soit au centre de la barre
      du status, mettez juste la souris après la première marque" et frapez sur
      tab key une fois. Cela le mettra au centre pour vous
.


Dernière édition par Gi le Sam 22 Aoû - 14:17, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages: 11439
Localisation: Terrebonne, Québec, Canada
Date d'inscription: 18/12/2004

MessageSujet: Re: Cours Visual Basic Script : Connie Shultza en français   Jeu 13 Oct - 21:22

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés



Cours 9 C

[color:c98b=steelblue
10-------------------------------------------
Code:
Avant que nous n'allions plus loin ,assurez -vous que  votre manuscrit
      ressemble  à ceci.....
      <html>
      <head>
      <title></title>
      <!--script par votre nom -->
      <style>
      Body{
      BORDER-RIGHT: #204544 7px inset;
      BORDER-TOP: #204544 7px outset;
      BORDER-LEFT: #204544 7px outset;
      BORDER-BOTTOM: #204544 7px inset;
      scrollbar-face-color:#204544;
      scrollbar-highlight-color:#5B8176;
      scrollbar-3dlight-color:#224645;
      scrollbar-darkshadow-color:#000000;
      scrollbar-shadow-color:#183333;
      scrollbar-arrow-color:#5B8176;
      scrollbar-track-color:#204544;
      }
      .tc{
      BORDER-RIGHT: #5B8176 7px inset;
      BORDER-TOP: #5B8176 7px outset;
      BORDER-LEFT: #123A39 7px outset;
      BORDER-BOTTOM: #123A39 7px inset;
      background color:#204544;
      padding: 20px;
      }
      .tc2{
      BORDER-RIGHT: #5B8176 7px inset;
      BORDER-TOP: #5B8176 7px outset;
      BORDER-LEFT: #123A39 7px outset;
      BORDER-BOTTOM: #123A39 7px inset;
      background color:#204544;
      }
      .phto{
      BORDER-RIGHT: #123A39 7px double;
      BORDER-TOP: #123A39 7px double;
      BORDER-LEFT: #5B8176 7px double;
      BORDER-BOTTOM: #5B8176 7px double;
      }
      .tx{
      scrollbar-face-color:#204544;
      scrollbar-highlight-color:#5B8176;
      scrollbar-3dlight-color:#224645;
      scrollbar-darkshadow-color:#000000;
      scrollbar-shadow-color:#183333;
      scrollbar-arrow-color:#5B8176;
      scrollbar-track-color:#204544;
      padding:10px;
      text-align: center;
      FONT-FAMILY: Tahoma;
      FONT-SIZE: 12pt;
      COLOR: #5B8176;
      height:160px;
      width: 100%;
      OVERFLOW: auto;
      }
     
      </style>
      </head>
      <!--la tuile de fond ici tout sur une ligne-->
      <BODY bgColor=#204544 background="C:/Program Files/Fichiers
      Communs/Microsoft Shared/Papier à Lettres/tile.jpg">
      <!--Fichier Midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MIDI .mid" volume=0 loop=infinite>
      <TABLE width=450px align=center cellpadding=0 cellspacing=30>
      <TR>
      <TD class=tc align=center><IMG class=phto src="C:/Program Files/Fichiers
      Communs/Microsoft Shared/Papier à Lettres/ Main image.jpg" ></TD></TR>
      <TR>
      <TD class=tc2 align=center><div class=tx id=txt
      >text</DIV></TD></TR></TABLE>
     
     
      <script language=vbscript>
      '*----------------------------------*
      '* REM faites la magie
      '* Ce script a été écrit par Connie Schutza
      '* Aout 15 2003
      '* Pour la leçon #9 de scripting
      '* magie sans fin
      '*-----------------------------------*
      '* c'est là où vous changez le
      ticker----------------------------------------*
      window.status=" script et stationery par votre nom "
     
     
     
     
      </script>
      </body>
      </html>


      ------------------------------------------------------11-------------------------------------------
      Nous devons parler un peu du filtre shadow parce qu'il est temps de le
      mettre dans le script et je veux vous l'expliquer d'abord.
      Premièrement le filtre shadow donne une ombre au texte ou à l'image ou à
      la division à qui vous l' appliqué.  Vous pouvez donner une disposition
      d'objet en mettant la taille ou la largeur de l'objet dans les codes de
      STYLE ou en plaçant l'objet en position absolute. Si une ou plusieurs de
      ces choses ne sont pas faites l'objet n'aura pas la disposition et le
      filtre ne fonctionnera pas. Mettez toujours la taille et la largeur dans
      le code de STYLE ainsi l'objet a la disposition et votre filtre
      fonctionnera .
      Le filtre shadow peut être appliqué à une division et fera n'importe quoi
      à l'intérieur de la division pour avoir une ombre. Le filtre peut être
      appliqué à une image et l'image aura une ombre. Avec le filtre shadow vous
      pouvez changer la couleur, la direction, et la force d'ombre. Vous pouvez
      également la neutraliser aussi vous ne devez pas l'enlever du manuscrit si
      vous  ne voulez pas qu'il fasse d'ombre dans un stat. Parfois nous voulons
      le texte ombragé et dans quelques stats cela  ne semble pas bon ,donc en
      ajoutant le dispositif permis vous pouvez juste l'arrêter comme un
      commutateur léger.
      Dans VBS la manière d'appeler et appliquer le filtre d'ombre est
      object.style.filter="progid:DXImageTransform.Microsoft.Shadow(sProperties)"

      Maintenant regardez cet exemple mais ne le mettez pas dans votre manuscrit
      parce que nous ne l'installons pas encore. Ceci est ce qu'il  vous
      indique à vous et au PC .
      l'Objet est : où vous mettrez le nom d'identification de l'objet pour
      appliquer le filtre que vous voulez  . Dans notre cas c'est la division de
      boîte à textes qui a le nom d'identification du txt.
      Après il indique au PC de placer le STYLE de celui-ci
      Ensuite il indique au style le temps du filtre qui sera utilisé sur
      l'objet .
      Le prochain indique que le filtre est égal à et donne le nom du filtre,
      dans ce cas-ci c'est le filtre shadow.
      Et dans la marque ( ) le S  représente le lien et naturellement il est
      facile comprendre les propriétés . Ceci se transformera en instructions
      que nous avons donné pour la couleur, direction, force et si le filtre est
      éteint  ou fermé. C'est toutes les parties de code que vous voulez que le
      filtre emploie sur l'objet et comment il doit se comporter.
      Maintenant regardons les propriétés qui vont à l'intérieur () voyons à
      quoi elles ressemblent et ce qu' elles signifient .
      Le premier est la couleur, c'est facile, il indique au PC de quelle
      couleur faire l'ombre et elle ressemble à ceci.
      color='#0B1F1E', mettez d'abord le numéro de la couleur qui est enfermé
      dans la citation simple ' elle  est suivie de , n'oubliez pas ces marques.
      C'est la manière appropriée d'écrire le code pour le filtre ainsi nous
      devons toujours le faire  de cette façon.
      Après nous avons la direction, c'est facile aussi, de quelle direction 
      voulez vous que l'ombre disparaisse. Elle ressemble à ceci.....
      Direction=45,
      Ensuite nous avons la force, c'est la grandeur obtenue de l'ombre . Si
      vous la voulez petite vous employez un petit nombre et si vous le voulez
      au loin vous employez un grand nombre. Cela  ressemble à ceci
      Strength=8,
      enabled est facile, il indique si le filtre est éteint  ou fermé et il
      ressemble à ceci.
      enabled=1 ceci signifie que le filtre est ouvert.
      enabled=0 signifie que le filtre est fermé.
      Le plein code pour le filtre ressemblera à celui ci-dessous, le maintenir
      tout sur une ligne dans votre manuscrit et veiller à le finir avec les
      doubles  marques de citation "ou le filtre ne fonctionnera pas. 
      Ce code doit aller bien au-dessous de la ligne de STATUS dans votre
      script. La raison en est que les personnes qui accrochent ce manuscrit
      pourront  faire quelques changements dans cette partie du manuscrit .
      Soyez sûr d'ajouter une ligne de commentaire pour bien indiquer comment 
      faire des changements  et  dire comment arrêter le filtre s'ils ne veulent
      pas l'ombre sur leur papeterie.
      La ligne de commentaire devrait ressembler à quelque chose comme ceci ....
      '* changement de la couleur de l'ombre, direction et force ici et si vous
      ne voulez pas l'ombre
      '*changez alors juste  l'enabled=1 à enabled=0 et il l'arrêtera pour
      vous.--------------*

      txt.style.filter="progid:DXImageTransform.Microsoft.Shadow(color='#0B1F1E',
      Direction=45, Strength=8, enabled=1)"

      ------------------------------------------------------12-------------------------------------------
      votre manuscrit devrait ressembler à ceci maintenant...... mais se
      rappeler de maintenir tout le filtre sur une ligne dans votre manuscrit.
     
      <html>
      <head>
      <title></title>
      <!--script par votre nom -->
      <style>
      Body{
      BORDER-RIGHT: #204544 7px inset;
      BORDER-TOP: #204544 7px outset;
      BORDER-LEFT: #204544 7px outset;
      BORDER-BOTTOM: #204544 7px inset;
      scrollbar-face-color:#204544;
      scrollbar-highlight-color:#5B8176;
      scrollbar-3dlight-color:#224645;
      scrollbar-darkshadow-color:#000000;
      scrollbar-shadow-color:#183333;
      scrollbar-arrow-color:#5B8176;
      scrollbar-track-color:#204544;
      }
      .tc{
      BORDER-RIGHT: #5B8176 7px inset;
      BORDER-TOP: #5B8176 7px outset;
      BORDER-LEFT: #123A39 7px outset;
      BORDER-BOTTOM: #123A39 7px inset;
      background color:#204544;
      padding: 20px;
      }
      .tc2{
      BORDER-RIGHT: #5B8176 7px inset;
      BORDER-TOP: #5B8176 7px outset;
      BORDER-LEFT: #123A39 7px outset;
      BORDER-BOTTOM: #123A39 7px inset;
      background color:#204544;
      }
      .phto{
      BORDER-RIGHT: #123A39 7px double;
      BORDER-TOP: #123A39 7px double;
      BORDER-LEFT: #5B8176 7px double;
      BORDER-BOTTOM: #5B8176 7px double;
      }
      .tx{
      scrollbar-face-color:#204544;
      scrollbar-highlight-color:#5B8176;
      scrollbar-3dlight-color:#224645;
      scrollbar-darkshadow-color:#000000;
      scrollbar-shadow-color:#183333;
      scrollbar-arrow-color:#5B8176;
      scrollbar-track-color:#204544;
      padding:10px;
      text-align: center;
      FONT-FAMILY: Tahoma;
      FONT-SIZE: 12pt;
      COLOR: #5B8176;
      height:160px;
      width: 100%;
      OVERFLOW: auto;
      }
     
      </style>
      </head>
      <!--la tuile de fond ici tout sur une ligne-->
      <BODY bgColor=#204544 background="C:/Program Files/Fichiers
      Communs/Microsoft Shared/Papier à Lettres/tile.jpg">
      <!--Fichier Midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MIDI .mid" volume=0 loop=infinite>
      <TABLE width=450px align=center cellpadding=0 cellspacing=30>
      <TR>
      <TD class=tc align=center><IMG class=phto src="C:/Program Files/Fichiers
      Communs/Microsoft Shared/Papier à Lettres/ Main image.jpg" ></TD></TR>
      <TR>
      <TD class=tc2 align=center><div class=tx id=txt
      >text</DIV></TD></TR></TABLE>
     
     
      <script language=vbscript>
      '*----------------------------------*
      '* REM faites la magie
      '* Ce script a été écrit par Connie Schutza
      '* Aout 15 2003
      '* Pour la leçon #9 de scripting
      '* magie sans fin
      '*-----------------------------------*
      '* c'est là où vous changez le
      ticker----------------------------------------*
      window.status=" script et stationery par votre nom "
      '* changement de la couleur de l'ombre, direction et force ici et si vous
      ne voulez pas l'ombre
      '*changez alors juste  l'enabled=1 à enabled=0 et il l'arrêtera pour
      vous.--------------*
      txt.style.filter="progid:DXImageTransform.Microsoft.Shadow(color='#0B1F1E',
      Direction=45, Strength=8, enabled=1)"
     
     
     
      </script>
      </body>
      </html>

      Si vous sauvez et visionnez votre script  maintenant vous verrez l'ombre 
      sur les mots dans votre boîte à textes .
     


Dernière édition par Gi le Sam 22 Aoû - 14:19, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages: 11439
Localisation: Terrebonne, Québec, Canada
Date d'inscription: 18/12/2004

MessageSujet: Re: Cours Visual Basic Script : Connie Shultza en français   Jeu 13 Oct - 21:24

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés



Cours 9 D

13-------------------------------------------
Code:
OK maintenant pour la vraie magie, faisons défiler cette tuile de fond..
      Après la ligne du filtre mettez ce peu de code ..
      x=0
      y=0
      Ceci indique au PC à quoi x et y est égal quand le manuscrit commence . En
      ce moment ils sont égale à 0 et cela veut dire que rien ne se déplacera,
      même si vous le mettez dans le SUB pour qu'il fasse le rouleau , le fond
      ne se déplacera pas jusqu'à ce que nous fassions x et ou y égal à autre
      chose autre que 0.
      vous ne devez pas employer que x et y, vous pouvez employer n'importe
      quelle lettre que vous aimez et certains mettent un nom . Mais là , vous
      devez employer exatement les mêmes dans le manuscrit . Donc commençons d'
      abord par le x et le y et une fois que vous comprendrez mieux, vous serez
      libre d' employer autre chose si vous voulez.
      La prochaine chose que nous devons faire dans notre manuscrit s'appellent
      un SUB. Dans ce cas-ci nous placerons un intervalle. Ceci  dit au PC de
      jouer le SUB à plusieurs reprises et  ne jamais cesser à moins que nous
      lui donnions les ordres pour s'arrêter, ce que nous n'allons pas
      faire..LOL. .
      SetInterval "cksscroll",64
      laissez-moi vous expliquer ce code .. d'abord il indique  set an interval 
      (placez un intervalle) en tant qu'I juste dit.Ce qui indique au PC de
      faire ceci à plusieurs reprises.
      Ensuite il indique au SUB de fonctionner à intervalles et le Sub s'appelle
      cksscroll (notez les doubles citations autour du nom du SUB, assurez vous
      que vous faites ceci sur votre script ou cela ne fonctionnera pas.
      Rappelez-vous en outre de mettre, après le nom soit bien écrit comme dans
      le code ci-dessus)
      Rappelez-vous I dit que nous aurons des SUB et ils ont tous eu un nom
      différent et nous avons dit au PC quoi faire après.
      Bon cksscroll est le nom du SUB et ou autre chose si vous voulez l'appeler
      autrement. Cela peut être votre nom avec un nombre après lui si vous le
      souhaitez.
      En fait c'est une grande manière de marquer vos manuscrits, mettez votre
      nom dans tous les SUB ainsi vous pouvez dire d'un coup d'oeil si c'est le
      votre ou non . Si quelqu'un veut retirer votre crédit dans le script, il
      ne changera pas tous les noms de SUB pour garder le fonctionnement du
      manuscrit, sauf s' il sait écrire ses propres manuscrits .Ainsi c'est une
      très bonne manière de marquer votre travail.
      Après il y a un nombre , ce nombre est 64, ceci indique au PC la vitesse
      du déplacement du fond, combien de temps avant qu'il joue le SUB ou dans
      ce cas-ci combien de temps attendre jusqu'à ce qu'il ne la joue plus. Vous
      pouvez vous l'ajuster comme vous aimez mais faites attention, si vous
      mettez trop longtemps cela sautera , un nombre plus élevé ralentira le
      rouleau vers le bas et un nombre inférieur le fera aller plus rapidement .
      Okay  nous avons appelé un sub que nous n'avons pas dans le manuscrit
      pourtant ainsi fixons cela et ajoutons après le sub dans notre script ou
      le fond ne travaillera pas et vous recevrez un message d'erreur.
      D'abord nous devons dire au PC que c'est un sub et alors nous devrons
      donner au sub le même nom que nous avons juste donné dans l'action et
      ferons suivre le nom du sub avec () voici à quoi ressemblera la première
      ligne du sub que nous avons appelé à l'action.
      Sub cksscroll()
      Maintenant, parce que c'est un sub de rouleau et que nous voulons que le
      fond se déplace, nous devons dire au PC à quel x il est maintenant égal.
      Mais avant que nous ne le faisions , jetons un coup d'oeil à quel x il
      correspond dans la commande de  placement de notre fond.
      x commande le mouvement latéral du fond
      si vous voulez qu'il disparaisse à  gauche x est égal à -1 et ressemblera
      à ceci dans le manuscrit x=x-1
      si vous voulez qu'il aille à droite vous aurez x égal à +1 et ressemblera
      à ceci dans le manuscrit x=x+1
      si vous ne voulez pas que le fond se déplace du tout à droite ou à gauche
      , puisque x est encore égal à x , il  ressemblera à ceci dans le manuscrit
      x=x
      Dans notre manuscrit nous ne voulons pas que le fond disparaisse gauche ou
      droite ainsi nous aurons
      x=x
      Y est la commande du mouvement, en haut et en bas, de notre fond .
      Si nous voulons que le fond aille vers le haut nous aurons y égal à -1 et
      ressemblera à ceci dans le manuscrit y=y-1
      Si nous voulons que le fond aille vers le bas nous aurons y égal à +1 et
      ressemblera à ceci dans le manuscrit  y=y+1
      Et si nous ne voulons pas qu'il monte ou descende nous aurons y égal à y
      et cela ressemblera à ceci dans le manuscrit .. y=y
      je veux que le mien monte ainsi j'ai employé
      y=y-1
      Il y a d'autres directions de déplacement pour le fond , je vous fournirai
      cette information à la fin de la leçon .
      Bon  nous voulons dire au PC qu'il se déplace dans ce sub . Ainsi nous
      ajoutons cette ligne de code .
      document.body.style.backgroundposition=x&" "&y
      Ceci indique au PC que nous voulons qu'il fonctionne avec le fond entier ,
      c'est pourquoi il indique document.body
      Ceci indique également que le style (modèle) du document Body  va changer
      et ce modèle est la position du fond . Alors il indique au PC de déplacer
      le fond par Pixel dans la direction qui est égale à la valeur de x et de
      y.
      C' est tout ce que nous voulons que ce sous-marin fasse ainsi nous dirons
      maintenant au PC que nous avons fini avec ce sous-marin et  nous mettons
      ceci à l'extrémité du sous-marin.
      End Sub
      C' est  ce à  quoi notre sub ressemblera.
      Sub cksscroll()
      x=x
      y=y-1
      document.body.style.backgroundposition=x&" "&y
      End Sub
      ------------------------------------------------------14-------------------------------------------

      votre manuscrit devrait ressembler à ceci maintenant..... mais se rappeler
      de maintenir tout le filtre sur une ligne dans votre manuscrit.
      <html>
      <head>
      <title></title>
      <!--script par votre nom -->
      <style>
      Body{
      BORDER-RIGHT: #204544 7px inset;
      BORDER-TOP: #204544 7px outset;
      BORDER-LEFT: #204544 7px outset;
      BORDER-BOTTOM: #204544 7px inset;
      scrollbar-face-color:#204544;
      scrollbar-highlight-color:#5B8176;
      scrollbar-3dlight-color:#224645;
      scrollbar-darkshadow-color:#000000;
      scrollbar-shadow-color:#183333;
      scrollbar-arrow-color:#5B8176;
      scrollbar-track-color:#204544;
      }
      .tc{
      BORDER-RIGHT: #5B8176 7px inset;
      BORDER-TOP: #5B8176 7px outset;
      BORDER-LEFT: #123A39 7px outset;
      BORDER-BOTTOM: #123A39 7px inset;
      background color:#204544;
      padding: 20px;
      }
      .tc2{
      BORDER-RIGHT: #5B8176 7px inset;
      BORDER-TOP: #5B8176 7px outset;
      BORDER-LEFT: #123A39 7px outset;
      BORDER-BOTTOM: #123A39 7px inset;
      background color:#204544;
      }
      .phto{
      BORDER-RIGHT: #123A39 7px double;
      BORDER-TOP: #123A39 7px double;
      BORDER-LEFT: #5B8176 7px double;
      BORDER-BOTTOM: #5B8176 7px double;
      }
      .tx{
      scrollbar-face-color:#204544;
      scrollbar-highlight-color:#5B8176;
      scrollbar-3dlight-color:#224645;
      scrollbar-darkshadow-color:#000000;
      scrollbar-shadow-color:#183333;
      scrollbar-arrow-color:#5B8176;
      scrollbar-track-color:#204544;
      padding:10px;
      text-align: center;
      FONT-FAMILY: Tahoma;
      FONT-SIZE: 12pt;
      COLOR: #5B8176;
      height:160px;
      width: 100%;
      OVERFLOW: auto;
      }
      </style>
      </head>
      <!--la tuile de fond ici tout sur une ligne -->
      <BODY bgColor=#204544 background="C:/Program Files/Fichiers
      Communs/Microsoft Shared/Papier à Lettres/tile.jpg">
      <!--Fichier Midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MIDI .mid" volume=0 loop=infinite>
      <TABLE width=450px align=center cellpadding=0 cellspacing=30>
      <TR>
      <TD class=tc align=center><IMG class=phto src="C:/Program Files/Fichiers
      Communs/Microsoft Shared/Papier à Lettres/ Main image.jpg" ></TD></TR>
      <TR>
      <TD class=tc2 align=center><div class=tx id=txt
      >text</DIV></TD></TR></TABLE>
     
     
      <script language=vbscript>
      '*----------------------------------*
      '* REM faites la magie
      '* Ce script a été écrit par Connie Schutza
      '* Aout 15 2003
      '* Pour la leçon #9 de scripting
      '* magie sans fin
      '*-----------------------------------*
      '* c'est là où vous changez le
      ticker----------------------------------------*
      window.status=" script et stationery par votre nom "
      '* changement de la couleur de l'ombre, direction et force ici et si vous
      ne voulez pas l'ombre
      '*changez alors juste  l'enabled=1 à enabled=0 et il l'arrêtera pour
      vous.--------------*
      txt.style.filter="progid:DXImageTransform.Microsoft.Shadow(color='#0B1F1E',
      Direction=45, Strength=8, enabled=1)"
     
     
      SetInterval "cksscroll",64
      Sub cksscroll()
      x=x
      y=y-1
      document.body.style.backgroundposition=x&" "&y
      End Sub
      </script>
      </body>
      </html>

      ------------------------------------------------------15-------------------------------------------
      vous avez fini avec ce manuscrit.
      Sauvegardez votre script et faites un aperçu . C'est tout pour cette
      leçon. Vous devriez avoir un fond qui  défile et vous devriez avoir une
      ombre sur votre texte.
      ------------------------------------------------------16-------------------------------------------
      voici les codes d'ensembles complets pour faire le rouleau de fond dans
      toutes les directions qu'il peut se aller..
      VERS LE HAUT
      x=x
      y=y-1

      ------------------------------------------------------------------------------------
      VERS LE BAS
      x=x
      y=y+1

      -----------------------------------------------------------------------------------
      VERS LA DROITE
      x=x+1
      y=y

      --------------------------------------------------------------------------------------------
      VERS LA GAUCHE
      x=x-1
      y=y

      -------------------------------------------------------------------------------------------
      coin gauche du bas se déplace au coin supérieur
      x=x+1
      y=y-1

      ----------------------------------------------------------------------------------------------
      le coin du bas se déplace au coin gauche supérieur
      x=x-1
      y=y-1

      ----------------------------------------------------------------------------------------------
      le coin supérieur se déplace au coin gauche inférieur
      x=x-1
      y=y+1

      ------------------------------------------------------------------------------------------------
      coin gauche supérieur se déplace au  coin inférieur
      x=x+1
      y=y+1

      ------------------------------------------------------17-------------------------------------------
      maintenant jetons un coup d'oeil au filtre d'ombre de baisse "drop shadow
      filter".
      Le filtre "dropshadow"est appliqué comme le filtre "shadow". Le scripting
      pour ce filtre est identique au filtre  "shadow " seulement  le nom est
      différent et les choses que vous pouvez  ajuster sont différentes. Voici
      le codage pour le filtre dropshadow.
      object.style.filter
      ="progid:DXImageTransform.Microsoft.DropShadow(sProperties)"
      Ici encore le (sProperties) est où vous énumérez les choses pour que le
      filtre fonctionne avec.
      color ceci indique au PC quelle couleur faire l'ombre de baisse
      enabled c'est le même qu'avec le filtre d'ombre. 0 = fermé et 1 = ouvert
      offX ceci indique au PC à quelle distance gauche ou droite  placer l'ombre

      offY ceci indique au PC à quelle distance au-dessus ou au-dessous du texte
      placer l'ombre
      Ce filtre  ne travaillera pas sur un objet qui n'a pas de disposition
      ainsi être sûr de donner la disposition d'objet en ajoutant la taille et
      la largeur dans le code style  ou de placer l'objet en position absolute..

      Le filtre " dropshadow " ne travaille pas dans OE5.5 , si vous avez une
      couleur de fond dans la division de texte est dans juste les mêmes que le
      filtre d'ombre ne fonctionnera pas s'il y a une couleur de fond dans la
      division ainsi  rappellez vous de  cela quand vous travaillez avec ces
      filtres.
      le filtre "dropshadow " fera les mêmes les frontières et les scrollbars
      comme le texte , ne paniquez pas s'il y a une ombre  sur les scrollbars.
      Le filtre  "dropshadow" peut être utilisé sur une image ,de  mêmes que le
      filtre "shadow "  .
      si nous voulions utiliser ce filtre dans ce script au lieu du filtre
      d'ombre notre code ressemblera à ceci.. Maintenez tout sur une ligne dans
      votre manuscrit. OE le cassera vers le haut mais c'est très bien.
     
      txt.style.filter="progid:DXImageTransform.Microsoft.dropshadow(OffX=5,
      OffY=5, Color='#0B1F1E', enabled=1 )"
      Jouez avec les deux filtres et amusez avec eux.
     
      Voir l'exemple ICI
      ------------------------------------------------------18-------------------------------------------
      Devoirs.
      je parie vous savez  ce qu'est votre travail  lol .ouais ecrivez  vos
      propres scripts et ayez l'amusement avec ce que vous avez appris. Vous
      pouvez même reprendre  certains de vos vieux manuscrits et faire le
      rouleau de fond sur ceux -ci si vous aimez. Ayez l'amusement et faites la
      magie
..


Dernière édition par Gi le Sam 22 Aoû - 14:23, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages: 11439
Localisation: Terrebonne, Québec, Canada
Date d'inscription: 18/12/2004

MessageSujet: Re: Cours Visual Basic Script : Connie Shultza en français   Jeu 13 Oct - 21:30

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés



Leçon 10 A

Bienvenue dans la leçon 10

Code:
Ceci est un site d'enseignement pour ceux qui veulent apprendre à écrire
      des scripts pour la papeterie d'email. Les leçons que vous utiliserez sont
      toutes écrites par Connie Schutza Hill sauf indication contraire et
      traduite par moi , Mickaëla P. Elle  tient tous les droits d'auteur sur
      ces leçons.Les TERMES D'UTILISATION sont inscrits sur la page d'INTRO .
      Lisez s'il vous plaît ces règles et soumettez-vous y.
      -------------------------------------------------------------------------------
      Bienvenue à leçon 10. Pouvez-vous le croire ? vous êtes déjà à la leçon 10
      ! Il me semble  juste qu' il y a quelques jours où nous étions sur la
      leçon 2 et je n'étais même pas sûr de faire la leçon 10 lol . cette fois
      nous allons apprendre à travailler avec un des filtres de transition. Nous
      utiliserons le filtre Shadow , j'espére que vous aimerez ce filtre.
      -------------------------------------Ce dont nous avons besoin pour cette
      leçon--------------------------
      1.2 images principales et veuillez vous assurer qu'elles soient de  la
      même taille .
      2. 1 midi.
      3. 1 tuile de background .
      4. HTML Kit ou  blocnote.
     
      --------------------------couleur des  codes 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. Afin de
      vous aider un peu mieux la nouvelle substance qui sera ajoutée dans le
      script sera en texte rouge.
      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-------------------------------------------
      Demarrons notre leçon
      Cette semaine nous n'aurons aucun nouveau code dans la pièce de HTML de
      notre script ainsi nous apprendrons juste la nouvelle substance dans la
      section du VBS .
      Ouvrez un script pour que nous travaillions avec. Vous pouvez en écrire un
      nouveau ou  faire quelques changements au script que nous avons employé la
      semaine dernière. Je vais faire des changements au mien à partir de la
      semaine dernière, il me sauvera de quelques heures à le retaper ici . lol
      Installez une table avec l'image sur le dessus et la boîte à textes
      au-dessous de l'image. Puisque nous allons avoir deux images dans la
      cellule supérieure pour laisser le filtre changer d'une image à l'autre,
      nous devons mettre dedans une division pour contenir les images. Soyez sûr
      de rendre la division en position relative et lui faire la même taille que
      vos images plus la largeur de touts les bords que vous voulez ajouter à la
      division. Rappelez-vous nous avons fait cela dans la leçon 9 et je vous ai
      dits qu'on l'emploierait souvent ..
      Assurez vous de donner aux images des noms d'identification et se rappeler
      qu'elles doivent être de noms différents , sur l'identification d'image
      j'ai employé phto1 et phto2 mais vous pouvez svp les appeler comme vous le
      voulez. Rappelez-vous en outre de placer les images "absolute" et de dire
      au manuscrit la taille de ces images dans le secteur de style  du script.
      Installez la section de style de votre manuscrit et faites que tout soit
      en place ainsi vous pouvez vous assurer que tout regarde comme il faut.
      J'emploie le dernier manuscrit de la semaine donc j'ai deux modèles de
      cellules de table mais vous pouvez employer une table normale et avoir
      seulement un modèle de cellules de table si vous préférez. Vous pouvez
      commencer votre VBS normalement et  pouvez avoir un fond de défilement sur
      ce script si vous le désirez. C'est un des filtres de transition qui
      fonctionne très bien avec un fond de défilement.
      ------------------------------------------------------2-------------------------------------------
      Votre script devrait être comme ceci quand vous aurez fini. Si vous
      utilisez les scripts des dernières semaines sachez que je n'ai pas le
      filtre d'ombre sur celui-ci ainsi votre manuscrit peut être un peu
      différent du mien. Si vous voulez utiliser le filtre d'ombre sur le votre
      , faites comme il vous plait . 
      <html>
      <head>
      <title> </title>
      <!--script by Connie-->
      <style>
      Body{
      BORDER-RIGHT: #757D90 7px inset;
      BORDER-TOP: #757D90 7px outset;
      BORDER-LEFT: #757D90 7px outset;
      BORDER-BOTTOM: #757D90 7px inset;
      scrollbar-face-color:#757D90;
      scrollbar-highlight-color:#2B2A54;
      scrollbar-3dlight-color:#757D90;
      scrollbar-darkshadow-color:#2B2A54;
      scrollbar-shadow-color:#757D90;
      scrollbar-arrow-color:#2B2A54;
      scrollbar-track-color:#757D90;
      }
      .tc{
      BORDER-RIGHT: #757D90 7px inset;
      BORDER-TOP: #757D90 7px outset;
      BORDER-LEFT: #757D90 7px outset;
      BORDER-BOTTOM: #757D90 7px inset;
      padding:20px;
      background color:#2B2A54;
      }
      .tc2{
      BORDER-RIGHT: #757D90 7px inset;
      BORDER-TOP: #757D90 7px outset;
      BORDER-LEFT: #757D90 7px outset;
      BORDER-BOTTOM: #757D90 7px inset;
      background color:#2B2A54;
      }
      .phto{
      height:244px;
      width:400px;
      position:absolute;
      top:0px;
      left:0px;
      }
      .dv{
      BORDER-RIGHT: #757D90 7px double;
      BORDER-TOP: #757D90 7px double;
      BORDER-LEFT: #757D90 7px double;
      BORDER-BOTTOM: #757D90 7px double;
      height:258px;
      width:414px;
      position:relative;
      top:0px;
      left:0px;
      }
      .tx{
      background color:#2B2A54;
      scrollbar-face-color:#2B2A54;
      scrollbar-highlight-color:#2B2A54;
      scrollbar-3dlight-color:#757D90;
      scrollbar-darkshadow-color:#2B2A54;
      scrollbar-shadow-color:#2B2A54;
      scrollbar-arrow-color:#2B2A54;
      scrollbar-track-color:#2B2A54;
      padding:10px;
      text-align: center;
      OVERFLOW: auto;
      FONT-FAMILY: Tahoma;
      FONT-SIZE: 12pt;
      COLOR: 757D90;
      height:150px;
      width: 100%;
      }
     
     
      </style>
      </head>
      <!--La tuile deu background ici tout sur une ligne-->
      <BODY bgColor=757D90 background="C:/Program Files/Fichiers
      Communs/Microsoft Shared/Papier à Lettres/TILE.jpg">
      <!--Fichier Midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MIDI.mid" volume=0 loop=infinite>
      <TABLE width=450px align=center cellpadding=0 cellspacing=30>
      <TR>
      <TD class=tc align=center><DIV class=dv align=center>
      <IMG class=phto id=phto1 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MAIN IMAGE1.jpg">
      <IMG class=phto id=phto2 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MAIN IMAGE2.jpg"></DIV></TD></TR>
      <TR>
      <TD class=tc2 align=center><DIV class=tx>text</DIV></TD></TR></TABLE>
     
      <script language=vbscript>
      '*----------------------------------*
      '* REM faites la magie
      '* script écrit par Connie Schutza
      '* Aout 6 2003
      '* magique jusqu'à la fin
      '*-----------------------------------*
      window.status=" script and stationery by Connie "

      x=0
      y=0

      SetInterval "chsscroll",64

      Sub chsscroll()
      x=x
      y=y-1
      document.body.style.backgroundposition=x&" "&y
      End Sub

      </script>
     
      </body>
      </html>

      ------------------------------------------------------3-------------------------------------------
      Maintenant parlons un peu du nouveau filtre que nous allons utiliser et
      comment l'établir.
      Ce filtre fera trois transitions différentes .
      Le nom de filtre est progid:DXImageTransform.Microsoft.Stretch
      Ce filtre travaillera sur une division ou une image l'un ou l'autre.
      Le filtre ne fonctionnera pas à moins que l'objet à qui il est appliqué
      ait la disposition ainsi soyez sûr de mettre dedans la taille de l'objet
      dans les codes de style en haut et le filtre fonctionnera juste.
      Les trois transitions que ce filtre peut exécuter sont énumérées
      ci-dessous.
      HIDE Il tire la nouvelle image au-dessus de la vieille image de gauche à
      droite .
      PUSH Il tire la nouvelle image dedans et serre la vieille image dehors, se
      déplaçant de gauche à droite. Ce mouvement ressemble à un cube tournant à
      partir d'un coté à l'autre.
      SPIN C'est le défaut plaçé sur ce filtre. Il étire la nouvelle image
      au-dessus de la vieille image du centre à l'extérieur.
      Nous allons mélanger les trois transitions dans ce script mais vous ne
      devez pas le faire de cette façon pour l'heure. Parfois vous pouvez
      vouloir employer seulement une des transitions ,seulement  que vous devrez
      changer quelques mots pour changer le regard en totalité des transitions
      dans votre statut .
      ------------------------------------------------------4-------------------------------------------
      C'est l'heure de mettre le filtre dans le manuscrit .
      Cette semaine nous apprendrons à faire quelque chose de plus dans notre
      VBS .Cependant la première chose que nous devons faire est d'installer le
      droit chemin du script pour l'usage du filtre . Ainsi au-dessous du SUB de
      rouleau mais avant la balise fermante de </script> nous devons ajouter ce
      peu de code.
      phto1.style.FILTER="progid:DXImageTransform.Microsoft.Stretch"
      phto2.style.FILTER="progid:DXImageTransform.Microsoft.Stretch"
      Ce peu de code indique au PC que nous voulons utiliser le filtre sur les
      objets avec le nom d'identification de phto1 et de phto2. Notification:
      nous mettons le filtre sur chaque image, vous devez le faire de cette
      manière ou le PC ne saura pas, les deux images n'auront pas le filtre. Si
      nous avions établi ceci pour plus de deux images, chaque image aurait
      besoin de cette ligne de code.
      Après nous devons dire autre chose au PC. Nous devons lui dire  quelle
      image va se montrer d'abord et quelle image doit être cachée jusqu'à ce
      que le filtre la fasse apparaître. Nous voulons que le PC fasse la
      présente partie dès que la papeterie chargera dans OE ainsi nous devons
      lui dire de le faire quand la papeterie charge. Pour se faire que nous
      emploierons un nouveau SUB d' appel.
      Sub Window_OnLoad
      Et il va bien après que les lignes de codes que nous avons juste mis dans
      le manuscrit. J'aime laisser une interligne entre les subs ainsi je peux
      mieux les retrouver si je dois retourner et changer quelque chose donc
      vous pouvez sauter une ligne après que les filtres soient mis dans le  sub
      window_onload..
      Dire au PC quelle image est cachée et ce qui est évident nous mettrons ce
      peu de code dans le Sub Window_OnLoad
     
      phto1.style.visibility="visible"
      phto2.style.visibility="hidden"
      Regardez un peu ce code. Tout ce qu'il indique est le nom de l'objet qui
      dans ce script est phto1 et phto2, il est suivi du mot  style , qui
      indique au PC que nous voulons qu'il fasse quelque chose au style des
      objets. Alors il indique la visibilité, cela indique au PC de fonctionner
      avec la visibilité sur les objets et naturellement suivi de quelle
      visibilité nous voulons que les objets aient quand le manuscrit commence à
      fonctionner. Dans ce manuscrit parce qu'il y a seulement deux images, une
      est cachée et c'est évident. Si nous travaillions avec trois images ou
      plus dans la même cellule, naturellement nous placerions "hidden"  (
      caché) excepté sur l'image supérieure.
      La prochaine chose que nous devons dire au PC est de lancer le prochain
      sub, ce qui lui indiquera quoi faire par la suite. Nous devons lui dire
      aussi combien de temps attendre avant qu'il relance ce nouveau sub.
      Rappelez-vous que c'est comme un livre, chaque chapitre fait quelque chose
      de nouveau, indique une nouvelle partie de l'histoire et c'est ce que le
      SUB fait dans notre script. Il ouvrira un nouveau regard ou indiquera un
      peu plus de l'histoire. Chaque SUB doit avoir un nom différent et ces noms
      doivent être un mot. Si vous mettez dedans deux  mots , vous obtiendrez
      une erreur. J'ai appelé mon premier sub et suis prête à mettre le code
      dans ce sub pour appeler le prochain dans l'action. Ce peu de code
      ressemble à ceci.
      SetTimeout "csh", 4000
      Okay Qu'est ce que ce peu de code indique? Il indique au PC le temps.
      Qu'il doit observer l'horloge et attendre la durée que je lui ai dit avant
      de commence à lancer le sub appelé csh . Ici j'ai dis au PC d'attendre
      4000. Si vous voulez qu'il attende plus longtemps, employez un plus grand
      nombre et si vous voulez qu'il se déplace plus tôt au prochain sub mettez
      dedans un plus petit nombre. C'est tout ce que la ligne de ce code
      signifie.
      Maintenant nous avons fini avec ce sub donc nous devons le dire au PC .
      Nous allons naturellement mettre le code qui est très facile à comprendre
      . Nous avons mis dedans :
      End Sub
      Jetons un coup d'oeil à ce que ressemblera ce SUB entier dans votre
      manuscrit.
      Sub Window_OnLoad
      phto1.style.visibility="visible"
      phto2.style.visibility="hidden"
      SetTimeout "csh", 4000
      End Sub


Dernière édition par Gi le Sam 22 Aoû - 14:24, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages: 11439
Localisation: Terrebonne, Québec, Canada
Date d'inscription: 18/12/2004

MessageSujet: Cours 10 B   Jeu 13 Oct - 21:32

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés


Cours 10 B

5-------------------------------------------
Code:
Votre script devrait ressembler à ceci maintenant...
      notez svp que si vous visionnez votre script en ce moment vous obtiendrez
      une erreur. En fait ce pourrait être une bonne chose pour vous que de le
      visionner , pour regarder préalablement le message d'erreur .  Le message
      d'erreur est causé parce que nous avons dit au PC de lancer le prochain
      SUB, mais nous ne l'avons pas dans notre script , alors le PC nous dit hé
      idiot, est-ce qu'il n'y a aucun SUB pour que je le lance , qu'est- ce que
      je fais maintenant ? Ceci vous donnera une idée de quoi rechercher si vous
      voyez jamais ce message d'erreur sur un autre manuscrit. Je pense qu'il
      est bon de voir ces messages d'erreur parceque de cette façon nous
      pourrons mieux dépister une erreur inconnue à l'avenir.
     
      <html>
      <head>
      <title> </title>
      <!--script by Connie-->
      <style>
      Body{
      BORDER-RIGHT: #757D90 7px inset;
      BORDER-TOP: #757D90 7px outset;
      BORDER-LEFT: #757D90 7px outset;
      BORDER-BOTTOM: #757D90 7px inset;
      scrollbar-face-color:#757D90;
      scrollbar-highlight-color:#2B2A54;
      scrollbar-3dlight-color:#757D90;
      scrollbar-darkshadow-color:#2B2A54;
      scrollbar-shadow-color:#757D90;
      scrollbar-arrow-color:#2B2A54;
      scrollbar-track-color:#757D90;
      }
      .tc{
      BORDER-RIGHT: #757D90 7px inset;
      BORDER-TOP: #757D90 7px outset;
      BORDER-LEFT: #757D90 7px outset;
      BORDER-BOTTOM: #757D90 7px inset;
      padding:20px;
      background color:#2B2A54;
      }
      .tc2{
      BORDER-RIGHT: #757D90 7px inset;
      BORDER-TOP: #757D90 7px outset;
      BORDER-LEFT: #757D90 7px outset;
      BORDER-BOTTOM: #757D90 7px inset;
      background color:#2B2A54;
      }
      .phto{
      height:244px;
      width:400px;
      position:absolute;
      top:0px;
      left:0px;
      }
      .dv{
      BORDER-RIGHT: #757D90 7px double;
      BORDER-TOP: #757D90 7px double;
      BORDER-LEFT: #757D90 7px double;
      BORDER-BOTTOM: #757D90 7px double;
      height:258px;
      width:414px;
      position:relative;
      top:0px;
      left:0px;
      }
      .tx{
      background color:#2B2A54;
      scrollbar-face-color:#2B2A54;
      scrollbar-highlight-color:#2B2A54;
      scrollbar-3dlight-color:#757D90;
      scrollbar-darkshadow-color:#2B2A54;
      scrollbar-shadow-color:#2B2A54;
      scrollbar-arrow-color:#2B2A54;
      scrollbar-track-color:#2B2A54;
      padding:10px;
      text-align: center;
      OVERFLOW: auto;
      FONT-FAMILY: Tahoma;
      FONT-SIZE: 12pt;
      COLOR: 757D90;
      height:150px;
      width: 100%;
      }
     
     
      </style>
      </head>
      <!--La tuile deu background ici tout sur une ligne-->
      <BODY bgColor=757D90 background="C:/Program Files/Fichiers
      Communs/Microsoft Shared/Papier à Lettres/TILE.jpg">
      <!--Fichier Midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MIDI.mid" volume=0 loop=infinite>
      <TABLE width=450px align=center cellpadding=0 cellspacing=30>
      <TR>
      <TD class=tc align=center><DIV class=dv align=center>
      <IMG class=phto id=phto1 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MAIN IMAGE1.jpg">
      <IMG class=phto id=phto2 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MAIN IMAGE2.jpg"></DIV></TD></TR>
      <TR>
      <TD class=tc2 align=center><DIV class=tx>text</DIV></TD></TR></TABLE>
     
      <script language=vbscript>
      '*----------------------------------*
      '* REM faites la magie
      '* script écrit par Connie Schutza
      '* Aout 6 2003
      '* magique jusqu'à la fin
      '*-----------------------------------*
      window.status=" script and stationery by Connie "

      x=0
      y=0

      SetInterval "chsscroll",64

      Sub chsscroll()
      x=x
      y=y-1
      document.body.style.backgroundposition=x&" "&y
      End Sub

      phto1.style.FILTER="progid:DXImageTransform.Microsoft.Stretch"
      phto2.style.FILTER="progid:DXImageTransform.Microsoft.Stretch"

      Sub Window_OnLoad
      phto1.style.visibility="visible"
      phto2.style.visibility="hidden"
      SetTimeout "csh", 4000
      End Sub

      </script>
     
      </body>
      </html>

      ------------------------------------------------------6-------------------------------------------
      Maintenant nous écrivons notre prochain SUB
      Le prochain SUB va indiquer au PC quoi faire avec les images dans notre
      script. Il indiquera au PC de cacher celle qui se voit et de montrer celle
      qui est cachée. Il indiquera aussi de faire ceci en utilisant le filtre
      que nous voulons .
      Comme toujours le SUB commencera  par le nom SUB. Le nom SUB sur le mien
      est csh et  voici à quoi ressemble la première ligne de mon sub.
      Sub csh()
      La prochaine ligne dans le SUB indiquera au PC de remettre à zéro sa
      montre. Nous devrons dégager le temps hors de cela que nous plaçons dans
      le on load sub. Cela démarre le temporisateur du PC pour ce SUB. Cette
      ligne de code ressemble à ceci...
      ClearTimeOut
      Ensuite nous dirons au PC d'appliquer le filtre sur notre première image
      ce qui ressemble à ceci.
      phto1.filters(0).Apply()
      Puis nous devons dire au PC quel style nous voulons et dans ce cas-ci j'ai
      employé le style de poussée (push), voici le code ...
      phto1.filters(0).StretchStyle="push"
      Après nous devons dire au PC quoi faire au sujet de la visibilité de
      l'image quand elle démarre ce sub. Dans ce cas-ci parce que l'image se
      montre quand nous démarrons, nous voulons que le filtre cache l'autre
      image ainsi nous allons dire au PC de placer le style de visibilité de
      phto1 hidden ( caché).
      phto1.style.visibility="hidden"
      Après nous disons au PC combien de temps qu'il faut pour qu'il cache cette
      image. Nous pouvons placer ceci à un changement plus lent ou plus rapide
      si nous changeons le nombre après le mot : duration. Ne le faites pas trop
      lent ou le PC se traînera sur le fond de défilement. Ces filtres prennent
      un peu de mémoire pour fonctionner et si nous les faisons trop lents ils
      fermeront les ordinateurs plus lents. La ligne du code ressemble à ceci.
      phto1.filters(0).Duration=4.000
      La prochaine ligne dans notre sub est la dernière qui traitera la première
      image. Dans cette ligne nous disons au PC maintenant de jouer le filtre ou
      en d'autres termes de commencer à travailler. Cette ligne de code
      ressemble à ceci.
      phto1.filters(0).Play()
      Maintenant nous devons dire au PC quoi faire avec l'autre image et ceci
      est dans le même SUB comme la substance que nous avons juste couverte.
      Nous dirons au PC de faire les mêmes choses à cette image qu'il a faite à
      la premiere seulement que la visibilité changera sur cette image pour
      devenir "visible" et naturellement le nom d'objet changera de phto1 en
      phto2 ainsi les prochaines lignes du code pour ce SUB est celui
      ci-dessous. Soyez sûr de faire la durée du  temps pareil sur les deux
      images ainsi votre transition sera lisse.
      phto2.filters(0).Apply()
      phto2.filters(0).StretchStyle="push"
      phto2.style.visibility="visible"
      phto2.filters(0).Duration=4.000
      phto2.filters(0).Play()

      Ensuite nous disons au PC que nous voulons appeler le prochain SUB qui est
      dans mon manuscrit appelé csh2 et nous voulons placer le temps d'attente
      avant qu'il ne mette en marche ce prochain sub donc nous mettons cette
      ligne dans le manuscrit.
      SetTimeout "csh2", 4000
      Quand vous mettez le temps d'ensemble , votre nombre peut être égale ou
      plus que la durée du filtre. Si vous le placez pour être plus court, il
      fera des sauts ainsi ce nombre doit toujours être au moins identique que
      la durée ou plus long et cela fonctionnera très bien aussi bien .
      Maintenant nous avons fini avec ce sub ainsi nous disons au PC de le finir
      avec cette ligne de code.
      End Sub
      Your whole sub will look like this ..
      Sub csh()
      ClearTimeOut
      phto1.filters(0).Apply()
      phto1.filters(0).StretchStyle="push"
      phto1.style.visibility="hidden"
      phto1.filters(0).Duration=4.000
      phto1.filters(0).Play()
      phto2.filters(0).Apply()
      phto2.filters(0).StretchStyle="push"
      phto2.style.visibility="visible"
      phto2.filters(0).Duration=4.000
      phto2.filters(0).Play()
      SetTimeout "csh2", 4000
      End Sub

      ------------------------------------------------------7-------------------------------------------
      Votre manuscrit ressemblera à ceci en ce moment .
      <html>
      <head>
      <title> </title>
      <!--script by Connie-->
      <style>
      Body{
      BORDER-RIGHT: #757D90 7px inset;
      BORDER-TOP: #757D90 7px outset;
      BORDER-LEFT: #757D90 7px outset;
      BORDER-BOTTOM: #757D90 7px inset;
      scrollbar-face-color:#757D90;
      scrollbar-highlight-color:#2B2A54;
      scrollbar-3dlight-color:#757D90;
      scrollbar-darkshadow-color:#2B2A54;
      scrollbar-shadow-color:#757D90;
      scrollbar-arrow-color:#2B2A54;
      scrollbar-track-color:#757D90;
      }
      .tc{
      BORDER-RIGHT: #757D90 7px inset;
      BORDER-TOP: #757D90 7px outset;
      BORDER-LEFT: #757D90 7px outset;
      BORDER-BOTTOM: #757D90 7px inset;
      padding:20px;
      background color:#2B2A54;
      }
      .tc2{
      BORDER-RIGHT: #757D90 7px inset;
      BORDER-TOP: #757D90 7px outset;
      BORDER-LEFT: #757D90 7px outset;
      BORDER-BOTTOM: #757D90 7px inset;
      background color:#2B2A54;
      }
      .phto{
      height:244px;
      width:400px;
      position:absolute;
      top:0px;
      left:0px;
      }
      .dv{
      BORDER-RIGHT: #757D90 7px double;
      BORDER-TOP: #757D90 7px double;
      BORDER-LEFT: #757D90 7px double;
      BORDER-BOTTOM: #757D90 7px double;
      height:258px;
      width:414px;
      position:relative;
      top:0px;
      left:0px;
      }
      .tx{
      background color:#2B2A54;
      scrollbar-face-color:#2B2A54;
      scrollbar-highlight-color:#2B2A54;
      scrollbar-3dlight-color:#757D90;
      scrollbar-darkshadow-color:#2B2A54;
      scrollbar-shadow-color:#2B2A54;
      scrollbar-arrow-color:#2B2A54;
      scrollbar-track-color:#2B2A54;
      padding:10px;
      text-align: center;
      OVERFLOW: auto;
      FONT-FAMILY: Tahoma;
      FONT-SIZE: 12pt;
      COLOR: 757D90;
      height:150px;
      width: 100%;
      }
     
     
      </style>
      </head>
      <!--La tuile deu background ici tout sur une ligne-->
      <BODY bgColor=757D90 background="C:/Program Files/Fichiers
      Communs/Microsoft Shared/Stationery/TILE.jpg">
      <!--Fichier Midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MIDI.mid" volume=0 loop=infinite>
      <TABLE width=450px align=center cellpadding=0 cellspacing=30>
      <TR>
      <TD class=tc align=center><DIV class=dv align=center>
      <IMG class=phto id=phto1 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MAIN IMAGE1.jpg">
      <IMG class=phto id=phto2 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MAIN IMAGE2.jpg"></DIV></TD></TR>
      <TR>
      <TD class=tc2 align=center><DIV class=tx>text</DIV></TD></TR></TABLE>
     
      <script language=vbscript>
      '*----------------------------------*
      '* REM faites la magie
      '* script écrit par Connie Schutza
      '* Aout 6 2003
      '* magique jusqu'à la fin
      '*-----------------------------------*
      window.status=" script and stationery by Connie "

      x=0
      y=0
     
      SetInterval "chsscroll",64

      Sub chsscroll()
      x=x
      y=y-1
      document.body.style.backgroundposition=x&" "&y
      End Sub
     
      phto1.style.FILTER="progid:DXImageTransform.Microsoft.Stretch"
      phto2.style.FILTER="progid:DXImageTransform.Microsoft.Stretch"
      Sub Window_OnLoad
      phto1.style.visibility="visible"
      phto2.style.visibility="hidden"
      SetTimeout "csh", 4000
      End Sub

      Sub csh()
      ClearTimeOut
      phto1.filters(0).Apply()
      phto1.filters(0).StretchStyle="push"
      phto1.style.visibility="hidden"
      phto1.filters(0).Duration=4.000
      phto1.filters(0).Play()
      phto2.filters(0).Apply()
      phto2.filters(0).StretchStyle="push"
      phto2.style.visibility="visible"
      phto2.filters(0).Duration=4.000
      phto2.filters(0).Play()
      SetTimeout "csh2", 4000
      End Sub
     
      </script>
     
      </body>
      </html>   


Dernière édition par Gi le Sam 22 Aoû - 14:26, édité 2 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages: 11439
Localisation: Terrebonne, Québec, Canada
Date d'inscription: 18/12/2004

MessageSujet: Leçon 10 C   Jeu 13 Oct - 21:35

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés



Leçon 10 C


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

Code:
Maintenant écrivons nos prochains subs .
      Ce sub indiquera au PC de cacher la deuxième image et de nous montrer la
      premiere encore mais nous voulons que le PC emploie un style différent sur
      le filtre. La fois passée nous avons employé la poussée "push", cette fois
      ci nous voulons employer la transition de rotation"spin" pour un regard
      différent ainsi ce sub est presque comme celui que nous venons juste
      d'écrire. La seule chose qui changera est le style du filtre, et l'ordre
      les images sont énumérés et la visibilité de l'image ..  Je mettrai juste
      le code entier ici pour vous et n'expliquerai pas la chose entière encore
      parce que vous savez déjà ce que signifie chaque ligne. Vous avez juste
      besoin de l'étudier et de noter les choses qui ont changé dans ce sub. Le
      sub ressemble à ceci.... J'ai marqué les parties changées en rouge pour
      vous. Veuillez noter que le sub démarre avec phto2 cette fois. C'est parce
      que c'est l'image visibile. Mettez toujours l'image visible d'abord dans
      le sub et cachez-alors l'autre et dites au PC de montrer l'autre.
      Sub csh2()
      ClearTimeOut
      phto2.filters(0).Apply()
      phto2.filters(0).StretchStyle="spin"
      phto2.style.visibility="hidden"
      phto2.filters(0).Duration=4.000
      phto2.filters(0).Play()
      phto1.filters(0).Apply()
      phto1.filters(0).StretchStyle="spin"
      phto1.style.visibility="visible"
      phto1.filters(0).Duration=4.000
      phto1.filters(0).Play()
      SetTimeout "csh3", 4000
      End Sub

      Puisque nous comprenons les subs et ce que chaque ligne indique au PC,
      nous avançons et écrivons  nos autres subs maintenant. Notre prochain sub
      indiquera encore au PC de cacher l'image qui se voit et de montrer l'image
      qui est cachée et cette fois ci nous changerons le style du filtre de
      rotation "spin" en "hide". Cela nous donnera un autre regard à la
      transition.L'ordre des noms d'image changera encore ,vous donnerez un sub
      qui ressemble à celui-ci. Rappelez-vous de donner le nom de sub le même
      nom que vous avez dit au PC de lancer . 
      Sub csh3()
      ClearTimeOut
      phto1.filters(0).Apply()
      phto1.filters(0).StretchStyle="hide"
      phto1.style.visibility="hidden"
      phto1.filters(0).Duration=4.000
      phto1.filters(0).Play()
      phto2.filters(0).Apply()
      phto2.filters(0).StretchStyle="hide"
      phto2.style.visibility="visible"
      phto2.filters(0).Duration=4.000
      phto2.filters(0).Play()
      SetTimeout "csh4", 4000
      End Sub

      Maintenant nous allons mettre notre dernier sous-marin. Ce sub indiquera
      au PC de changer le style du filtre de peau "hidden"en style de rotation
      "spin" . Ce sub indiquera également au PC de retourner au premier sub qui
      a changé les images et lancé les transitions pour toujours . Une chose à 
      noter ici. Quand vous voulez que le PC lance les transitions pour
      toujours, vous devez faire aller la première image visible dans le dernier
      sub. Si vous ne faites pas cela, alors le PC ne pourra pas réexécuter la
      pleine transition sans à-coup. Le dernier sub doit tout a placé en arrière
      comme c'était quand le statut a commencé ainsi la première image se
      montrera à la fin du dernier sub et la seconde sera cachée. Le sub
      ressemblera à ceci, encore, les changements sont en rouge.
      Sub csh4()
      ClearTimeOut
      phto2.filters(0).Apply()
      phto2.filters(0).StretchStyle="spin"
      phto2.style.visibility="hidden"
      phto2.filters(0).Duration=4.000
      phto2.filters(0).Play()
      phto1.filters(0).Apply()
      phto1.filters(0).StretchStyle="spin"
      phto1.style.visibility="visible"
      phto1.filters(0).Duration=4.000
      phto1.filters(0).Play()
      SetTimeout "csh", 4000
      End Sub

      ------------------------------------------------------9-------------------------------------------
      Votre manuscrit ressemblera à ceci en ce moment .
      <html>
      <head>
      <title> </title>
      <!--script by Connie-->
      <style>
      Body{
      BORDER-RIGHT: #757D90 7px inset;
      BORDER-TOP: #757D90 7px outset;
      BORDER-LEFT: #757D90 7px outset;
      BORDER-BOTTOM: #757D90 7px inset;
      scrollbar-face-color:#757D90;
      scrollbar-highlight-color:#2B2A54;
      scrollbar-3dlight-color:#757D90;
      scrollbar-darkshadow-color:#2B2A54;
      scrollbar-shadow-color:#757D90;
      scrollbar-arrow-color:#2B2A54;
      scrollbar-track-color:#757D90;
      }
      .tc{
      BORDER-RIGHT: #757D90 7px inset;
      BORDER-TOP: #757D90 7px outset;
      BORDER-LEFT: #757D90 7px outset;
      BORDER-BOTTOM: #757D90 7px inset;
      padding:20px;
      background color:#2B2A54;
      }
      .tc2{
      BORDER-RIGHT: #757D90 7px inset;
      BORDER-TOP: #757D90 7px outset;
      BORDER-LEFT: #757D90 7px outset;
      BORDER-BOTTOM: #757D90 7px inset;
      background color:#2B2A54;
      }
      .phto{
      height:244px;
      width:400px;
      position:absolute;
      top:0px;
      left:0px;
      }
      .dv{
      BORDER-RIGHT: #757D90 7px double;
      BORDER-TOP: #757D90 7px double;
      BORDER-LEFT: #757D90 7px double;
      BORDER-BOTTOM: #757D90 7px double;
      height:258px;
      width:414px;
      position:relative;
      top:0px;
      left:0px;
      }
      .tx{
      background color:#2B2A54;
      scrollbar-face-color:#2B2A54;
      scrollbar-highlight-color:#2B2A54;
      scrollbar-3dlight-color:#757D90;
      scrollbar-darkshadow-color:#2B2A54;
      scrollbar-shadow-color:#2B2A54;
      scrollbar-arrow-color:#2B2A54;
      scrollbar-track-color:#2B2A54;
      padding:10px;
      text-align: center;
      OVERFLOW: auto;
      FONT-FAMILY: Tahoma;
      FONT-SIZE: 12pt;
      COLOR: 757D90;
      height:150px;
      width: 100%;
      }
     
     
      </style>
      </head>
      <!--La tuile deu background ici tout sur une ligne-->
      <BODY bgColor=757D90 background="C:/Program Files/Fichiers
      Communs/Microsoft Shared/Papier à Lettres/TILE.jpg">
      <!--Fichier Midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MIDI.mid" volume=0 loop=infinite>
      <TABLE width=450px align=center cellpadding=0 cellspacing=30>
      <TR>
      <TD class=tc align=center><DIV class=dv align=center>
      <IMG class=phto id=phto1 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MAIN IMAGE1.jpg">
      <IMG class=phto id=phto2 src="C:/Program Files/Fichiers Communs/Microsoft
      Shared/Papier à Lettres/MAIN IMAGE2.jpg"></DIV></TD></TR>
      <TR>
      <TD class=tc2 align=center><DIV class=tx>text</DIV></TD></TR></TABLE>
     
      <script language=vbscript>
      '*----------------------------------*
      '* REM faites la magie
      '* script écrit par Connie Schutza
      '* Aout 6 2003
      '* magique jusqu'à la fin
      '*-----------------------------------*
      window.status=" script and stationery by Connie "

      x=0
      y=0
     
      SetInterval "chsscroll",64

      Sub chsscroll()
      x=x
      y=y-1
      document.body.style.backgroundposition=x&" "&y
      End Sub
     
      phto1.style.FILTER="progid:DXImageTransform.Microsoft.Stretch"
      phto2.style.FILTER="progid:DXImageTransform.Microsoft.Stretch"

      Sub Window_OnLoad
      phto1.style.visibility="visible"
      phto2.style.visibility="hidden"
      SetTimeout "csh", 4000
      End Sub

      Sub csh()
      ClearTimeOut
      phto1.filters(0).Apply()
      phto1.filters(0).StretchStyle="push"
      phto1.style.visibility="hidden"
      phto1.filters(0).Duration=4.000
      phto1.filters(0).Play()
      phto2.filters(0).Apply()
      phto2.filters(0).StretchStyle="push"
      phto2.style.visibility="visible"
      phto2.filters(0).Duration=4.000
      phto2.filters(0).Play()
      SetTimeout "csh2", 4000
      End Sub

      Sub csh2()
      ClearTimeOut
      phto2.filters(0).Apply()
      phto2.filters(0).StretchStyle="spin"
      phto2.style.visibility="hidden"
      phto2.filters(0).Duration=4.000
      phto2.filters(0).Play()
      phto1.filters(0).Apply()
      phto1.filters(0).StretchStyle="spin"
      phto1.style.visibility="visible"
      phto1.filters(0).Duration=4.000
      phto1.filters(0).Play()
      SetTimeout "csh3", 4000
      End Sub

      Sub csh3()
      ClearTimeOut
      phto1.filters(0).Apply()
      phto1.filters(0).StretchStyle="hide"
      phto1.style.visibility="hidden"
      phto1.filters(0).Duration=4.000
      phto1.filters(0).Play()
      phto2.filters(0).Apply()
      phto2.filters(0).StretchStyle="hide"
      phto2.style.visibility="visible"
      phto2.filters(0).Duration=4.000
      phto2.filters(0).Play()
      SetTimeout "csh4", 4000
      End Sub

      Sub csh4()
      ClearTimeOut
      phto2.filters(0).Apply()
      phto2.filters(0).StretchStyle="spin"
      phto2.style.visibility="hidden"
      phto2.filters(0).Duration=4.000
      phto2.filters(0).Play()
      phto1.filters(0).Apply()
      phto1.filters(0).StretchStyle="spin"
      phto1.style.visibility="visible"
      phto1.filters(0).Duration=4.000
      phto1.filters(0).Play()
      SetTimeout "csh", 4000
      End Sub

      </script>
     
      </body>
      </html>

      ------------------------------------------------------Fin-------------------------------------------
      Sauvegardez et faites un aperçu de votre script. Il devrait fonctionner
      parfaitement.
     
      ------------------------------------------------------NOTE-------------------------------------------
      Note. Si vous voulez employer seulement un style du filtre sur votre
      manuscrit, vous devez seulement écrire le premier et deuxième SUB pour les
      images et employer le même style sur les deux . Ils ressembleront à ceci
      et le sub 2 appellera le sub 1 encore et il répétera la transition à
      plusieurs reprises. Cela fonctionnera très bien de cette façon, j'ai juste
      voulu vous montrer comment faire de l'autre manière au cas où vous
      voudriez faire quelque chose qui est un peu différent et ceci montre
      comment appliquer chaque style du filtre , mais vous êtes libre pour le
      faire de n'importe quelle manière comme vous aimez.
      Sub csh()
      ClearTimeOut
      phto1.filters(0).Apply()
      phto1.filters(0).StretchStyle="push"
      phto1.style.visibility="hidden"
      phto1.filters(0).Duration=4.000
      phto1.filters(0).Play()
      phto2.filters(0).Apply()
      phto2.filters(0).StretchStyle="push"
      phto2.style.visibility="visible"
      phto2.filters(0).Duration=4.000
      phto2.filters(0).Play()
      SetTimeout "csh2", 4000
      End Sub

      Sub csh2()
      ClearTimeOut
      phto2.filters(0).Apply()
      phto2.filters(0).StretchStyle="push"
      phto2.style.visibility="hidden"
      phto2.filters(0).Duration=4.000
      phto2.filters(0).Play()
      phto1.filters(0).Apply()
      phto1.filters(0).StretchStyle="push"
      phto1.style.visibility="visible"
      phto1.filters(0).Duration=4.000
      phto1.filters(0).Play()
      SetTimeout "csh", 4000
      End Sub

      ------------------------------------------------------Devoirs-------------------------------------------
      Faites de la magie , utilisez ce filtre et rêvez avec vos propres scripts
      .
      Rappelez-vous la conception d'une papeterie n'est qu'un amusement et c'est
      la conception quelque chose que vous voulez voir. Les leçons sont justes
      là pour que vous appreniez les codes, ce qu'elles signifient et comment
      les employer mais la vraie magie est à l'intérieur vous ainsi laissé là
      sortir pour nous la montrer.
      Voir l'exemple 1 ICI
      Voir l'exemple 2 avec 4 images ICI


Dernière édition par Gi le Sam 22 Aoû - 14:28, édité 2 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages: 11439
Localisation: Terrebonne, Québec, Canada
Date d'inscription: 18/12/2004

MessageSujet: Cours 11 A   Jeu 13 Oct - 21:38

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés


Cours 11 A

Leçon 11.


Code:
Ceci est un site d'enseignement pour ceux qui veulent apprendre à écrire
      des scripts pour la papeterie d'email. Les leçons que vous utiliserez sont
      toutes écrites par Connie Schutza Hill sauf indication contraire et
      traduite par moi , Mickaëla P. Elle  tient tous les droits d'auteur sur
      ces leçons.Les TERMES D'UTILISATION sont inscrits sur la page d'INTRO .
      Lisez s'il vous plaît ces règles et soumettez-vous y.
      ------------------------------------------------------
      Bienvenue  dans la leçon 11.  Cette fois nous allons apprendre à
      travailler encore avec des filtres de transition. Nous utiliserons le
      filtre Blend Trans , j'espère que vous aimerez ce filtre. Ce filtre fera
      une image qui se fane  dans et hors du statut et offre un nouveau regard
      total à votre statut faisant la magie. Nous utiliserons également le
      filtre alpha . La manière dont nous l'employerons est simplement à sens
      unique pour l'utiliser, nous  travaillerons davantage avec ce filtre dans
      une leçon postérieure.
     
      --------------------------Ce dont nous avons besoin pour cette
      leçon--------------------------
      1.2 images principales et veuillez vous assurer qu'elles soient de  la
      même taille .
      2. 1 midi.
      3. 1 tuile de background .
      4. HTML Kit ou  blocnote
      --------------------------couleur des  codes 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. Afin de
      vous aider un peu mieux la nouvelle substance qui sera ajoutée dans le
      script sera en texte rouge.
      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-------------------------------------------
      Demarrons notre leçon
      cette fois nous n'aurons aucun nouveau code dans la pièce de HTML de notre
      manuscrit , nous allons mettre la nouvelle substance dans la section du
      VBS ..
      Ouvrez un script pour que nous travaillions avec. Vous pouvez en écrire un
      neuf ou faire quelques changements sur celui que nous avons employé à la
      dernière leçon. Je vais faire des changements au mien à partir de la
      semaine dernière.
      Ouvrez une table avec l'image dessus et la boîte à textes au-dessous de
      l'image. Puisque nous allons avoir deux images posées dans la cellule
      supérieure et que laisserons le filtre changer les images, nous devons
      mettre dedans une division pour contenir les images. Soyez sûr de rendre
      la position de division relative et de lui faire la même taille que vos
      images + la largeur de toutes les frontières qui vont s'ajouter à la
      division. Rappelez-vous nous a fait cela dans la leçon 9 ..
      Soyez sûr de donner aux images des noms d'identification et se rappeler
      qu'elles doivent être de différents noms, sur l'identification d'image
      j'ai employé p1 et p2 mais vous pouvez svp les appeler comme vous voulez.
      Rappelez-vous en outre de placer les images absolues et de dire au script
      la taille des images dans le secteur de style du manuscrit.
      Puisque nous allons appliquer un filtre aux cellules de table , nous
      devons leurs donner un nom d'identification ,assurez vous de leur donner
      des noms différents . J'ai utilisé id=tc1 pour ma cellule avec les images
      dedans et id=tcx pour celle avec la boîte à textes . Donnez aux deux
      cellules une couleur de fond dans la section de style ainsi notre filtre
      aura quelque chose à travailler sans compter les frontières.
      Mettre la section de STYLE dans votre script et mettez  tout en place à
      l'intérieur . J'emploie le dernier manuscrit de la dernière leçon ainsi
      j'ai deux styles de cellules de table mais vous pouvez utiliser une table
      normale et avoir seulement un style de cellules de table si vous préférez.
      Si vous le faites comme le mien ne mettez pas une couleur de fond sur la
      table, nous la mettrons seulement sur les cellules de table.
      NOTE----  Si vous avez déjà joué avec le filtre d'alpha dans le passé ,
      vous savez que quand vous l'utilisez  il saignera à travers l'image et
      dans le texte qui est à l'intérieur de la division ou de la cellule sur
      laquelle vous avez mis le filtre. Il y a un tour pour qu'il ne fasse pas
      cela. Ce tour doit être donner aux images et aux divs dans la position des
      cellules. Ainsi quand nous installerons notre script , nous dirons à la
      division de boîte de textes de se placer en position relative et lui
      indiquer d'être au top0 et à left 0. Cela le cassera quand il sera
      appliqué à la cellule de table. Les images ont déjà cela dans leur style
      parce qu'on leur dit de se placer en position absolue à l'intérieur de la
      division.
      Vous pouvez commencer votre VBS commed'habitude et cette fois ci nous
      n'aurons pas de fond de défilement. Le filtre blend trans utilise
      énormement le processeur ( mémoire) et il arrêtera le défilement de lui
      même pour travailler alors unitile de le mettre dans le script.
      ------------------------------------------------------2-------------------------------------------
      Votre script devrait ressembler à celui ci  quand vous aurez fini.
      <html>
      <head>
      <title></title>
      <!--script by Connie-->
      <style>
      Body{
      BORDER-RIGHT: #313B18 7px inset;
      BORDER-TOP: #313B18 7px outset;
      BORDER-LEFT: #313B18 7px outset;
      BORDER-BOTTOM: #313B18 7px inset;
      scrollbar-face-color:#313B18;
      scrollbar-highlight-color:#000000;
      scrollbar-3dlight-color:#313B18;
      scrollbar-darkshadow-color:#313B18;
      scrollbar-shadow-color:#313B18;
      scrollbar-arrow-color:#000000;
      scrollbar-track-color:#313B18;
      }
      .tc{
      BORDER-RIGHT: #A2915D 7px inset;
      BORDER-TOP: #A2915D 7px outset;
      BORDER-LEFT: #A2915D 7px outset;
      BORDER-BOTTOM: #A2915D 7px inset;
      background color:#1E270C;
      padding: 20px;
      }
      .tc2{
      BORDER-RIGHT: #A2915D 7px inset;
      BORDER-TOP: #A2915D 7px outset;
      BORDER-LEFT: #A2915D 7px outset;
      BORDER-BOTTOM: #A2915D 7px inset;
      background color:#1E270C;
      padding: 5px;
      }
      .phto{
      height: 350px;
      width: 350px;
      position:absolute;
      top:0px;
      left:0px;
      }
      .d{
      BORDER-RIGHT: #787341 7px double;
      BORDER-TOP: #787341 7px double;
      BORDER-LEFT: #787341 7px double;
      BORDER-BOTTOM: #787341 7px double;
      position:relative;
      top:0px;
      left:0px;
      width: 364px;
      height: 364px;
      }
      .tx{
      scrollbar-face-color:#0D0301;
      scrollbar-highlight-color:#7A5838;
      scrollbar-3dlight-color:#0D0301;
      scrollbar-darkshadow-color:#0D0301;
      scrollbar-shadow-color:#0D0301;
      scrollbar-arrow-color:#7A5838;
      scrollbar-track-color:#0D0301;
      padding:10px;
      text-align: center;
      FONT-FAMILY: Tahoma;
      FONT-SIZE: 12pt;
      COLOR: #787341;
      height:200px;
      width: 100%;
      position:relative;
      top:0px;
      left:0px;
      OVERFLOW: auto;
      }
      </style>
      </head>
      <!--tuile background ici tout sur une ligne-->
      <BODY bgColor=#000000 background="C:/Program Files/Fichiers
      Commnuns/Microsoft Shared/Papier à Lettres/TILE.jpg" >
      <!--Fichier Midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/Fichiers Commnuns/Microsoft
      Shared/Papier à Lettres/MIDI.mid" volume=0 loop=infinite>
      <TABLE width=350px align=center cellpadding=0 cellspacing=20>
      <TR>
      <TD class=tc id=tc1 align=center><div class=d align=center>
      <IMG class=phto id=p1 alt="MESSAGE ICI" src="C:/Program Files/Fichiers
      Commnuns/Microsoft Shared/Papier à Lettres/IMAGE.jpg" >
      <IMG class=phto id=p2 alt="MESSAGE ICI" src="C:/Program Files/Fichiers
      Commnuns/Microsoft Shared/Papier à Lettres/IMAGE2.jpg" ></DIV></TD></TR>
      <TR>
      <TD class=tc2 align=center id=tcx><div class=tx
      >text</DIV></TD></TR></TABLE>
      <script language=vbscript>
      '*----------------------------------*
      '* REM faites la magie
      '* script écrit par  Connie Schutza
      '* Aout 19 2003
      '* magie sans fin
      '*-----------------------------------*
      '* C'est ici que vous changez le
      ticker----------------------------------------*
      window.status=" script and stationery by "
     
     
     
      </script>
      </body>
      </html>

      ------------------------------------------------------3-------------------------------------------
      D'abord regardons les filtres que nous allons employer cette fois ci .
      Nous allons jouer avec
      BlendTrans filter  Ce filtre sera appliqué à nos images, il fera
      disparaitre une image et apparaitre la suivante. C'est un filtre amusemant
      tout comme la plupart des filtres de transition, celui-ci ne fonctionnera
      pas à moins que l'objet a qui vous l'appliquiez ait la disposition donc
      soyez sûr de mettre la taille de l'objet dans la balise destyle pour faire
      fonctionner le filtre. Le filtre de blendTrans peut être utilisé sur une
      division si vous le voulez ainsi il travaillera sur du texte comme sur les
      images. 
      Nous allons également travailler avec
      Alpha filter Ce filtre fera avoir moins d'opacité à l'objet sur lequel
      vous l'appliquez . Il vous permettra de voir la tuile de fond sur l'objet
      et vous permet également le contrôle de transparencesue cette objet . Dans
      ce script nous allons appliquer le filtre d'alpha aux cellules de table
      c'est pourquoi ils ont besoin d'une couleur de fond . En outre si vous
      voulez ,vous pouvez l'appliquer à la table entière et pas juste aux
      cellules.
      ------------------------------------------------------4---------------------------------------------------------
      Commençon notre VBS dans ce script.
      Nous avons déjà nos crédits dans le script et notre ligne de statut alors
      nous sommes maintenant prêts à mettre dedans les filtres.
      D'abord nous voulons dire au PC d'appliquer le filtre alpha à nos
      cellules de table ainsi nous mettons ce peu de code dans le manuscrit.
      tcx.style.filter="alpha(opacity=70)"
      tc1.style.filter="alpha(opacity=70)"

      Regardez les codes de filtre et vous les trouverez sont comme ceux de la
      semaine dernière . Nous avons d'abord le nom de l'objet sur lequel nous
      voulons que le filtre s'applique , puis nous disons au PC que nous voulons
      travailler avec le style de cet objet . Après nous disons au PC quel style
      sera à quel filtre et nous avons le nom de filtre. Sur cette leçon nous
      devons seulement nous inquiéter de quelle opacité mettre ces filtre , moi
      j'ai sélectionné 70 ce qui veut dire que mes cellules de table auront une
      opacité de 70%.
      Après nous allons dire au PC quel filtre employer sur nos images. Ainsi
      nous mettrons ceci dans le script.
      p1.style.filter="blendTrans"
      p2.style.filter="blendTrans"

      Encore nous disons au PC avec quel objet il doit travailler, nous lui
      disons de travailler avec le style de cet objet et quel filtre.
      Maintenant nous sommes prêts à nous déplacer à notre premier sub qui dans
      ce manuscrit est on load sub j'ai ainsi mis ce nom de sub dans le
      manuscrit.
      sub window_onload()
      Ce sub doit indiquer la visibilité des images au PC, soit une est hidden
      et l'autre visible ou les 2 cachées :hidden. Je commençe d'abord par les
      deux images cachées pour deux raisons.  D'abord je veux qu'il regarde de
      cette façon , ensuite je le fais pour vous montrer comment commencer sans
      l'apparence d'image et les faire se révéler , faire alors la transition et
      quel sub doit faire une boucle de nouveau et se répétera avec la grace.
      Si les deux images commencent caché.......mettre cela dans le script.
      p1.style.visibility="hidden"
      p2.style.visibility="hidden"

      Maintenant nous voulons appeler notre prochain sub, celui qui commencera à
      mélanger les images dedans et dehors. J'ai appelé ce sub fadein parce que
      c'est ce ce qu'il va faire, il fait disparaitre  la première image de vue.
      Mettons cela dans notre manuscrit.
      SetTimeOut "fadein",4000
      et nous avons fini avec ce sub donc nous finissons avec
      end Sub
      Le plein code du sub ressemble à celui-ci ..
      sub window_onload()
      p1.style.visibility="hidden"
      p2.style.visibility="hidden"
      SetTimeOut "fadein",4000
      end sub





Dernière édition par Gi le Sam 22 Aoû - 14:28, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages: 11439
Localisation: Terrebonne, Québec, Canada
Date d'inscription: 18/12/2004

MessageSujet: Cours 11 B   Jeu 13 Oct - 21:45

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés



5---------------------------------------------------------

Code:
Voici votre script jusqu'ici mais ne le visionnez pas encore ou vous
      obtiendrez une erreur.
      <html>
      <head>
      <title></title>
      <!--script by Connie-->
      <style>

      Body{
      BORDER-RIGHT: #313B18 7px inset;
      BORDER-TOP: #313B18 7px outset;
      BORDER-LEFT: #313B18 7px outset;
      BORDER-BOTTOM: #313B18 7px inset;
      scrollbar-face-color:#313B18;
      scrollbar-highlight-color:#000000;
      scrollbar-3dlight-color:#313B18;
      scrollbar-darkshadow-color:#313B18;
      scrollbar-shadow-color:#313B18;
      scrollbar-arrow-color:#000000;
      scrollbar-track-color:#313B18;
      }

      .tc{
      BORDER-RIGHT: #A2915D 7px inset;
      BORDER-TOP: #A2915D 7px outset;
      BORDER-LEFT: #A2915D 7px outset;
      BORDER-BOTTOM: #A2915D 7px inset;
      background color:#1E270C;
      padding: 20px;
      }

      .tc2{
      BORDER-RIGHT: #A2915D 7px inset;
      BORDER-TOP: #A2915D 7px outset;
      BORDER-LEFT: #A2915D 7px outset;
      BORDER-BOTTOM: #A2915D 7px inset;
      background color:#1E270C;
      padding: 5px;
      }

      .phto{
      height: 350px;
      width: 350px;
      position:absolute;
      top:0px;
      left:0px;
      }

      .d{
      BORDER-RIGHT: #787341 7px double;
      BORDER-TOP: #787341 7px double;
      BORDER-LEFT: #787341 7px double;
      BORDER-BOTTOM: #787341 7px double;
      position:relative;
      top:0px;
      left:0px;
      width: 364px;
      height: 364px;
      }

      .tx{
      scrollbar-face-color:#0D0301;
      scrollbar-highlight-color:#7A5838;
      scrollbar-3dlight-color:#0D0301;
      scrollbar-darkshadow-color:#0D0301;
      scrollbar-shadow-color:#0D0301;
      scrollbar-arrow-color:#7A5838;
      scrollbar-track-color:#0D0301;
      padding:10px;
      text-align: center;
      FONT-FAMILY: Tahoma;
      FONT-SIZE: 12pt;
      COLOR: #787341;
      height:200px;
      width: 100%;
      position:relative;
      top:0px;
      left:0px;
      OVERFLOW: auto;
      }

      </style>
      </head>
      <!--tuile background ici tout sur une ligne-->
      <BODY bgColor=#000000 background="C:/Program Files/Fichiers
      Commnuns/Microsoft Shared/Papier à Lettres/TILE.jpg" >
      <!--Fichier Midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/Fichiers Commnuns/Microsoft
      Shared/Papier à Lettres/MIDI.mid" volume=0 loop=infinite>

      <TABLE width=350px align=center cellpadding=0 cellspacing=20>
      <TR>
      <TD class=tc id=tc1 align=center><div class=d align=center>
      <IMG class=phto id=p1 alt="MESSAGE ICI" src="C:/Program Files/Fichiers
      Commnuns/Microsoft Shared/Papier à Lettres/IMAGE.jpg" >
      <IMG class=phto id=p2 alt="MESSAGE ICI" src="C:/Program Files/Fichiers
      Commnuns/Microsoft Shared/Papier à Lettres/IMAGE2.jpg" ></DIV></TD></TR>
      <TR>
      <TD class=tc2 align=center id=tcx><div class=tx
      >text</DIV></TD></TR></TABLE>

      <script language=vbscript>
      '*----------------------------------*
      '* REM faites la magie
      '* script écrit par  Connie Schutza
      '* Aout 19 2003
      '* magie sans fin
      '*-----------------------------------*

      '* C'est ici que vous changez le
      ticker----------------------------------------*

      window.status=" script and stationery by "

      tcx.style.filter="alpha(opacity=70)"
      tc1.style.filter="alpha(opacity=70)"
      p1.style.filter="blendTrans"
      p2.style.filter="blendTrans"

      sub window_onload()
      p1.style.visibility="hidden"
      p2.style.visibility="hidden"
      SetTimeOut "fadein",4000
      end sub
     
      </script>
      </body>
      </html>

-----------------------------------------------------6-------------------------------------------
      Nous sommes prêts à écrire nos prochains subs .
      Notre premier sub dans la présente partie fera disparaitre l'image sur
      l'écran. Ainsi nous commençons par le nom du sub.
      sub fadein()
      Nous devons dire au PC de lancer le temps ainsi nous mettons ceci dans le
      sub.
      ClearTimeout
      Après nous devons lui dire de prendre la première image et d'appliquer le
      filtre.
      p1.filters(0).Apply()
      Alors nous disons au PC de rendre l'image visible quand il applique le
      filtre
      p1.style.visibility="visible"
      Puis nous lui disons de commencer le fonctionnement du filtre pour faire
      disparaitre l'image et combien de temps  pour rendre l'image 100% visible.

      p1.filters(0).Play(10.00)
      Nous lui disons ensuite de se déplacer au prochain sub et combien de temps
      attendre avant qu'il se déplace au prochain sub. Mon temps de jeu est
      placé à 10.00 donc je mets le temps dehors à 11000.
      SetTimeOut "fadeout",11000
      nous avons terminé avec ce sub donc nous finissons avec....
      end sub
      Puisque nous comprenons plus ou moins ces subs et qu' ils sont tous
      semblables nous écriront le reste qui les concernent maintenant et je vous
      montrerai à quoi ressemble le script entier.
      Notre prochain sub démarre normalement avec le nom du sub et le temps .
      sub fadeout()
      ClearTimeout
      Nous disons au PC d'appliquer le filtre à la 1ere image encore , de la
      cacher et de mettre le filtre dans l'action , cette fois je veux qu'elle
      rende la prise de mélange plus longue ainsi j'ai changé le temps de jeu en
      15,00 mais c'est à vous de choisir, vous pouvez mettre le votre plus
      rapide.
      p1.filters(0).Apply()
      p1.style.visibility="hidden"
      p1.filters(0).Play(15.00)

      Parce que nous voulons que l'image 2 disparaisse tandis que l'image une
      apparaisse nous disons au PC d'appliquer le filtre à l'image 2, changez
      l'image hidden en visible et  le fonctionnement du filtre ainsi que le
      temps pour rendre l'image visible. Ce nombre doit être le même que celui
      sur l'image 1 ainsi elles apparaissent et disparaissent à la même vitesse.

      p2.filters(0).Apply()
      p2.style.visibility="visible"
      p2.filters(0).Play(15.00)

      Maintenant nous devons dire au PC de passer au prochain sub que j'ai
      appelé fade2 et nous plaçons notre temps de vitesse pour que le filtre
      fonctionne. Nous avons également fini avec ce sub donc le disons aussi au
      PC .
      SetTimeOut "fade2",15000
      end sub

      Ensuite nous nous déplaçons à notre prochain sub.Ce sub sera du même
      principe que celui que nous avons fait . Jetez svp un coup d'oeil dans le
      sub , j'ai fait une boucle sur celui-ci de nouveau pour la répétition du
      fade in and out . Je ne suis pas allée de nouveau au premier sub, j'ai
      fait une boucle de nouveau au deuxième sub. La raison de ceci est que le
      premier sub travaille seulement avec une image.
      Ce qui signifierait que la boucle ne fonctionnerait pas bien  parce qu' à
      la fin du sub end nous avons deux images dans le jeu,  une cachée et une
      se montrant ainsi le premier sub ne ferait pas les changements que nous
      avons besoin. Cependant, le deuxième sub nous fait ce que nous lui
      demandons de faire à la prochaine étape dans le script et il fait une
      boucle de nouveau à celui-là. Vous pouvez faire un loop au sub si vous
      aimez dans un manuscrit aussi longtemps qu'il fait le fonctionnement de
      subsistance et le laisse couler sans à-coup.
      sub fade2()
      ClearTimeout
      p2.filters(0).Apply()
      p2.style.visibility="hidden"
      p2.filters(0).Play(15.00)
      p1.filters(0).Apply()
      p1.style.visibility="visible"
      p1.filters(0).Play(15.00)
      SetTimeOut "fadeout",15000
      end sub

      -----------------------------------------------7---------------------------------------------------------


      Voici à quoi votre script devrait ressembler ..

      <html>
      <head>
      <title></title>
      <!--script by Connie-->
      <style>

      Body{
      BORDER-RIGHT: #313B18 7px inset;
      BORDER-TOP: #313B18 7px outset;
      BORDER-LEFT: #313B18 7px outset;
      BORDER-BOTTOM: #313B18 7px inset;
      scrollbar-face-color:#313B18;
      scrollbar-highlight-color:#000000;
      scrollbar-3dlight-color:#313B18;
      scrollbar-darkshadow-color:#313B18;
      scrollbar-shadow-color:#313B18;
      scrollbar-arrow-color:#000000;
      scrollbar-track-color:#313B18;
      }

      .tc{
      BORDER-RIGHT: #A2915D 7px inset;
      BORDER-TOP: #A2915D 7px outset;
      BORDER-LEFT: #A2915D 7px outset;
      BORDER-BOTTOM: #A2915D 7px inset;
      background color:#1E270C;
      padding: 20px;
      }

      .tc2{
      BORDER-RIGHT: #A2915D 7px inset;
      BORDER-TOP: #A2915D 7px outset;
      BORDER-LEFT: #A2915D 7px outset;
      BORDER-BOTTOM: #A2915D 7px inset;
      background color:#1E270C;
      padding: 5px;
      }

      .phto{
      height: 350px;
      width: 350px;
      position:absolute;
      top:0px;
      left:0px;
      }

      .d{
      BORDER-RIGHT: #787341 7px double;
      BORDER-TOP: #787341 7px double;
      BORDER-LEFT: #787341 7px double;
      BORDER-BOTTOM: #787341 7px double;
      position:relative;
      top:0px;
      left:0px;
      width: 364px;
      height: 364px;
      }

      .tx{
      scrollbar-face-color:#0D0301;
      scrollbar-highlight-color:#7A5838;
      scrollbar-3dlight-color:#0D0301;
      scrollbar-darkshadow-color:#0D0301;
      scrollbar-shadow-color:#0D0301;
      scrollbar-arrow-color:#7A5838;
      scrollbar-track-color:#0D0301;
      padding:10px;
      text-align: center;
      FONT-FAMILY: Tahoma;
      FONT-SIZE: 12pt;
      COLOR: #787341;
      height:200px;
      width: 100%;
      position:relative;
      top:0px;
      left:0px;
      OVERFLOW: auto;
      }

      </style>
      </head>
      <!--tuile background ici tout sur une ligne-->
      <BODY bgColor=#000000 background="C:/Program Files/Fichiers
      Commnuns/Microsoft Shared/Papier à Lettres/TILE.jpg" >
      <!--Fichier Midi ici-->
      <BGSOUND balance=0 src="C:/Program Files/Fichiers Commnuns/Microsoft
      Shared/Papier à Lettres/MIDI.mid" volume=0 loop=infinite>

      <TABLE width=350px align=center cellpadding=0 cellspacing=20>
      <TR>
      <TD class=tc id=tc1 align=center><div class=d align=center>
      <IMG class=phto id=p1 alt="MESSAGE ICI" src="C:/Program Files/Fichiers
      Commnuns/Microsoft Shared/Papier à Lettres/IMAGE.jpg" >
      <IMG class=phto id=p2 alt="MESSAGE ICI" src="C:/Program Files/Fichiers
      Commnuns/Microsoft Shared/Papier à Lettres/IMAGE2.jpg" ></DIV></TD></TR>
      <TR>
      <TD class=tc2 align=center id=tcx><div class=tx
      >text</DIV></TD></TR></TABLE>

      <script language=vbscript>
      '*----------------------------------*
      '* REM faites la magie
      '* script écrit par  Connie Schutza
      '* Aout 19 2003
      '* magie sans fin
      '*-----------------------------------*

      '* C'est ici que vous changez le
      ticker----------------------------------------*

      window.status=" script and stationery by "

      tcx.style.filter="alpha(opacity=70)"
      tc1.style.filter="alpha(opacity=70)"

      p1.style.filter="blendTrans"
      p2.style.filter="blendTrans"

      sub window_onload()
      p1.style.visibility="hidden"
      p2.style.visibility="hidden"
      SetTimeOut "fadein",4000
      end sub

      sub fadein()
      ClearTimeout
      p1.filters(0).Apply()
      p1.style.visibility="visible"
      p1.filters(0).Play(10.00)
      SetTimeOut "fadeout",11000
      end sub
     
      sub fadeout()
      ClearTimeout
      p1.filters(0).Apply()
      p1.style.visibility="hidden"
      p1.filters(0).Play(15.00)
      p2.filters(0).Apply()
      p2.style.visibility="visible"
      p2.filters(0).Play(15.00)
      SetTimeOut "fade2",15000
      end sub

      sub fade2()
      ClearTimeout
      p2.filters(0).Apply()
      p2.style.visibility="hidden"
      p2.filters(0).Play(15.00)
      p1.filters(0).Apply()
      p1.style.visibility="visible"
      p1.filters(0).Play(15.00)
      SetTimeOut "fadeout",15000
      end sub

      </script>
      </body>
      </html>

      Sauvegardez et faites un aperçu de votre script.. Nous avons fini cette
      leçon..


      Voir l'exemple 1 ICI
      -----------------------Devoirs--------------------
      Faites vos propres manuscrits à l'aide des filtres avec lesquels nous
      venons de jouer.
      Faites de la grande magie et ayez un bon nombre d'amusement
.


Dernière édition par Gi le Sam 22 Aoû - 14:30, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.liensutiles.org/gvilleneuve.htm
Gi
Rang: Administrateur


Nombre de messages: 11439
Localisation: Terrebonne, Québec, Canada
Date d'inscription: 18/12/2004

MessageSujet: Cours 12 A   Jeu 13 Oct - 21:49

Traduction par Mickaëla P
©Connie Schutza Hill 2003
Tous droits réservés




Leçon 12 A


Code:
Ceci est un site d'enseignement pour ceux qui veulent apprendre à écrire
      des scripts pour la papeterie d'email. Les leçons que vous utiliserez sont
      toutes écrites par Connie Schutza Hill sauf indication contraire et
      traduite par moi , Mickaëla P. Elle  tient tous les droits d'auteur sur
      ces leçons.Les TERMES D'UTILISATION sont inscrits sur la page d'INTRO .
      Lisez s'il vous plaît ces règles et soumettez-vous y.
      ---------------------------------------------------------------------------------------------
      Bienvenue à la leçon12.  Cette semaine nous allons apprendre à mettre un
      fond dans une table, une cellule de table et une division. Nous
      apprendrons également comment faire le rouleau de milieux à ceux-ci . 
      -----------------Ce dont nous avons besoin pour cette
      leçon--------------------
      1. 1 image principale. 
      2. 1 midi.
      3. 3 tuiles de  background .  Une pour le fond normal (background) , une
      pour le fond de table et la division de boîte à textes et une entre dans
      les cellules de table . J'ai utilisé argenté pour les cellules de table
      mais l'or  fonctionnera comme n'importe quelle autre tuile ..
      4. HTML Kit ou blocnote....
     
      ----------------------couleur des  codes 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. Afin de
      vous aider un peu mieux la nouvelle substance qui sera ajoutée dans le
      script sera en texte rouge.
      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-------------------------------------------
      Nous allons utiliser la balise d'image un peu différemment pour cette
      leçon et nous allons apprendre un nouveau code du VBS mais j'expliquerai
      les nouveaux codes quand nous y serons dans le manuscrit. Pour le moment
      faisons notre manuscrit prêt pour la leçon. Voici par ce quoi nous voulons
      commencer .
      Nous avons besoin d'une table régulière de deux cellules avec l'image sur
      le dessus et le texte en dessous. Placez le cellspacing à 30 et
      cellpadding à 3. Mettez dedans le style pour les cellules de table, la
      table, la boîte à textes, l'image et le BODY comme d'habitude. Donnez un
      nom ID à chaque cellule, la division de boîte à textes et à la table.
      Commencez le VBS comme d'habitude et cette fois nous voulons que le fond
      se mette en rouleau donc mettez cela dans le manuscrit. Aucun filtre sur
      celui-ci de sorte que le manuscrit n'ait rien à démarrer. Le mien est
      ci-dessous ainsi vous pouvez voir comment j'ai commencé.
      ------------------------------------------------------2-------------------------------------------
     
      Mon script ressemble à ...
     
      <HTML>
      <HEAD>
      <TITLE></TITLE>
      <STYLE>
      Body{
      border-top: #653B45 8px outset;
      border-left: #58353C 8px outset;
      border-right: #58353C 8px inset;
      border-bottom: #58353C 8px inset;
      scrollbar-face-color:#58353C;
      scrollbar-highlight-color:#8F777C;
      scrollbar-3dlight-color:#66464C;
      scrollbar-darkshadow-color:#000000;
      scrollbar-shadow-color:#44272C;
      scrollbar-arrow-color:#8F777C;
      scrollbar-track-color:#58353C;
     
      }
     
      .tc1{
      border-top: #44272C 5px outset;
      border-left: #44272C 5px outset;
      border-right: #44272C 5px inset;
      border-bottom: #44272C 5px inset;
      background-color:#58353C;
      }
     
      .tab{
      border-top: #44272C 5px outset;
      border-left: #44272C 5px outset;
      border-right: #44272C 5px inset;
      border-bottom: #44272C 5px inset;
      background-color:#58353C;
      }
      .phto{
      border-top: #44272C 5px outset;
      border-left: #44272C 5px outset;
      border-right: #44272C 5px inset;
      border-bottom: #44272C 5px inset;
     
      }
     
      .txt{
      border-top: #44272C 5px outset;
      border-left: #44272C 5px outset;
      border-right: #44272C 5px inset;
      border-bottom: #44272C 5px inset;
      background-color:#58353C;
      scrollbar-face-color:#58353C;
      scrollbar-highlight-color:#8F777C;
      scrollbar-3dlight-color:#66464C;
      scrollbar-darkshadow-color:#000000;
      scrollbar-shadow-color:#44272C;
      scrollbar-arrow-color:#8F777C;
      scrollbar-track-color:#58353C;
      padding: 10px;
      overflow:auto;
      height:200px;
      width:100%;
      font-family: Tahoma;
      size: 12pt;
      color: #AA9298;
      text-align: center;
      }
     
      </STYLE>
      </HEAD>
      <BODY bgcolor=#46292E background="C:/Program Files/Fichiers
      Communs/Microsoft Shared/Papier à Lettres/tile here.jpg">
      <BGSOUND balance=0
      src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à
      Lettres/midi.mid" volume=0 loop=infinite>
      <TABLE class=tab id=tb width=520px align=center cellpadding=3
      cellspacing=30>
      <TR>
      <TD align=center class=tc1 id=tc>
      <A href="site addy here"><IMG class=phto alt="artist name here"
      src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à
      Lettres/Main Image here .jpg" border="0"></A></TD></TR>
      <TR>
      <td align=center class=tc1 id=tc2><DIV class=txt
      id=d>text</div></TD></TR></TABLE>
     
     

      <script language=vbscript>
      '*----------------------------------*
      * REM faites la magie
      '* script écrit par  Connie Schutza
      '*4 Septembre  2003
      '*Gardez le travaille magique
      '*-----------------------------------*
     
      window.status=" script et stationery par VOTRE NOM"

     
      x=0
      y=0

     
      SetInterval "scroll",64
     
      Sub scroll()
      x=x
      y=y-1
      document.body.style.backgroundposition=x&" "&y

     
      End Sub 
         
      </script>
     

      </BODY>
      </HTML>
     


      ------------------------------------------------------3-------------------------------------------
     
      Okay Nous sommes prêts à mettre des tuiles de fond sur la table et les
      cellules de table aussi bien que la division de boîte à textes. Ceci
      habillera votre table et fera d'un vieux script de table ressembler à un
      nouveau script. 
     
      C'est ici que nous utiliserons d'une manière différente la balise d'image
      . Nous allons l'employer pour énumérer nos milieux et nous allons placer
      ces balises juste après la balise fermante </TABLE> mais avant le début du
      VBS . 
      Celles-ci peuvent également être placées bien après  la balise BODY et
      avant la balise d'ouverture de table mais j'ai trouvé qu' il était plus
      facile de voir où sont énumérées le nombre de balise et de tuile juste
      avant le VBS. Cela évite de remonter jusqu 'en haut du script pour 
      regarder à chaque fois. La seule différence c'est que nous devrons mettre
      les tuiles off screen .  Nous mettons dans cette balise et la notification
      un nom d'identification sur chacune de ces balises.  Le nom
      d'identification doit être différent pour chaque tuile et je vous
      conseille de mettre le meme nom et de changer juste le nombre après le nom
      pour chaque tuile d'un script.  Il est plus facile de  faire de cette
      façon parce que vous pouvez juste copier et coller les balises de votre
      manuscrit et il ne reste qu'à les numéroter , comme ça vous n'avez pas à
      changer une tonne de substance. Vous pouvez même vouloir mettre dedans un 
      <!--REM de RAPPORT--> au-dessus de chacune de ces balises pour vous dire
      où ils sont utilisés dans le stat. Voici à quoi la balise ressemble.
      <!--cette tuile va sur la table et la division de boîte à textes -->
      <IMG id=bg1 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px;" 
      src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à
      Lettres/tile 1.jpg">
     
      Note: le TOP et LEFT doivent être placés -1800px.  pour que la tuile soit
      off screen jusqu'à ce que votre VBS l'appelle à la division de table et de
      boîte à texte.  Ce nombre peut être plus grand que la tuile mais -1800px
      est un nombre très généralement utilisé et plutôt que d' employer un
      nombre spécifique avec chaque tuile pour les placer sur l'écran nous
      allons à la manière facile et employons un qui travaillera en taille
      normale aux objets de papeterie.
      Okay Ce script a deux tuiles qui vont avoir besoin de balise d'image ,
      voici le second , il va juste au-dessous du premier.
     
      <!--cette tuile entre dans les cellules de table -->
      <IMG id=bg2 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px;" 
      src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à
      Lettres/Silver tile.jpg">
     
      ------------------------------------------------------4-------------------------------------------
      Votre script ressemblera maintenant à ceci et si vous sauvegarez et
      lfaites un aperçu vous ne verrez pas les tuiles sur l'écran, c'est parce
      que nous ne les avons pas appelées à la table avec notre VBS. 
     
     
      <HTML>
      <HEAD>
      <TITLE></TITLE>
      <STYLE>
      Body{
      border-top: #653B45 8px outset;
      border-left: #58353C 8px outset;
      border-right: #58353C 8px inset;
      border-bottom: #58353C 8px inset;
      scrollbar-face-color:#58353C;
      scrollbar-highlight-color:#8F777C;
      scrollbar-3dlight-color:#66464C;
      scrollbar-darkshadow-color:#000000;
      scrollbar-shadow-color:#44272C;
      scrollbar-arrow-color:#8F777C;
      scrollbar-track-color:#58353C;
     
      }
     
      .tc1{
      border-top: #44272C 5px outset;
      border-left: #44272C 5px outset;
      border-right: #44272C 5px inset;
      border-bottom: #44272C 5px inset;
      background-color:#58353C;
      }
     
      .tab{
      border-top: #44272C 5px outset;
      border-left: #44272C 5px outset;
      border-right: #44272C 5px inset;
      border-bottom: #44272C 5px inset;
      background-color:#58353C;
      }
      .phto{
      border-top: #44272C 5px outset;
      border-left: #44272C 5px outset;
      border-right: #44272C 5px inset;
      border-bottom: #44272C 5px inset;
     
      }
     
      .txt{
      border-top: #44272C 5px outset;
      border-left: #44272C 5px outset;
      border-right: #44272C 5px inset;
      border-bottom: #44272C 5px inset;
      background-color:#58353C;
      scrollbar-face-color:#58353C;
      scrollbar-highlight-color:#8F777C;
      scrollbar-3dlight-color:#66464C;
      scrollbar-darkshadow-color:#000000;
      scrollbar-shadow-color:#44272C;
      scrollbar-arrow-color:#8F777C;
      scrollbar-track-color:#58353C;
      padding: 10px;
      overflow:auto;
      height:200px;
      width:100%;
      font-family: Tahoma;
      size: 12pt;
      color: #AA9298;
      text-align: center;
      }
     
      </STYLE>
      </HEAD>
      <BODY bgcolor=#46292E background="C:/Program Files/Fichiers
      Communs/Microsoft Shared/Papier à Lettres/tile here.jpg">
      <BGSOUND balance=0
      src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à
      Lettres/midi.mid" volume=0 loop=infinite>
      <TABLE class=tab id=tb width=520px align=center cellpadding=3
      cellspacing=30>
      <TR>
      <TD align=center class=tc1 id=tc>
      <A href="site addy here"><IMG class=phto alt="artist name here"
      src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à
      Lettres/Main Image here .jpg" border="0"></A></TD></TR>
      <TR>
      <td align=center class=tc1 id=tc2><DIV class=txt
      id=d>text</div></TD></TR></TABLE>
     
      <!--cette tuile va sur la table et la division de boîte à textes -->
      <IMG id=bg1 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px;" 
      src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à
      Lettres/tile 1.jpg">
      <!--cette tuile entre dans les cellules de table -->
      <IMG id=bg2 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px;" 
      src="C:/Program Files/Fichiers Communs/Microsoft Shared/Papier à
      Lettres/Silver tile.jpg">

      <script language=vbscript>
      '*----------------------------------*
      * REM faites la magie
      '* script écrit par  Connie Schutza
      '*4 Septembre  2003
      '*Gardez le travaille magique
      '*-----------------------------------*
     
      window.status=" script et stationery par VOTRE NOM"

     
      x=0
      y=0

     
      SetInterval "scroll",64
     
      Sub scroll()
      x=x
      y=y-1
      document.body.style.backgroundposition=x&" "&y

     
      End Sub 
         
      </script>
     

      </BODY>
      </HTML>



Dernière édition par Gi le Sam 22 Aoû - 14:31, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.liensutiles.org/gvilleneuve.htm
 

Cours Visual Basic Script : Connie Shultza en français

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 3 sur 4Aller à la page : Précédent  1, 2, 3, 4  Suivant

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Mots d'art & Scénarios :: Scripts & Flash d'art :: DE TOUT POUR LES scripts d'art & autres animations par Gi-
Poster un nouveau sujet   Répondre au sujet