retour à la page d'accueil

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
pour m'écrire

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