Comment réalisé des frames en HTML ?

FRAMES

Comment réalisé des frames en HTML ?
Nous allons voir comment réalisé notre exemple. Cela s’appliquera ensuite très facilement à toutes les situations.
<HTML>
<HEAD> <TITLE>TITRE</TITLE> </HEAD>
<FRAMESET COLS= »150,* »>
<FRAME NAME= »menu » SRC= »menu1.html »> <FRAME NAME= »main » SRC= »main1.html »>
</FRAMESET>
</HTML>
Ouverture de la page HTML
En-tête du fichier
On précise que l’on va faire des frames. COLS signifie qu’elles seront disposées en colonnes.
Ici, c’est la première frame avec son nom et l’adresse Ici, c’est la deuxième frame.
On ferme notre page à frames
On ferme la page HTML
Ce tableau montre comment réaliser le fichier qui gère toutes les pages. En effet, pour faire une page en 2 frames, il faut 3 fichiers : 1 fichier pour chaque frame et un fichier pour gérer l’ensemble des frames. L’en-tête du fichier ne change pas par rapport à un fichier HTML classique. Il faut juste mettre la balise <TITLE> ici car les balises <TITLE> de chaque frame ne servira plus à rien. Seul, la balise placée dans ce fichier servira.
Ensuite, la balise <FRAMESET> accepte 2 attributs : COLS= »… » et ROWS= »… ». COLS signifie que les frames seront disposées en colonnes et ROWS signifie qu’elles seront disposées en lignes. Il serait sans intérêt de mettre les 2 attributs en même temps car on ne peut pas mettre à la fois des frames en ligne et en colonne en même temps ! La valeur qu’acceptent ces 2 attributs est en fait la largeur (ou la hauteur) des frames. Il se présente toujours de la forme « X,Y,Z,… ». Il y aura autant de valeurs que de frames. Dans notre exemple, il y a 2 valeurs (150 et *) car il y a 2 frames. La largeur est exprimée en pixel ou en pourcentage. (par exemple « 150 » pour 150 pixels ou « 10% » pour une frame qui fait 10% de la fenêtre). La valeur * signifie « la place restante sur la fenêtre ». En effet, si on prends dans notre exemple, une largeur de fenêtre de 800 pixels, le menu sera de 150 pixels et le contenu (« main ») sera de 800-150=650 pixels. Cette valeur est pratique car si un autre Internaute qui a une configuration d’écran de 1024 arrive sur le site, la page « main » sera automatiquement redimensionnée : 1024-150=874 pixels. Les pourcentages ne sont quasiment pas utilisés car comme on l’a vu, le but des frames est de faire la plupart du temps un menu fixe.
Enfin, il faudra mettre autant de balise <FRAME> que de frames voulues. La balise <FRAME> est toujours utilisée avec ses 2 attributs NAME= »… » et SRC= »… ». NAME= »… » sert à spécifier le nom de la frame et SRC= »… » sert à spécifier l’adresse de la page HTML qui sera afficher dans la frame.
Les fichiers désignés par les balises <FRAME> sont des fichiers HTML standard. Il n’y a rien à rajouter dedans. Tous les paramètres des frames sont contenus dans le fichier que l’on a étudié précédemment.
Les liens dans les frames
Dans l’exemple, si l’on veut que lorsqu’on clique sur « lien main », la page désignée par ce lien (par exemple « menu2.html ») s’ouvre dans la frame « menu », il faut utiliser la balise de lien suivante : <A HREF= »menu2.html » TARGET= »main »>lien main</A> C’est l’attribut TARGET= »… » qui permet de désigner la frame où l’on veut que la page s’ouvre.
Pour d’autres renseignements, reportez-vous au cours sur les liens.

LIRE AUSSI :  Développement web pour mobiles: Les bases du HTML

Cours gratuitTélécharger le cours complet

Télécharger aussi :

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *