LES FRAMES

Les frames découpent votre page en plusieurs fenêtres.
Il ne faut pas abuser des frames même si cela parait plaisant au premier abord: le temps de chargement est inutilement prolongé.
C'est surtout utile pour faire apparaître en permanence un menu sur une partie (gauche) de son écran.

Pour créer des frames, on utilise les tag < frameset > et < /frameset >
Le tag FRAMESET servira à définir le tag{dimensions des colonnes (cols) ou des lignes (rows)}.
< FRAMESET rows="40%,60%" > par exemple créera 2 fenêtres verticales de 40%de largeur pour la première et 60% pour la deuxième.
Mais il faut définir diverses caractéristiques pour chaque frame, avec le tag < FRAME scr="" >.
Tout d'abord, on indique le fichier HTML qui sera affiché avec SRC="fichier1.html".
Ensuite, il faut le nommer si l'on désire le retrouver et on le fait avec le tag < NAME ="" >.
< frame src="fichier1.htm" name="nom1" >
< frame src="fichier2.htm" name="nom2" >
et il ne faut pas oublier :< /frameset >

On peut imbriquer les frames les unes dans les autres, avec le même principe de construction:
Par exemple, avec 4 fenêtres de tailles différentes:
< HTML >
< HEAD >
< TITLE >< /TITLE >
< /HEAD >
< frameset cols="60%,*" >
< frameset rows="40%,*" >
< frame src="fichier1.htm" name="nom1" noresize>
< frame src="fichier2.htm" name="nom2" >
< /frameset >
< frameset rows="60%,30%" >
< frame src="fichjer3.htm" name="nom3" scrolling="no" >
< frame src="fichier4.htm" name="nom4" scrolling="yes" >
< /frameset >
< noframes >
< body >
< p >Cette page est conçue pour visualisation dans un navigateur qui gère les cadres (Frames) Netscape.
Ce texte s'affiche dans les navigateurs non compatibles avec cette extension.< /p >
< /body >
< /noframes >
< /HTML >

Remarques: On peut utiliser le symbole *(joker) pour indiquer que l'on désire le complément.
C'est utile car la page est différente selon le navigateur et l'espace restant, d'une taille + ou - grande.
On peut utiliser également des valeurs absolus( en pixels).
Un attribut, noresize, empêche la modification de la frame.
< noframe >et < /noframe > serve à mettre un texte explicatif dans un body, pour les navigateurs anciens!
Scolling="yes" ou "no" indique si l'on désire des barres de défilement ou non!
L'absence de scrolling signifie "yes"
La page des frames se construit sans le "BODY"...donc sans texte affichable...

CLIQUEZ pour voir ce que cela donne.

Cela peut paraître agréable à voir mais lourd à charger....

La plus courante des frames ressemble à:
CECI:

< HTML >
< HEAD >
< TITLE >FRAMES< /TITLE >
< /HEAD >
< frameset cols="20%,*" >
< frame src="fichier5.htm" name="nom1" >
< frame src="fichier6.htm" name="nom2" >
< /frameset >
< BODY >
< /BODY >
< /HTML >

Avec le "fichier5" ainsi construit:

< HTML >
< HEAD >
< TITLE >nom5< /TITLE >
< /HEAD >
< BODY BGCOLOR="#FFFFFF" >
< B >< FONT SIZE=+2>MENU< /FONT >< /B >< BR >< BR >
1. < A HREF="fichier6.htm" target="nom2">Accueil< /A >< BR >
2. < A HREF="fichier7.htm" target="nom2">Page 1< /A >< BR >
3. < A HREF="fichier8.htm" target="nom2">Page 2< /A >< BR >< BR >
ETC...
< /BODY >
< /HTML >

Remarque 1: RAPPEL

paramètre	signification
FRAMESET	Remplace BODY et définie les colonnes et lignes
FRAMESET COLS="x%"	Définit la largeur à x% de la fenêtre
FRAMESET COLS="60%,40%"	Divise en deux sous fenêtres de taille différente
FRAMESET ROWS="x%"	Définit la taille de la fenêtre horizontale
MARGINWIDTH	Définit la largeur des sous-fenêtres
MARGINHEIGHT	Définit le hauteur des sous-fenêtres
SCROLLING="yes/no/auto"	Affiche ou non les barres de défilement
FRAMEBORDER="yes/no"	Frames visibles ou non
BORDERCOLOR=green,bleu,red...	Bord de frame en couleur
BORDER	Définit l'épaisseur du bord de frame
target="_parent"	fenêtre externe, charge l'URL dans frameset actuelle
_self	la même fenêtre, charge l'URL par défaut
_blank	nouvelle fenêtre, charge l'URL dans nouvelle fenêtre
_top	plein écran, charge l'URL dans la totalité de la fenêtre

Remarque 2:quelques couleurs

code H;	couleur
#FF0000	Rouge
#990000	Rouge Foncé
#00CC00	Vert
#006600	Vert Foncé
#FFFF00	Jaune
#FFCC00	Jaune Foncé
#0000FF	Bleu
#00CCFF	Bleu Ciel
#FF00FF	Magenta
#00FFFF	Cyan
#FFFBF0	Crème
#FFFFFF	Blanc
#000000	Noir