2- FRAMESET : Les cadres en HTML

 L’utilisation des cadres en HTML permet d’afficher de façon dynamique une page WEB dans une autre page,

 Dans l’exemple donné

 2 cadres sont définis séparés par une ligne horizontale

 La section du HAUT présente l’observation qui va rester fixe tout au long de la navigation

 La section du bas représente les questions à poser, les commentaires suggérés et l’enseignement à tirer de l’observation,

• Son contenu va donc être en constante modification tout au long de la navigation

 La méthode des cadres (frameset) permet donc de s’en gratter une tranquillement sans faire bouger l’autre.

Pour réaliser cette page il faut créer 3 pages HTML

1. Le conteneur ou FRAMESET

1. La page du Haut

1. La page du Bas

 Seule la structure du Frameset est originale

 Les 2 autres page sétant des pages HTML classiques

 La Page du Frameset s’appelle index.html car c’est la page principale

 Le FRAMESET (ou jeu de cadres) se définit par la balise

FRAMESET

 Qui s’écrit de cette façon

 La balise FRAMESET ne s’intègre ni dans la section HEAD, ni dans la section BODY d’une page WEB

 Elle remplace simplement la section BODY

 Le conteneur FRAMESET va contenir autant de balises

FRAME

• Qu’il y a de cadres à intégrer

• • Dans notre exemple il y a 2 cadres

• • • L’un que nous nommerons "HAUT"

• • • Et l’autre "BAS"

 On remarque que FRAME est une balise "bancale",

• Car toute balise HTML ouverte doit TOUJOURS être refermée,

 et il faudrait logiquement écrire

 Cependant HTML est un langage ROBUSTE, qui est fait pour les débutants, il sait donc s’adapter à ces petites entorses syntaxiques

 Le cadre du Haut va pointer sur ma PAGE d’Observation

 Le cadre du bas sur celle de Navigation

 J’alimente donc l’argument SRC (source) du FRAME

 Je dois maintenant préciser comment je veux que mes 2 sous-pages s’affichent dans ma page pricipale

 L’une AU DESSUS DE l’autre (ROW) = rangée

• par opposition à COL = Colonne

 Séparées par une ligne noire de 1 pixel

 Le cadre du haut occupant 70% de l’espace