<HTML><HEAD><TITLE>Guide pratique et progressif du langage HTML - Démo frames 1 explications</TITLE></HEAD>

<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#008000" VLINK="#000080" ALINK="#FF00FF">

<H2 ALIGN="CENTER"><FONT COLOR="#FF5000">Démo Menu Frames 1</FONT></H2>

<P ALIGN="CENTER">Première opération, <A HREF="918_.srce.html">découpage de la page en quatre frames horizontales</A>, le titre, les boutons, le centre et le bas.

<P ALIGN="JUSTIFY">
<TABLE BORDER="1" WIDTH="450" ALIGN="CENTER" BGCOLOR="#500000">
  <TR>
    <TD HEIGHT="50" ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918a.srce.html">titre</A> (TARGET="titre")</TD>
  </TR>
  <TR>
    <TD ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918b.srce.html">découpage des boutons</A> (TARGET="menu")</TD>
  </TR>
  <TR>
    <TD HEIGHT="200" ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918c.srce.html">découpage du corps</A> (TARGET="corp")</TD>
  </TR>
  <TR>
    <TD HEIGHT="50" ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918d.srce.html">bas</A> (TARGET="bas")</TD>
  </TR>
  <TR>
    <TD HEIGHT="50" ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918n.srce.html">reste</A> (TARGET="bas2")</TD>
  </TR>
</TABLE><BR>

<DIV ALIGN="CENTER">Ensuite, <A HREF="918b.srce.html">découpage des boutons</A></DIV>

<P ALIGN="JUSTIFY">

<TABLE BORDER="1" WIDTH="450" HEIGHT="400" ALIGN="CENTER">
  <TR>
    <TD HEIGHT="50" COLSPAN="5" ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918a.srce.html">titre</A></TD>
  </TR>
  <TR BGCOLOR="#500000">
    <TD ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918z.srce.html">remplissage</A></TD>
    <TD ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918e.srce.html">menu1</A><BR>(TARGET="m1")</TD>
    <TD ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918f.srce.html">menu2</A><BR>(TARGET="m2")</TD>
    <TD ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918g.srce.html">menu3</A><BR>(TARGET="m3")</TD>
    <TD ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918z.srce.html">remplissage</A></TD>
  </TR>
  <TR>
    <TD HEIGHT="200" COLSPAN="5" ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918c.srce.html">corps</A></TD>
  </TR>
  <TR>
    <TD HEIGHT="50" COLSPAN="5" ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918n.srce.html">bas</A></TD>
  </TR>
</TABLE><BR>

<DIV ALIGN="CENTER">Puis, <A HREF="918c.srce.html">découpage du corps</A></DIV>

<P ALIGN="JUSTIFY">

<TABLE BORDER="1" WIDTH="450" HEIGHT="400" ALIGN="CENTER">
  <TR>
    <TD HEIGHT="50" COLSPAN="5" ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918a.srce.html">titre</A></TD>
  </TR>
  <TR>
    <TD ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918z.srce.html">remplissage</A></TD>
    <TD ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918e.srce.html">menu1</A><BR>(TARGET="m1")</TD>
    <TD ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918f.srce.html">menu2</A><BR>(TARGET="m2")</TD>
    <TD ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918g.srce.html">menu3</A><BR>(TARGET="m3")</TD>
    <TD ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918z.srce.html">remplissage</A></TD>
  </TR>
  <TR BGCOLOR="#500000">
    <TD HEIGHT="200" ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918z.srce.html">remplissage</A></TD>
    <TD HEIGHT="200" WIDTH="10" ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918h.srce.html">g<BR>a<BR>u<BR>c<BR>h<BR>e</A></TD>
    <TD HEIGHT="200" ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918i.srce.html">texte menu 1</A><BR><A HREF="918k.srce.html">texte menu 2</A><BR><A HREF="918l.srce.html">texte menu 3</A><BR>(TARGET="texte")</TD>
    <TD HEIGHT="200" WIDTH="10" ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918j.srce.html">d<BR>r<BR>o<BR>i<BR>t<BR>e</A></TD>
    <TD HEIGHT="200" ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918z.srce.html">remplissage</A></TD>
  </TR>
  <TR>
    <TD HEIGHT="50" COLSPAN="5" ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="918n.srce.html">bas</A></TD>
  </TR>
</TABLE>
<BR><DIV ALIGN="CENTER">Et les trois onglets chargent les page suivantes: <A HREF="918i.srce.html">Menu1</A>, <A HREF="918k.srce.html">Menu2</A> et <A HREF="918l.srce.html">Menu3</A> avec <KBD>TARGET="texte"</KBD></DIV>

<P ALIGN="JUSTIFY">Et voilà, il ne vous reste plus qu'à regarder la source de chaque fichier pour voir à quel point c'est simple (quand on à compris l'exemple avec les tables et le mécanisme des frames).</DIV>

<P ALIGN="JUSTIFY">Avantage des frames dans ce cas précis, la rapidité, seule la partie qui change doit être mise à jour.

<HR><BR><TABLE WIDTH="100%"><TR><TD ALIGN="LEFT"><A HREF="917.html" TARGET="zero">Retour</A></TD><TD ALIGN="CENTER"><A HREF="index.html" TARGET="zero"><IMG WIDTH="94" HEIGHT="40" ALT="Info" BORDER="0" SRC="pics/aide/anim.info.gif"></A></TD><TD ALIGN="RIGHT"><A HREF="919.html" TARGET="zero">Suite</A></TD></TR></TABLE>

</BODY></HTML>