Modules HTML

 

 

Mise en forme d'un document HTML

 

Balises avec style

<DIV style= "font-size: 150%; color: fuchsia ; font-weight : bold ;  font-family: "Times New Roman"; background-color: #FFFFFF ; " >Exemple </DIV>

 

color : red, blue, navy, green,

font-family: "Trebuchet MS", "Times New Roman"�, Helvetica, Verdana, Arial, Geneva, sans-serif;

font-style: italic;   oblique ;    normal ;    /* caract�res en italique  oblique ou normal */ 
text-decoration : underline ; /* underline = souligner overline = ligne au dessus line through = barrer blink = clignoter  */
text-transform: none ; (rien) capitalize ; (capitale) lowercase ; (minuscule) uppercase ; (tout en capitale)

 

 

Insertion d'une page web dans la page courante IFRAM

 

<IFRAM style=="BORDER-BOTTOM: #ccc 2px solid; BORDER-LEFT: #ccc 2px solid; MARGIN: auto;

    WIDTH: 720px; HEIGHT: 1098px; BORDER-TOP: #ccc 2px solid; BORDER-RIGHT: #ccc 2px solid"

   src="h t t p://site-xyz/rep1/page-n.htm/" ></IFRAM>

 

Module Vid�o pour fichier.FLV

 

Avec flvplayer.swf

 

1) Avec des url compl�tes

<p align=center>

<EMBED src=http://localhost/Pack_Web_RJ_En_cours/video/flvplayer.swf?file=http://localhost/Pack_Web_RJ_En_cours/video/moskau.flv width=352 height=288 type=application/x-shockwave-flash quality="high" allowfullscreen="true" > </EMBED>
</p>

<p align=left>Il se peut que le d�filement soit saccad�. mettez en pause quelques minutes pour laisser le temps au fichier temporaire de se charger suffisament. Ce probl�me est du � une connexion internet avec un d�bit insufisant. Vous pouvez pendant ce temps surfer sur internet � partir d'une autre fen�tre de votre explorateur. Une fois le fichier temporaire t�l�charger la vid�o devrait �tre parfaitement fluide. </p>

 

2) Avec url relative

noter que si la vid�o est dans le m�me r�pertoitr que flvplayer.sfw il n'y a pas de r�pertoire � indiquer en relatif car le fichier vid�o est adress� en relatif � partir du r�pertoire du programme flvplayer.sfw

<EMBED src=video/flvplayer.swf?file=moskau.flv width=352 height=288 type=application/x-shockwave-flash quality="high" allowfullscreen="true" > </EMBED>

 

Valeurs habituelles de width et height

en   4/3 : 320 x 240  384 x 288  -  400 x 300  -  576 x 432  -  640 x 480  -  720 x 540  -    800 x 600  -  1024 x 1080

en 14/9 :                   392 x 252  -  448 x 288  -  560 x 360  -  640 x 412  -  728 x 432  -    840 x 540  -  1288  x  828

en 16/9 :                   384 - 216  -                        512 x 288  -  640 x 360  -  832 x 468  -  1024 x 576  -  1280  x 720         

en 20/9 :                                                              560 x 252  -  720 x 324  -  800 x 360  -  1040 x 480  -  1280  x 576
 

Avec dewtube

<object type="application/x-shockwave-flash" data="dewtube.swf" width="680" height="340" id="dewtube">
<param name="allowFullScreen" value="true" />
<param name="movie" value="dewtube.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<param name="flashvars" value="movie=video.flv" />
</object>

  

 

flv_player_multi.swf avec liste des films � visionner

<P align=center>
<OBJECT type="application/x-shockwave-flash" data="video/flv_player_multi.swf" width="640" height="360">
<param name="movie" value="video/flv_player_multi.swf" />
<param name="allowFullScreen" value="true" />
<param name="FlashVars" value="flv=film-1.flv%7Cfilm-2.flv%7Cfilm-3.flv&title= Film num�ro 1|2�me film | 3�me film)" />
</OBJECT></P>

 

<param name="FlashVars" value="flv=film.flv S�parateur ="%7C" film2.flv%7C etc.flv&title=Avatar| James Bond|Bienvenu � bord" />

 

 

 

<P align=center>
<EMBED src=http://robert.jobard.free.fr/musique/flvplayer.swf?file=http://site.free.fr/video/fichier-video.flv width=320 height=260 type=application/x-shockwave-flash allowfullscreen="true" quality="high"> </EMBED></P> 

NOTA : le nom du fichier vid�o ne doit pas contenir d'espace, sinon il doit �tre mis entre guillemets (le r�petrtoire video est un exemple)

 

 Module Vid�o pour vid�o ou diaporama .WMV

<P align=center><EMBED type=application/x-mplayer2 src=video/diaporama-xyz.wmv AUTOSTART="0" SHOWCONTROLS="1"> </EMBED></P>

 ...

Insertion d'un style dans une page

<STYLE type=text/css><!- P { color : #000000;  margin 0 0 0 0} -></STYLE>

 

Informations divers : r�cup�rer la taille (longueur en caract�res) d'un fichier 

  $filesize=filesize($rep.$file);
   echo "<font size=2> Taille du fichier : ".$filesize." octets</font>";
   <a href=../breves/modules.htm target=_blank>Modules </A>

Cr�er un formulazire "FORM"  

 echo "<FORM method="POST" action="edit.php" name="editform" >";
   <INPUT type="hidden" name="rep" value=".$rep.">

...   

   <TEXTAREA NAME="Data_fichier" COLS=100 ROWS=500 >
   <?       readfile($rep.$file);   ?>
   </TEXTAREA>

 

Un select

<select id="select_1"  onChange="action javascript; " >
  <option value="-1" default="true">Insertions</option>
  <option value="WDEBWverticale-2WFINW">verticale-2</option>
</select>

...

Quitter une page, acc�der � une autre page   //pour fermer la page quit�e. ajouter un "close" ?

   <script type="text/javascript">
              location.href = "URL de l'autre page"'
   </script>

 

Retourner � la page appelante avec une donn�e en retour et fermer la page

<script type="text/javascript">
     <!  window.returnValue = xp;
           window.close();  //-->
</script>

-