Documents multi-cadres :
Généralité :
Le Frame est une fenêtre composée de plusieurs cadres. Souvent, on trouve un cadre pour le menu et un autre pour afficher le contenu des liens.
La structure générale d'un document multi-cadres est donc de la forme suivante :
<html>
<head>-----------------</head>
<frameset> Définition de la division en cadres et des documents à afficher dans chacun d'eux.
</frameset>
<html>
- La balise <frameset> ne peut comporter que l'un des attributs Rows ou Cols <lignes ou colonnes).
- Pour pouvoir poursuivre la subdivision en formes, il faut alors imbriquer d'autres commandes <frameset> à l'intérieur de la première.
Un exemple simple :
On veut diviser la fenêtre en 2 colonnes principales
Les principales balises
Cette balise divise la fenêtre en plusieurs fenêtres
- Paramètres ROWS et COLS permettent de partager la fenêtre horizontale ou verticale. Ils sont suivis d'une liste e valeurs séparées par des virgules, qui détermine le fractionnement de la fenêtre.
Exemple :
- ROWS = "30%,70%" signifie un partage en 2 rangées dont les hauteurs sont les 30% et 70% de la hauteur disponible.
<html>
<head>-----------------</head>
<frameset cols="50%","50%">
<Frame src ="fichier1.html">
<Frame src ="fichier2.html">
</frameset>
</html>
- COLS = "10%, * , 2 *" signifie un partage en 3 colonnes de largeurs 10% , 30% et 60%.
<FRAME SRC ="fichier.html"> </FRAME>
Définit le contenu d'un cadre. Si le fichier n'est pas local, il faut indiquer l'URL du document à afficher.
- NAME : précise le nom du cadre
- SCROLLING = "yes"/"no"/"auto» : impose ou non la présence de barre de défilement.
- NORSIZE : interdit la modification de taille par l'utilisateur.
Les liens dans les cadres
En l'absence d'indication complémentaire, on doit indiquer l'adresse du document : <A HREF = "adresse d'un document "> …</A> qui s'affichera dans le même cadre.
Si on veut afficher le document dans un autre cadre, il faut préciser le nom du cadre de destination : <A HREF = "fichier.html" TARGET = "cadre2"> …</A>
Exemple :
<frameset cols="50%","50%">
<Frame src ="fichier1.html" name ="cadre1">
<Frame src ="fichier2.html" name ="cadre2">
</frameset>