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ètresignification
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