aide HTML:Les Cadres

Les Cadres (Frames)

Conseils à lire avant l'utilisation des cadres, d'images et la navigation

Pour présenter une page HTML avec des cadres (ou Frame) on dispose des balises suivantes:

<FRAMESET ROWS(ou COLS)=arg [border=N]>...</FRAMESET> marquent le début et la fin du "découpage" de la page en cadres:

- l'attribut ROWS=argument permet de définir un découpage en lignes. L'argument donne la liste des tailles des différentes lignes, ces tailles sont exprimées en pixels (exemple ROWS="100,100,200") ou % (exemple ROWS="30%,70%"). On peut également utiliser le symbole * pour indiquer que la ligne prend la place restante (exemple ROWS="30%,*" la deuxième ligne occupe alors les 70% restant de la fenêtre).
- l'attribut COLS=argument permet de définir un découpage en colonnes. L'argument donne le même type d'informations que pour ROWS.
- l'attribut optionnel Border=N permet de définir l'espacement entre 2 lignes (ou colonnes)

<FRAME NAME="nom" SRC="fichier" [scrolling="yes(no,auto)"] [NORESIZE]> permet de définir un cadre dans la page (il y en aura donc autant que l'éléments dans la liste donnée lors de la déclaration)

- l'attribut NAME="nom" permet de donner un nom au cadre (ceci sera utilisé lors de la navigation (voir remarque ci-dessous)).
- l'attribut SRC="fichier (ou chemin d'accès au fichier)" donne l'indication du fichier à ouvrir dans le cadre.
- l'attribut optionnel scrolling="yes(no,auto)" permet d'indiquer si les ascenseurs sont visibles, invisibles ou affichés en fonction de la taille de la fenêtre.
- l'attribut optionnel NORESIZE permet d'empêcher le redimensionnement de la fenêtre.
Remarques:

On peut imbriquer plusieurs définitions de découpage en cadres dans une même page (voir exemple1 ci-dessous), ce qui permet d'effectuer un "découpage plus fin" de la page.
Lors de la navigation, on peut demander l'ouverture d'une page dans un cadre différent de celui ou l'action est demandée. Pour cela on indique quel est le cadre "cible" en utilisant l'attribut TARGET lors de la demande d'ouverture avec le nom donné au cadre lors de sa définition (voir Exemple2)
On peut également charger dans les cadres des pages définissant d'autres cadres, mais la navigation devient plus délicate.

Exemple1:

L'écriture des lignes suivantes

permettra la visualisation de:

Contenu du fichier "CADRES.html"
(fichier ouvert dans le navigateur)
<html>

<head>

<title>essai frame</title>

</head>
<FRAMESET ROWS="30%,*">

<FRAME NAME="haut" SRC="haut.html">
<frameset cols="144,*">

<frame name="gauche" src="GAUCHE.html">
<frame name="principale" src="CENTRE.html">

</frameset>

</FRAMESET>
</html>

Contenu du fichier "HAUT.html"
<html> <body> <div align="center"> <p>ceci est le texte du fichier HAUT.html</p>
</div> </body> </html>
Contenu du fichier "GAUCHE.html"
<html> <body> <p>ceci est le texte du fichier GAUCHE.html</p>
</body> </html>

Contenu du fichier "CENTRE.html"
<html> <body> <div align="center"> <p>ceci est le texte du fichier CENTRE.html</p>
</div> </body> </html>

Exemple2:

L'écriture des lignes suivantes

permettra la visualisation de:

Les contenus des fichiers "CADRES.html" et "GAUCHE.html" étant inchangés voici le nouveau contenu du fichier "HAUT.html"
<html> <body> <p>l'appui sur <a target="principale" href="CENTRE2.html">IMAGE</a> permet d'ouvrir la page CENTRE2.html dans la fenêtre principale.</p>
</body> </html>

Après appui sur le lien "IMAGE" on obtient:

Contenu du fichier "CENTRE2.html" étant:
<html> <body> <div align="center"> eh voici l'image <p><img src="ChBr.gif" alt="" height="144" width="200" border="0"></p>
</div> </body> </html>

Auteur: Philippe Moreau