Untitled Document

Les frames

Il est possible de scinder une fenêtre verticalement ou horizontalement en 2 ou plusieurs parties.
Dans chacune de ces parties viendra s'insérer une page html.

Lorsqu'on crée une page contenant des frames celle-ci ne doit pas contenir les balises <body>...</body>!!!.
Cette remarque n'est pas valable pour les iframe.

division horizontale :

<html>
<head>
<title> frames horizontales</title>
</head>
<frameset rows="20%,80%">
<frame src="page1.html" name="zone1">
<frame src="page.html" name="zone2">
</frameset>
</html>

division verticale :

<html>
<head>
<title>frames verticales</title>
</head>
<frameset cols="20%,80%">
<frame src="page1.html" name="zone1">
<frame src="page2.html" name="zone2">
</frameset>
</html>

partage avec bannière et sommaire :

<html>
<head>
<title> partage avec banière est sommaire</title>
</head>
<frameset rows="20%,80%">
<frame src="page1.html" name="zone1">
<frameset cols="20%,80%">
<frame src="page2.html" name="zone2">
<frame src="page3.html" name="zone3">
</frameset>
</frameset>
</html>

partage avec hiérarchie imbriquée :

<html>
<head>
<title> partage avec hiérarchie imbriquée</title>
</head>
<frameset cols="20%,80%">
<frame src="page1.html" name="zone2">
<frameset rows="20%,80%">
<frame src="page2.html" name="zone1">
<frame src="page3.html" name="zone3">
</frameset>
</frameset>
</HTML>

Liens entre cadres:

Par défaut un navigateur ouvrira la page correspondant au lien dans la même fenêtre que celle du lien.
Pour forcer cette commande il faut utiliser l'attribut TARGET dans le tag du lien.

Exemple :

TARGET indique le nom du cadre cible où devra s'afficher le fichier html.

_blank : ouvre une nouvelle fenêtre pour afficher la page

_self : affiche dans la même fenêtre (par défaut)

_parent : affiche dans le cadre supérieur.

Les attributs:

Les attributs peuvent se cummuler.

L'attribut frameborder :
Cet attribut permet de déterminer si les cadres auront ou n'auront pas de bordure. Il a deux valeurs yes ou no.

frameborder=yes ou frameborder=no

L'attribut border :
Cet attribut permet de déterminer la taille des bordures entourant les cadres. Il peut prendre plusieurs valeurs ex: border=n, n étant une valeur en pixels définissant la taille de la bordure. La valeur 0 indique aucune bordure.

border=0 ou par exemple border=5

L'attribut bordercolor :
Cet attribut permet de déterminer la couleur de l'ensemble des bordures des cadres. Il suffit pour cela de spécifier une couleur sous forme de nom ou de sa valeur hexadécimale .

bordercolor="red" ou bordercolor="#ff0000"

L'attribut framespacing :
Cet attribut permet de déterminer un espace entre les cadres. Il peut prendre plusieurs valeurs ex: framespacing=n, n étant une valeur en pixels définissant l'espace entre les cadres. La valeur 0 indique aucun espace.

framespacing=0 ou par exemple framespacing=5

Les attributs marginwidth et marginheight :
- marginwidth permet de spécifier la grandeur des marges de gauche et de droite du cadre créé, la valeur doit être exprimée en pixels, elle peut avoir comme valeur 0.
- marginheight permet de spécifier la grandeur des marges de haut et de bas du cadre crée, la valeur doit être exprimée en pixels, elle peut avoir comme valeur 0.

L'attribut noresize :
En utilisant cet attribut, vous interdisez à l'utilisateur de redimensionner les cadres. Par défaut les cadres peuvent être redimensionnés

L'attribut scrolling:
Cet attribut permet d'attribuer ou non une barre de défilement (scrollbar) à un cadre. Il possède trois valeurs :
- yes : Indique que la barre de défilement sera toujours visible
- no : Indique que la barre de défilement ne sera jamais visible (à tester avant de l'utiliser)
- auto : Indique que le navigateur déterminera si la barre de défilement est nécessaire

iframe :

Une iframe est une frame inline. A utiliser avec les mêmes précautions que les frames. Voir plus puisque Netscape ne l'accepte que depuis sa version 6.
Les sous-fenêtre en ligne ne sont pas redimensionnables par l'utilisateur.
Elle possède en plus les attributs height et width qui déterminent la hauteur et la largeur du cadre inséré dans votre page. Valeur en pixels ou en %.

Exemple :

Si vous cliquez sur ce lien ici, Vous verrez que la page dans l'iframe change.

La règle : <a href="http://users.skynet.be/caroca/interview/video.htm" target="zonei">