Important !

Projet-City was created many years ago, in 2001 and is shown here as a demonstration of what I was capable at that time. Please take note that the content of this website is not longer valid. Check out my CV if you're interested to see more modern stuff and also my Portfolio if you're looking for designs.

Projet-City : Technologies du Web
Accueil > Cours html > Les Frames

> Les Frames

  • Auteur : Xethorn
  • Publi?e : 01/01/2003
  • Mise ?our le : 13/01/2004

 
Maintenant, nous sommes aux Frames ! Mais, une bref explication s'impose ! Les Frames sont tr? utile quand on a pas envie de faire des centaines de pages etc... mais, il y a un risque ?orme de plantage ! Soit chez l'h?ergeur soit chez le visiteur !  
Enfin, sinon, les balise  
 

Les balises

Voici la balises :
Sous-balise Description
<frameset></frameset>
Groupe de cadres

Les sous-balises

Voici toutes les sous-balises pour les cadres :
Sous-balise Description Valeur de x
rows="x"
cols="x"
Hauteur de chaque cadre
Largeur de chaque cadre
doit-être un nombre en %
doit-être un nombre en %

Utilisation des sous-balises :
frame1.html
<html>

   <head>
    </head>

   <frameset rows="20%,80%">
       <!-- On veut mettre 2 frames dont :  
       une prendra les 20% de la page
       et l'autre les 80% restant -->
 
       <frame>
       <frame>
   </frameset>

</html>
Danger
<frameset> </frameset> remplace <body> </body> ! La hauteur comme la largeur s'exprime en pixels ou en %. Dans ce cas, on veillera ? ce que le total soit ?al ?100%;
frame2.html
<html>

   <head>
    </head>

   <frameset cols="40%,10%,50%">
       <frame>
       <frame>
       <frame>
   </frameset>

</html>
frame3.html
<html>

   <head>
    </head>

   <frameset rows="50%,50%">
       <frame>
   <frameset cols="20%,80%">
       <frame>
       <frame>
   </frameset>  
   </frameset>

</html>

La balise <frame>

La balise <frame> a une sous-balise : src="x" (dont x est l'adresse d'une page web). Cette sous-balise permet d'afficher une page web dans le cadre que vous avez choisi.  
Exemple :  
 

frame4.html
<html>

   <head>
    </head>

   <frameset cols="40%,10%,50%">
       <frame src="index.html">
       <frame>
       <frame>
   </frameset>

</html>
Danger
Attention ! La page index.html doit ?re dans le m?e dossier que la page : frame4.html !

Les sous-balises de <frame>


Sous-balise Description Valeur de x
scrolling="x"
name="x"
border="x"
framespacing="x"
Avoir ou pas un scroll (barre de défillement)
défini le nom de la frame
largeur de la bordure
Espace entre les frames
yes,no,auto
doit être un mot
doit être un nombre
doit être un nombre
Danger
Pour faire un lien vers une frame, il est obligatoire que la sous-balise name de la frame doit ?re remplit !

Faire un lien vers une frame

Pour faire un lien, c'est tr? simple ! Il vous suffit de mettre un nom ? une frame, ensuite, vous utilisez la sous-balise target pour faire le lien.  
Exemple :  

framelink.html
<html>

   <head>
    </head>

     <body>
       <!--Le nom de la frame est : CENTRE -->  
        <a href="index.html" target="CENTRE">Aller dans la page d'accueil !</a>
    </body>

</html>

C'est fini ! Les cours pr?aratoires sont fini ;) .  
En gros, vous avez vu les 3/4 de l'html ordinaire ! Bonnes cr?tion ;)  

© 2002 - 2003 Xethorn Tous droits reserv?
< Cours pr?dent

D?uvertes

Mozilla Power Mozilla est un regrouppement de plusieurs outils dont : Firefox (navigateur qui respecte les standards) et un système de messagerie (...)

Consulter le site français