Sie sind auf Seite 1von 3

Ralisation dun site WEB (Deuxime partie)

1- Suite sur les balises HTML : les FRAMES Netscape a introduit la possibilit de diviser la fentre du navigateur en plusieurs panneaux ou cadres indpendants (en anglais, frames), contenant chacun un document HTML diffrent. Cette extension a ensuite t intgre dans la norme HTML. Ceci s'avre trs pratique ( condition de ne pas en abuser) notamment pour afficher un sommaire fixe dans l'un des panneaux (souvent plac verticalement gauche de l'cran). Le document principal, dans lequel est dfinie la structure multi-cadres, est un document HTML normal la diffrence que la balise BODY est remplace par la balise FRAMESET dans laquelle la division de la fentre est dcrite. A l'intrieur de cette balise on trouve une srie de balise FRAME dont chacune dfinit un cadre avec un paramtre SRC pour indiquer l'adresse (URL) du document HTML afficher dans ce cadre. Le marqueur FRAMESET peut ventuellement tre suivi par un marqueur NOFRAMES contenant une version du document destin aux navigateurs qui ne savent pas afficher les multi-cadres. Par contre, le contenu de cette partie n'est pas affich si le navigateur a correctement interprt les cadres multiples.

2- Structure gnrale d'un document multi-cadres


<HTML> <HEAD> ... </HEAD>

<FRAMESET> Dfinition de la division en cadres et ... des documents afficher dans chacun d'eux </FRAMESET> <NOFRAMES> <BODY> Document alternatif pour les navigateurs ... ne supportant pas la division en cadres. </BODY> </NOFRAMES> </HTML>

La balise <FRAMESET> ne peut comporter que l'un ou l'autre des attributs ROWS ou COLS permettant ainsi de diviser la fentre du document principal, respectivement en lignes OU en colonnes. Pour pouvoir poursuivre la subdivision en frames de la division dj cre, il faut alors imbriquer d'autres commandes <FRAMESET> l'intrieur de la premire.

Page 1

Exemple :
<FRAMESET></FRAMESET> <FRAMESET rows= "x%", "y%", " <FRAMESET cols= "x%", "y%", " <FRAMESET src="fichier.htm"> <NOFRAMES></NOFRAMES> <FRAME> Dfinit une structure de frames (remplace alors le tag <BODY> </BODY> Division horizontale de la fentre en % Division verticale de la fentre en % Fichier affich dans une fentre de frames Contenu pour les browsers non prvus pour les frames Dfinit une frame individuelle dans une structure de frames (FRAMESET)

<FRAMESET COLS="20%, 80%"> <FRAME SRC="frame1.htm" NAME="gauche"> <FRAME SRC="frame2.htm" NAME="droite"> </FRAMESET> <FRAMESET ROWS="80%, 20%"> <FRAME SRC="frame1.htm" NAME="haut"> <FRAME SRC="frame2.htm" NAME="bas"> </FRAMESET>

1 2 2 1 3

<FRAMESET ROWS="20%, 80%"> <FRAME SRC="frame1.htm" NAME="gauche"> <FRAMESET COLS="50%, 50%"> FRAME SRC="frame2.htm" NAME="droit_haut"> <FRAME SRC="frame3.htm" NAME="droit_bas"> </FRAMESET> </FRAMESET>

Paramtres de <FRAME>
<FRAME SCR = "fichier.htm "> - dfinit le contenu d'un cadre (dont la dimension a dj t dfinie). Si le fichier n'est pas local, il faut indiquer l'URL du document afficher. <NAME = "nom du cadre" > SCROLLING = "yes" | "no" | "auto" - impose ou non la prsence de barre de dfilement. Si on choisit SCROLLING = "auto" , les barres de dfilement apparatront en cas de besoin. NORESIZE = interdit la modification de la taille par l'utilisateur (par dfaut, tous les cadres sont modifiables).

Paramtres de <FRAMESET>
BORDER= BORDERCOLOR= COLS= ROWS= FRAMEBORDER= FRAMESPACING= dfinit lespace entre les frames dfinit la couleur de lespace entre les frames dfinit une srie des frames en colone. Chaque lment de la liste est spar par une virgule et donne la taille initiale de la colonne dfinit la liste des frames crer. Chaque lment de la liste est spar par une virgule et donne la taille initiale de la ligne permet dencadrer les frames permet de rajouter de lespace entre les frames (en pixels)

Page 2

3- Liens entre les frames En l'absence d'indication complmentaire, une marque habituelle d'hyperlien <A HREF=" adresse d'un document" > .... </A>, place dans un cadre commandera l'affichage de ce document l'intrieur du cadre mme. Si l'hyperlien doit provoquer l'affichage dans un autre cadre, il faut prciser le nom du cadre de destination, indiqu comme valeur du paramtre TARGET

Ainsi : <A HREF=" doc1.htm" TARGET = "cadre3" >voir ce document </A> affichera le document doc1.htm dans le cadre nomm cadre3. NB ! Il existe 4 noms pr-dfinis : _blank ouvre le lien dans un nouveau navigateur _self ouvre le lien dans la frame courante _parent ouvre le lien dans la frame "mre". (il est possible dimbriquer les frames) _top ouvre le lien en pleine page Exemple : <A HREF="lien.html" TARGET="_blank"></A>

Implanter une structure de frames sur votre site. Par exemple :


Fichier3.htm

Fichier1.htm

Fichier2.htm

Lorsque l'utilisateur clique sur le lien "A propos de ce site" le fichier correspondant s'affiche dans le cadre en bas droite.

Page 3