Créer sa page
perso
|
|
Page -
26
|
Fichier avec 3 et 4
cadres
Pour comprendre comment bâtir un fichier comprenant 3
cadres, il est indispensable d'avoir déjà
consulté les principes de base et de construction d'un fichier
avec 2 cadres, c'est-à-dire à partir de la page
20.
Vous reprenez la structure de base, page 21 et vous y
ajoutez un cadre horizontal soit en haut (ou en bas), ce dernier
recevant très souvent un bandeau publicitaire, ou une
information de votre choix .....peu importe son contenu, mais il va
réduire d'autant la partie de visualisation consacrée
au contenu principal placé à droite.
fig.1 
Code du fichier de base
Il s'agit du fichier (en bleu clair sur le
schéma ci-dessus) qui sert de conteneur aux Cadres.
|
<HTML>
<HEAD>
<TITLE>Fichier 3 cadres</TITLE>
</HEAD>
<FRAMESET
ROWS="15%,*" FRAMEBORDER=1>
<FRAME SRC="pub.htm"
NAME=haut MARGINWIDTH=0 MARGINHEIGHT=0
FRAMEBORDER=1>
<FRAMESET
COLS="22%,*" FRAMEBORDER=1>
<FRAME SRC="menu.htm"
NAME=gauche MARGINWIDTH=0 MARGINHEIGHT=0
FRAMEBORDER=1>
<FRAME
SRC="accueil.htm"
NAME=droite MARGINWIDTH=0 MARGINHEIGHT=0
FRAMEBORDER=1>
</FRAMESET>
</HTML>
|
En rouge : le tag
spécial pour l'emplacement des cadres, horizontaux et/ou
verticaux.
En marron : le nom des fichiers
positionnés à l'ouverture du conteneur.
En noir : désignation des emplacements destinés
à recevoir les fichiers correspondants;
Conclusion
Vous pouvez poursuivre à l'infini ou presque l'imbrication
des cadres sur un fichier conteneur et même en inclure dans des
cadres déjà en place.
Mais, attention, outre le fait de réduire le champ
de vision de chaque cadre vous dispersez l'attention du visiteur qui
va finir par s'y perdre, ne plus retrouver le départ et
finalement s'en aller.... et certainement ne jamais revenir.
Exemple
4 Cadres (Frames)
fig.2 
Voici pour exemple le code d'un fichier qui regroupe : le
logo + le bandeau pub + le menu + +le fichier contenu qui à
l'ouverture sert d'accueil.
|
<HTML>
<HEAD>
<TITLE>4
Frames</TITLE>
</HEAD>
<FRAMESET ROWS="12%,* "
FRAMEBORDER=1> ( pour diviser le fichier en 2 cadres
horizontaux )
<FRAMESET COLS="20%,* "
FRAMEBORDER=1> ( pour diviser le cadre
supérieur en deux cadres verticaux )
<FRAME SRC="logo.htm" NAME="babord"
SCROLLING=no MARGINWIDTH=6 MARGINHEIGHT=1
FRAMEBORDER=1>
<FRAME SRC="pub.htm" NAME="tribord"
SCROLLING=no MARGINWIDTH=12 MARGINHEIGHT=1
FRAMEBORDER=1>
</FRAMESET>
<FRAMESET COLS="20%,* "
FRAMEBORDER=1> ( pour diviser le cadre
inférieur en deux cadres verticaux )
<FRAME SRC="menu.htm" NAME="gauche"
SCROLLING=no MARGINWIDTH=3 MARGINHEIGHT=1
FRAMEBORDER=1>
<FRAME SRC="contenu.htm" NAME="droit"
SCROLLING=no MARGINWIDTH=12 MARGINHEIGHT=5
FRAMEBORDER=1>
</FRAMESET>
</HTML>
|
TARGET=_parent
A utiliser avec attention !
1- Supposez que
dans le cadre Pub vous créez un lien portant sur le mot
Exemple : avec l'attribut TARGET="tribord", et
vous allez voir le fichier Pub remplacé par celui de Logo.
<HTML>
<HEAD>
<TITLE>Publicité</TITLE>
</HEAD>
<BODY BGCOLOR="#6699CC">
<P ALIGN=center><FONT SIZE="+2"
FACE="Arial"><B>Pub</B></FONT>
<P><A HREF="logo.htm"
TARGET="tribord">Exemple</A>
</BODY>
</HTML>
2-
Supposez maintenant que dans le même cadre
Pub vous créez le même lien à la
différence que vous remplacez tribord
par TARGET=_parent :
<P><A HREF="logo.htm"
TARGET="_parent">Exemple</A>
et le fichier logo.htm qui est appelé par le lien va alors
s'afficher en pleine page, tout seul. Attention,
prévoir un lien sur ce fichier Logo si vous le souhaitez
pouvoir revenir au départ :
<A HREF="index.htm">retour</A>
Sommaire Page perso
Tous
droits réservés © 1997-2002.
aidenet.com
|
