Cours sur le langage HTML organisé par
Frédéric Jacquenod

VIII Les frames

Les frames permettent de fragmenter la page du navigateur en plusieurs zones qui peuvent contenir des informations diffÈrentes.



Partitionnement de la fenetre


Vous pouvez dÈcouper l'espace verticalement (en colonnes) et/ou horizontalement (en lignes). Vous pouvez, ý nouveau crÈer un dÈcoupage dans une partie dÈjý dÈcoupÈe.

Les frames doivent etre dÈclarËes avant la partie BODY et aprËs la partie HEAD au moyen du mot clË FRAMESET. La partie BODY ne sera visible que pour les utilisateurs ne pouvant pas afficher les frames. Les utilisateurs qui pourront eux voir les frames ne verront alors pas ce qui se situe dans la partie BODY.

Pour structurer la page en frame, les deux options ý la balise FRAMESET sont :
• rows Qui permet de dÈfinir le dÈcoupage horizontalement
• cols Qui permet de dÈfinir le dÈcoupage verticalement
Ces deux ÈlÈments peuvent prendre des valeurs en pixels ou en pourcentage de la page active.
Chaque valeur sÈparÈe par une virgule provoque un nouveau dÈcoupage.

<FRAMESET ROWS="50%,50%"> ... </FRAMESET>
dÈcoupage en deux zones horizontales de meme grandeur.





<FRAMESET COLS="33%,33%,33%"> ... </FRAMESET>

dÈcoupage en trois zones verticales de meme grandeur.





<FRAMESET ROWS="50%,50%" COLS="33%,33%,33%"> ... </FRAMESET>

dÈcoupage en deux zones horizontales qui sont chacune dÈcoupÈe en trois zones verticales de meme grandeur.





Vous pouvez ý nouveau rÈaliser des dÈcoupages dans une structure dÈjý dÈcoupÈe.
L'exemple suivant permet de faire le meme dÈcoupage que prÈcÈdemment mais d'une autre maniËre.
On dÈcoupe d'abord l'Ècran en deux horizontalement puis dnas chaque dÈcoupage on redÈcoupe en 3 verticalement.

<FRAMESET ROWS="50%,50%">
<FRAMESET COLS="33%,33%,33%">
...
</FRAMESET>
<FRAMESET COLS="33%,33%,33%">

...
</FRAMESET>
</FRAMESET>

Si on ne rÈalise pas le deuxiËme redÈcoupage nous obtiendrons deux dÈcoupages horizontales et seul le premier sera ý nouveau dÈcoupÈ en 3.





Contenu des frames


AprËs avoir structurÈ votre Ècran il faut remplir chaque espace avec des informations. Vous ne pouvez pas le faire directement, il faut crÈer d'autres pages web qui seront appellÈes dans chacune des frames. La balise est alors FRAME suivi de l'option src qui, comme pour un lien hypertexte, rÈfÈrence une page ou une image.

Il doit y avoir autant de balises FRAME que de dÈcoupage dans votre Ècran.

D'autres options sont possibles :
• name qui permet de dÈfinir un nom a la frame permettant ainsi une utilisation comme le TARGET avec le A HREF.
• scrolling qui peut prendre les valeurs yes (ascenseurs prÈsents), no (pas d'ascenseurs) et auto pour que ce soit mis seulement si il y en a besoin.
  La premiËre frame de l'exemple suivant possËde l'option scrolling=no.
  
  
  
  
• frameborder qui peut prendre les valeurs 1 (il y une bordure) ou 0 (pas de bordure).
  Les frames de l'exemple suivant possËde l'option frameborder=0 et scrolling=no.
  
  
  
  
• noresize empeche si il est positionnÈ que la taile de la frame soit modifiÈe avec la souris.
  
  

exercice45
exercice46
exercice47

IX Conclusion

De nos jours, le marché du travail étant ce qu'il est, un employeur engagera plutot la personne ayant le plus de connaissances annexes à ses études; les candidats ont tous maintenant des diplômes élevés. C'est pourquoi la connaissance du langage HTML peut être ce petit plus qui fera pencher la balance en votre faveur.
Une adresse électronique sur un CV c'est bien mais si en plus vous avez une adresse web indiquant votre connaissance en ce domaine c'est mieux et très apprécié.

Afin de faire connaître vos travaux il est utile d'utiliser le plus de moyens de diffusion possibles. Internet via les pages créees en langage HTML est l'un de ces moyens, et certainement l'un des moins chèrs en considérant toutes les possibilités offertes.

Une option des navigateurs est de pouvoir montrer le document source d'une page que vous lisez. Ceci peut vous permettre de mieux comprendre le langage en ayant à votre portée une très grande quantité d'exemple. N'hésitez pas à y jeter un oeil c'est très instructif. Donc apprenez en butinant ...

Frédéric Jacquenod