Devoir n°9

 

 

Dans ce cour, vous allez apprendre a faire votre 2e page web

Avant de faire quoi que ce soit, vous allez préparer un fond uni ou texturé,une tuile or ou un dégradé, ainsi qu`une image,un gif

1. Ovrir un nouveau document dans votre frontpage,écrire le titre de votre page web,mettre votre couleur ou votre image de fond et enregistrer votre page

2. Centrer votre curseur dans votre page web et cliquer sur CODE

 

 

 copier et coller ce code dessous
après l`avoir fait transiter par le bloc note pour enlever toute chose inutiles.(ce qui est écris en rouge)

<CENTER>
<TABLE borderColor=#414376 cellSpacing=0 cellPadding=20 =c`est le tableau principal,cellpadding est la marge à l`intérieur du tableau width="85%"
bgColor=#8687a6 background=t3.jpg border=2 color>

<TBODY>
<TR>
<TD align=middle width="100%">
<DIV align=center>
<CENTER>
<TABLE borderColor=#414376 cellSpacing=0 cellPadding=5 width="100%"
bgColor=#8687a6 background=t1.jpg border=1>
<TBODY>
<TR>
<TD align=middle width="100%">
<DIV align=center>
<CENTER>
<p><img src="image.jpg" width="350" height="350"></p>ICI c`est l`emplacement de votre image en haut du cadre
<TABLE cellPadding=0 width=568 border=0>1er tableau sous l`image,vous ne voyez que les bandes verticales
<TBODY>
<TR>
<TD width=10 background=tuile1.jpg></TD>Tuile de la 1ere bande verticale,c`est la même pour toute les bandes
<TD align=middle width=542>
<P align=center>&nbsp;</P>
<DIV align=center>

<CENTER>

<TABLE cellSpacing=0 cellPadding=0 width=523 border=0>2e tableau sous l`image
<TBODY>
<TR>
<TD width=5 background=tuile1.jpg>&nbsp;tuile de la 2e bande verticale
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P></TD>

<TD vAlign=top align=middle width=503>ICI c`est la partie centrale où vous mettrez le contenu de votre page <div align="center"><font face="Papyrus" size="4" color="#000080">Salutations du Québec
On ne vous oublie pas, si loin que vous soyez, quelle que soit la saison, mais on pense à vous d'une manière toute spéciale en cette grande occasion porteuse de si belles traditions.
Joyeux Noël!
</font>
</div>
  <P align=center><div align="center"><font face="Papyrus" size="4" color="#000080">Passez de tres belle vacance !!</P>
  <P align=center><div align="center"><font face="Papyrus" size="4" color="#000080">Annick</P>
  <P align=center><font face="Papyrus" size="4" color="#000080">Tutoriel original de <a href="http://www.milytoiles.net" target="_blank"> Milytoiles</a></P>
  <P align=center>&nbsp;</P>
<P align=center>&nbsp;</P>
<P align=center>&nbsp;</P>

<DIV align=center>
<CENTER>
</CENTER></DIV>

<P align=center>&nbsp;</P></TD>
<TD width=5 background=tuile1.jpg>Tuile de la 3e bande verticale
&nbsp;
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>

</TD></TR></TBODY></TABLE></CENTER></DIV>
<P align=center>&nbsp;</P></TD>
<TD width=10 background=tuile1.jpg></TD> Tuile de la 4e bande verticale
</TR></TBODY></TABLE></CENTER></DIV></TD></TR>

</TBODY>

</TABLE>

</CENTER>
</DIV>

Petit rappel : Width est la largeur et cellpadding la marge à l`intérieur du cadre.