Démo Menu Frames 1

Découpage horizontal
Première opération: découpage de la page en cinq frames horizontales (page mère ici), le titre, les boutons, le centre, le bas et le reste.
titre (TARGET="titre")
découpage des boutons (TARGET="menu")
découpage du corps (TARGET="corp")
bas (TARGET="bas")
reste (TARGET="bas2")

Découpage des boutons
Ensuite, on peut éventuellement procéder au découpage des boutons (page mère ici) en s'en prenant à la frame de nom "menu".
titre
remplissage menu1
(TARGET="m1")
menu2
(TARGET="m2")
menu3
(TARGET="m3")
remplissage
corps
bas
reste (TARGET="bas2")

Découpage du corps
Puis, tronçonnons le corps (page mère ici).
titre
remplissage menu1
(TARGET="m1")
menu2
(TARGET="m2")
menu3
(TARGET="m3")
remplissage
remplissage g
a
u
c
h
e
texte menu 1
texte menu 2
texte menu 3
(TARGET="texte")
d
r
o
i
t
e
remplissage
bas
reste (TARGET="bas2")

Découpage du bas
Et dans la foulée, charcutons un peu le bas, (page mère ici)
titre
remplissage menu1
(TARGET="m1")
menu2
(TARGET="m2")
menu3
(TARGET="m3")
remplissage
remplissage g
a
u
c
h
e
texte menu 1
texte menu 2
texte menu 3
(TARGET="texte")
d
r
o
i
t
e
remplissage
Remplissage bas Remplissage
reste (TARGET="bas2")

Les onglets
Et les trois onglets chargent les pages suivantes: Menu1, Menu2 et Menu3 avec TARGET="texte"

In the pocket
Et voilà, il ne vous reste plus qu'à regarder la source de chaque fichier pour voir à quel point c'est simple (quand on à compris l'exemple tables et le mécanisme des frames).

Avantage des frames dans ce cas précis, la rapidité, seule la partie qui change doit être mise à jour.

Inconvénient de cette version, les onglets restent tous pareils (bêtement en arrière plan), un astuce javascript permet de pallier à cet inconvénient, mais ne fonctionne qu'avec javascript activé, par contre, la prochaine démo frame contourne le problème en HTML pur.


RetourInfo Suite

Dernière mise à jour de cette page: 04/09/2001, visiteurs: depuis le 6 avril 2002