COURS
Le calendrier des cours
Le cahier des charges
Méthode de travail
Les principes du html
Le traitement des images
Les liens
Les tableaux
Les bases du CSS
AIDE MEMOIRE
Les balises HTML
Dictionnaire CSS
Les noms des couleurs
Les codes de couleur hexadécimaux
Les images réactives
Comment faire neiger
Les fenêtres ou frames
Faire dérouler du texte
Liens utiles
|
|
Comment créer plusieurs fenêtres sur une page
1 / Principes généraux : la structure
d’une présentation avec fenêtres
Grâce aux cadres ("frames"), on peut afficher plusieurs fenêtres
sur l'écran, certaines fixes, d'autres rechargeables, ce qui permet par exemple
de garder un menu de navigation affiché en permanence.
Deux balises vont être nécessaires :
<FRAMESET>
pour définir le découpage de l'écran
<FRAME>
pour définir les propriétés générales de chaque zone définie.
2 / Le conteneur <FRAMESET>
<FRAMESET> s'utilise en
remplacement de la balise <BODY> et doit bien
entendu être fermé par la balise </FRAMESET>
lorsque toutes les fenêtres ont été définies.
La balise <FRAMESET> peut supporter deux
attributs :
ROWS="... , ..." pour un découpage en bandes horizontales.
COLS="... , ..." pour un découpage en bandes verticales
Les valeurs spécifiées entre les guillemets peuvent être exprimées en pixels ou
bien en %.
Le signe * équivaut à "ce qu'il reste".
3 / Le marqueur <FRAME>
Une fois que le découpage des différentes fenêtres est défini,
il faut spécifier ce que l’on trouvera dans chaque espace.
<FRAME> est le marqueur qui
permet de nommer la fenêtre et préciser le nom du document à charger. Voici ses
attributs :
SRC= précise le nom du document HTML à charger
NAME= donne un nom au cadre
SCROLLING= autorise ou non l’utilisateur à faire défiler le contenu de la
fenêtre. Les valeurs possibles sont NO, YES ou AUTO.
NORESIZE interdit à l’utilisateur de modifier le dimension du cadre.
4 / Exemples
<html>
<head>
</head>
<FRAMESET COLS="20%,*">
<FRAME SRC=”menu.html” NAME=”menu”>
<FRAME SRC=”accueil.html”NAME=”fenêtre”>
</FRAMESET>
</html>
ou bien pour des fenêtres imbriquées :
<head>
</head>
<FRAMESET COLS="25%,*">
<FRAME SRC=”menu.html” NAME=”menu”>
<FRAMESET ROWS=”60%,*”>
<FRAME SRC=”accueil.html” NAME=”fenêtre”>
<FRAME SRC=”publicité.html” NAME=”publicité”
NORESIZE SCROLLING=NO>
</FRAMESET>
</FRAMESET>
</html>
5 / Chargement d’un fichier à l’intérieur d’un cadre
Pour chaque appel de lien, il faut maintenant indiquer le cadre de destination du
fichier à charger.
Pour cela on précise l’attribut TARGET dans la balise <A HREF>
Exemple :
<A HREF= ’astuce.html’ TARGET=’fenêtre’> Astuces </A>
Lorsque l’on clique sur “Astuces”, la page “astuce.html” se charge dans
le cadre appelé ’fenêtre’.
L ‘attribut TARGET peut prendre aussi d’autres valeurs comme :
_BLANK :
le lien sera chargé dans une nouvelle fenêtre créée pour la circonstance.
_SELF :
le lien sera chargé dans la fenêtre où on place le lien.
_PARENT :
le lien sera chargé dans la fenêtre mère de la fenêtre actuelle.
_TOP :
le lien sera chargé dans la totalité de la fenêtre du navigateur
retour au haut de la page
| |