 |
|
|
|
|
||
|
Il est possible de scinder verticalement ou horizontalement une fenêtre en 2 ou plusieurs parties. Dans chaqu'une de ces parties viendra s'insérer un fichier html. L'unique souci, de ces séparation que l'on appelle frames ou iframes, est que ces frames peuvent causer un mauvais référencement de vos pages à travers les moteurs de recherche tels que Goggle, Msn Search, Altavista.
------------------------------------------------------------------------------------------------------------------------------------------------
9. Cadres
9.1) Cadre à division verticale
La structure d'une page formée par différents cadres est pratiquement la meme que celle d'une normale page html. L'unique différence est que la balise <body> est remplacées par la balise <frameset>
Syntaxe :
<html> </head> <frame src="menu.html" name="menu" > </frameset>
<html> |
<frameset cols="20%,80%"> : 20%,80% permet d'orienter la taille des cadres pour 2 cadres verticales et cols de séparer la page en colonnes
<frame src ="menu.html"> : s'occupe d'aller chercher la page contenant le menu
<frame src ="contenu.html"> : s'occupe d'aller chercher le contenu de la page
Bien sur il est possible des remplacer par des noms différents les fichiers "menu.html" et "contenu.html"
Exemple :
9.2) Cadre à division horizontale
L'attribut cols peut être remplacé par rows pour obtenir une séparation horizontale. La valeur attribuée correspond à la taille du cadre par rapport à la largeur de la page
Syntaxe :
<html> </head> <frame src="head.html" name="haut" > </frameset>
<html> |
Exemple :
9.3) Cadre avec banniaire et sommaire
Syntaxe :
<html> </head> <frame name ="banniere" scrolling="no" noresize target="sommaire"> </frameset>
<html> |
La commande Scrolling avec l'attribut Yes ou No permet d'autoriser ou non une barre de défilement.
Exemple :
9.4) Cadre avec hiérarchie imbriquée
Syntaxe :
<html> </head> <frame name ="sommaire" src="sommaire.html"> </frameset>
<html> |
Exemple :
9.5) Attribuer un nom à un cadre
Pour pouvoir faire des liens d'un cadre vers un autre, il faut leur donner des noms. Il est conseillé d'attrbuer un nom significatif (haut, bas, gauche, droite...).
Syntaxe :
<frame src="fichier.html" name="droite"> |
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.
Syntaxe :
<a href ="fichier.html" target="option"> |
Les différentes options :
------------------------------------------------------------------------------------------------------------------------------------------------
