Les cadres ("frames" en anglais) sont un découpage de la fenêtre du navigateur. Chaque cadre est en fait un rectangle contenu dans une fenêtre principale et peut contenir une page WEB complète. Voici des exemples:
|
|
|
La réalisation des cadres est relativement simple. On utilise une page spéciale qui décrit la structure géométrique des cadres. Dans cette page, on remplace le corps du document (<BODY>...</BODY>) par un conteneur <FRAMSET>...</FRAMESET> qui contient les informations de découpage des cadres. La description et le contenu d'un cadre sont donnés par le conteneur <FRAME>...</FRAME>. Voici, par exemple, la page d'accueil du cours que nous allons expliquer en classe.
<!DOCTYPE html PUBLIC "-//W3C/DTD XHTML 1.0 Frameset//fr" "http://www.w3.org/TR/xhtml1-transitional.dtd"> <html> <head> <title>IFT1945 - Internet et création de pages WEB</title> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <script> if(window != top) { top.location = window.location; } </script> </head> <frameset rows="80,*,65" framespacing="0" border="0" frameborder="0"> <frame name="haut" scrolling="no" noresize target="droite" src="entete.htm"> <frameset cols="200,*"> <frame name="gauche" target="droite" src="menu.htm" scrolling="auto"> <frame name="droite" src="accueil.htm" target="droite"> </frameset> <frame name="bas" scrolling="no" noresize target="droite" src="enpied.htm"> <noframes> <body> <p>Cette page utilise des cadres, mais votre navigateur ne les prend pas en charge.</p> </body> </noframes> </frameset> </html> |
Pour identifier les cadres ont leur donne un nom (attribut NAME) qui nous servira de cible dans le conteneur <A>...</A> (attribut TARGET). Certains cadres particuliers sont prédéfinis en HTML:
Les cadres intérieurs permettent d'insérer une fenêtre à l'intérieur d'une autre. À titre d'exemple nous vous présentons ici le cours sur les listes qui se trouve, bien malgré lui emprisonné dans un cadre intérieur.
Malheureusement, votre navigateur ne permet par les cadres internes (<IFRAME>). L'utilisation des cadres intérieurs ressemble un peu à celle des images sauf en ce qui concerne le contenu qui est une page WEB. Ce concept de fenêtre dans une fenêtre a été généralisé avec l'arrivée de la balise OBJECT. Il faut noter que ce ne sont pas tous les navigateur qui peuvent traiter cette balise HTML. Il est aussi possible de donner un nom au cadre afin d'y afficher d'autres documents tout comme dans le cas de FRAME. Par exemple, on pourrait bien revenir au bases de HTML. Cette fonctionalité est très amusante mais il faut se méfier du syndrome du tableau qui montre le peintre en train de peindre le tableau qui montre le peintre ... Vous voulez essayer, ah bon. Regardons la page sur les cadres alors!
Ma page personnelle au DIRO est un exemple simple d'utilisation des cadres.
Vous pouvez aussi consulter un mini site que j'ai créé pour une présentation à la faculté de médecine dentaire.
Le chapitre 9 de votre manuel