Les frames ou cadres


Les frames permettent de diviser la fenêtre du navigateur en plusieurs partis et donc d'afficher plusieurs pages Html sur la même page

Les balises permettant de travailler avec des frames sont <FRAMESET> et </FRAMESET>

Attention        les balises <FRAMESET> et </FRAMESET> remplacent les balises <BODY> et </BODY>

Ainsi le code source de la page sera

<HTML>
<HEAD></HEAD>
<FRAMESET >
</FRAMESET>
</HTML>

Grace à ces balises, nous pouvons paramètrer notre fenêtre pour la decouper en ligne ou en colonne (ROWS ou COLS)

Si j'écris

<HTML>
<HEAD></HEAD>
<FRAMESET ROWS="30%,70%">
<FRAME>
<FRAME>
</FRAMESET>
</HTML>

J'obtiendrai :

les cadres

La fenêtre de mon navigateur est divisé en deux fenêtres horizontales (ROWS) dont leur hauteur est exprimée en pourcentage.

Dans les balises <FRAME>, nous pouvons définir le nom du fichier de la page web que vous souhaitez voir apparaitre

<HTML>
<HEAD></HEAD>
<FRAMESET ROWS="30%,70%">
<FRAME SRC="pageweb1.html">
<FRAME SRC="pageweb2.html">
</FRAMESET>
</HTML>

Ce qui nous donne ceci

les cardes

Ces frames ou cadre peuvent avoir plusieurs attributs

Les attributs de la balise <FRAME>

La balise <FRAME> permet de définir un ou plusieurs cadres au sein de la balise <FRAMESET>

Attribut Valeur Action
Src URL Définit l'emplacement de la page à afficher dans le cadre
Name "nom" Définit un nom qui permettra d'afficher un autre document dans le cadre gâce à l'attribut Target
Marginwidth=n n est un entier spécifiant le nombre de pixels Taille des marges latérales
Marginheight=n n est un entier spécifiant le nombre de pixels Taille des marges du haut et du bas
Frameborder YES
NO		 Détermine si les cadres auront ou non une bordure
Border=n n est un entier spécifiant le nombre de pixels Taille de l'espace entre les cadres (uniquement pour Netscape)
Noresize (Aucune) Interdit à l'utilisateur de redimensionner les cadres (Ce n'est pas la valeur par défaut)
Scrolling YES
NO
AUTO		 Permet ou non l'affichage d'une barre de défilement (Auto laisse le navigateur décider de son utilité)


Il est possible de nommer dans le code source les différents cadres d'une fenêtre

<HTML>
<HEAD></HEAD>
<FRAMESET ROWS="30%,70%">
<FRAME SRC="pageweb1.html" NAME="fenetreduhaut">
<FRAME SRC="pageweb2.html" NAME="fenetredubas">
</FRAMESET>
</HTML>

Le fait de nommer un cadre nous permettra de cibler des liens hypertextes et d'afficher d'autre page web à l'intérieur des cadres.

Voici la structure du code source de la pageweb1.html

<HTML>
<HEAD>
<TITLE>page1</TITLE>
</HEAD>
<BODY><center><H1>
page1.html
</center></H1></BODY>
<TABLE>
<TR>
<TD width=33%><center><h1><A HREF="histoire.html" TARGET="fenetredubas">HISTOIRE</A></h1></center></TD>
<TD width=33%><center><h1>PRINCIPE</h1></center></TD>
<TD width=33%><center><h1>FONCTIONNEMENT</h1></center></TD>
</TR>

</TABLE>
</HTML>

Remarques le lien hypertexte sur le mot HISTOIRE, vous remarquerez dans la balise <A HREF> deux attributs le premier désigne la page que le navigateur affichera, le second TARGET permet de préciser au navigateur que cette fenêtre doit s'afficher dans le cadre nommer "fenetredubas".

exemple de cadre



L'attribut TARGET peut aussi prendre certaines valeurs prédéfinies :