Frames (1/3)

Les Frames

Voici les points développés dans cette partie :

Si vous le souhaitez, vous pouvez "partager" la fenêtre du navigateur, et afficher un document HTML dans chaque partie.

Pour cela, vous devez écrire tout d'abord un document HTML dont le but est de créer ces différentes zones. Ce document est un peu différent des documents HTML classiques, car il comporte des marqueurs <FRAMESET> ... </FRAMESET>, mais ne comporte pas de marqueur <BODY> ... </BODY>. C'est ce document qui appelle les documents HTML à placer dans chaque zone.

Le structure de ce document est de la forme suivante :

<HTML>
<HEAD>
<TITLE> ... </TITLE>
</HEAD>
<FRAMESET>
...
</FRAMESET>
</HTML>

Séparation de la fenêtre du navigateur en zones verticales

Pour séparer la fenêtre en plusieurs zones verticales, vous devez utiliser l'attribut COLS du marqueur <FRAMESET>. Le contenu de cet attribut décrit la largeur de chaque colonne. Voici un exemple concret :

<HTML>
<HEAD>
<TITLE>Premier essai de frames</TITLE>
</HEAD>
<FRAMESET COLS="30%,40%,30%">
       <FRAME SRC="presframes.htm">
       <FRAME SRC="presframes.htm">
       <FRAME SRC="presframes.htm">
</FRAMESET>
</HTML>

Dans cet exemple, la fenêtre du navigateur est séparée en trois colonnes. La première colonne mesure 30% de la largeur de la fenêtre, la deuxième colonne 40%, et la troisième colonne 30% (on peut aussi définir les largeurs de colonnes en pixels). Dans la première colonne c'est le document presframes.htm qui sera affiché, presframes.htm est affiché dans la seconde colonne, presframes.htm est affiché dans la troisième colonne.

Séparation de la fenêtre du navigateur en zones horizontales

Pour séparer la fenêtre en plusieurs zones horizontales, vous devez utiliser l'attribut ROWS du marqueur <FRAMESET>. Le contenu de cet attribut décrit la hauteur de chaque colonne. Voici un exemple concret :

<HTML>
<HEAD>
<TITLE>Deuxième essai de frames</TITLE>
</HEAD>
<FRAMESET ROWS="30%,40%,30%">
       <FRAME SRC="presframes.htm">
       <FRAME SRC="presframes.htm">
       <FRAME SRC="presframes.htm">
</FRAMESET>
</HTML>

Dans cet exemple, la fenêtre du navigateur est séparée en trois lignes. La première ligne mesure 30% de la hauteur de la fenêtre, la deuxième ligne 40%, et la troisième ligne 30% (on peut aussi définir les hauteurs de lignes en pixels). Dans la première ligne c'est le document presframes.htm qui sera affiché, presframes.htm est affiché dans la seconde ligne, presframes.htm est affiché dans la troisième ligne.

Utilisation de * dans l'attribut COLS ou ROWS :

<FRAMESET COLS="25%,12%,*"> Le symbole * signifie que la troisième colonne occupera toute la place restante dans la fenêtre du navigateur.
<FRAMESET ROWS="*,*,*,*"> Les quatres lignes sont de taille égale, et occupent la totalité de la hauteur de la fenêtre du navigateur.

Il est possible de séparer la fenêtre d'un navigateur en plusieurs lignes et colonnes (encastrement de balises <FRAMESET> les unes dans les autres). Voici un exemple :

<HTML>
<HEAD>
<TITLE>Troisième essai de frames</TITLE>
</HEAD>

<FRAMESET ROWS="30%,40%,30%">
       
       <FRAME SRC="presframes.htm">
       
       <FRAMESET COLS="40%,*">
                    <FRAME SRC="presframes.htm">
                    <FRAME SRC="presframes.htm">
       </FRAMESET>
       
       <FRAME SRC="presframes.htm">
</FRAMESET>
</HTML>

Page d'accueil
Plan du site

Rubriques :

Documentations :

HTML

DHTML

JAVAScripts

WML (WAP)

Liens utiles :

Hébergement

Référencement

Web rémunéré