Webelix.net :: HTML - Les frames (page3) : Exercice

Vous êtes ici : Home Page

Cours

HTML

Les frames 3

Imprimer

Informations Membres

	[195] Posts sur le forum
	[177] Membres inscrits

Il y a en ligne :

0 Membre

0 Invité

Membre en ligne:
Aucun

Partenariat

Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers. Rendez-vous dans « Partenariat » pour en savoir plus.

Nom de domaine

Partenaires

Les frames (page3) : Exercice

Donnée de l'exercice

Réaliser le "frameset" illustré par la copie d'écran ci-dessous :

la zone de "pied de page" doit avoir 30 pixels de haut, et cette hauteur doit pas être modifiable ; cette zone ne doit pas avoir d'ascenseurs
la zone de "navigation" doit avoir 160 pixels de large, et cette largeur doit pouvoir être modifiable
les zones de "navigation" et de page proprement dite doivent avoir des ascenseurs si nécessaire
les bordures entre frames doivent avoir 2 pixels de large
donnez des couleurs de fond différentes à chacun de ces frames
lorsque l'on clique sur "111" ou "222" dans le frame de navigation, la page correspondante doit s'afficher dans la zone de page ; par contre lorsque l'on clique sur "back" la page correspondante doit remplir toute la fenêtre Netscape
prévoir le cas où le browser attaquant ce frameset n'implémente pas le mécanisme des frames en renvoyant sur la page de "navigation"

Corrigé de l'exercice

Cliquez ici pour faire apparaître ce frameset dans votre navigateur...

Fichier "frameset.html"

<html>
<head>
   <title>Exercice HTML : Définition d'un frameset</title>
</head>
<frameset rows="*,30" border="2">

  <frameset cols="160,*">
      <frame src="frame_navig.html" name="navig">
      <frame src="frame_page.html" name="page">
  </frameset>

  <frame src="frame_pied.html" noresize scrolling="no" marginheight="1" marginwidth="1" name="pied">

  <noframe>
    <strong>Attention</strong> : ce document contient des "frames" que votre navigateur WEB n'est
    pas capable d'interpréter. Utilisez Netscape Navigator (version 2 ou sup.) ou
    Microsoft Internet Explorer (version 3 ou sup.) ; sinon,
    <a href="frame_navig.html"><strong>suivez ce lien</strong></a>.
  </noframe>

</frameset>
</html>

Fichier "frame_navig.html"

<html>
<head>
   <title>Exercice HTML : frame de navigation</title>
</head>
<body bgcolor="yellow">

<center>
<strong>Frame de navigation</strong>
</center>

<p><hr width="60%" size="1"><p>
<ul>
	<li><a href="111.html" target="page">111</a>
	<li><a href="222.html" target="page">222</a>
</ul>
<p><hr width="60%" size="1"><p>

</body>
</html>

Fichier "frame_page.html"

<html>
<head>
   <title>Exercice HTML : frame de bienvenue</title>
</head>
<body bgcolor="white">

<center><strong>Frame de bienvenue</strong></center>

</body>
</html>

Fichier "frame_pied.html"

<html>
<head>
   <title>Exercice HTML : frame de pied de page</title>
</head>
<body bgcolor="gray">

<center><strong>Pied de page</strong></center>

</body>
</html>

Les 6 dernières pages de Cours et Dossiers ajoutées