Créez votre site avec honolulu...
Apprendre le html
Cours de javascript
Apprendre les CSS

Apprendre le HTML : comment construire des frames  






Les frames donnent un résultat plaisant au regard (c'est mon avis) mais ils peuvent générer des défauts de référencement au niveau des moteurs de recherche d'une part, et d'autre part des problèmes de visualisation au niveau des navigateurs d'ancienne génération...

En revanche, ils ont les défauts de leurs qualités... En effet, si ce système est difficilement ou incorrectement détecté par les moteurs de réferencement, c'est parce que les codes sources des pages HTML ainsi conçues sont "difficiles" d'accés car enfermés dans les frames ! Cela peut parfois donc servir les interêts de ceux qui voudraient occulter leur code-source...

Mais en aucun cas, cela ne justifie que des désoeuvrés, en manque d'imagination créent des "ligues" anti-frames ! Oui, c'est stupide mais ça existe...

Pour visualiser ce que sont les frames, cliquez ici pour avoir un exemple de frames

Le code standard pour les frames ressemble à ceci :

<html>
<head>
<title>Honolulu ou les langages à code ouvert</title>
</head>
<frameset border="1" rows=20%,80%>
<frame name="haut" scrolling="no" src="haut.html">
<frameset border="1" cols=10%,90%>
<frame name="menu" scrolling="auto" src="menu.html">
<frame name="principal" src="principal.html">
</frameset></frameset>
</html>
  • Vous n'aurez pas manqué de noter l'absence des balises <body> et </body>
  • Vous pouvez spécifier pour les navigateurs fatigués <noframe> et </noframe>
  • Le vocabulaire est simple.


>>> scrolling pour la barre de défilement. Propriétés :"yes", "no", "auto"
>>> border pour la bordure. Propriétés en taille : "0", "1" etc.
>>> rows pour les rangées. Taille en px ou en pourcentage...
>>> cols pour les colonnes. Taille en px ou en pourcentage...

A noter que si vous avez 2 rows/cols ou plus, si le premier fait 45%, le navigateur calculera automatiquement les dimensions du second (55%)...

  • La page contenant ce code devra être l'index de votre site, c'est-à-dire nommée "index.html" car elle sera le centre, la charpente de votre site.
  • Chaque frame a reçu un nom court, suggestif : "haut" pour la frame du haut, etc.
  • Chaque frame contient une url appelée par src="".
  • La frame "menu" de gauche contiendra le ... menu, dont les liens pointeront vers la page centrale ici nommée "principal".

Ces liens seront du type :
<a href="votre_page.html" target="principal">ACCUEIL</a>

Et comme d'habitude, si vous avez des questions, le forum est là pour ça...