Partager l'article ! Les frames (frameset) en HTML: Avant de débuter il faut connaitre quelques notions en HTML : Apprendre le HTML ...
Loviso's Blog
Culture Actualité Religion Astuces Info Sport Film
Blague Informatique... Tous sur Loviso's
Blog
Il y a actuellement 4 personnes connectées sur ce blog
Présentation
-
- : On peut tout fuir ,sauf sa conscience !
- Retour à la page d'accueil
- Partager ce blog
Translator/traducteur/Überse
Sondage
Provenance des visiteurs
Articles récents
- Joyeux nouvel ans 2012~Happy new year 2012~سنة جديدة سعيدة 2012
- Film Kingdom of heaven en streaming (Croisades,Saladin)
- Livre : "Ibn Khaldûn, un islam des Lumières?" Par Claude Horrut.
- Savant musulman:Al-Djazari,inventeur du premier robot
- Savant musulman: Al-Khawarizmi(Algorithme) « le père de l'algèbre »
Catégories
- Tunisie/Maghreb (12)
- Informatique (8)
- Histoire & Civilisations (11)
- Films/Movies (11)
- Earth/Terre (2)
- Sports (3)
- Books/Livres/كتب (5)
- Animaux (1)
- Societé&culture (1)
- Fêtes (8)
Images Aléatoires
-
Musé-rakada-kairouan -
Djerbaa -
tat67 -
kli2 -
zoofriguia -
fatimide-mosqué-tn
Calendrier
| Mai 2012 | ||||||||||
| L | M | M | J | V | S | D | ||||
| 1 | 2 | 3 | 4 | 5 | 6 | |||||
| 7 | 8 | 9 | 10 | 11 | 12 | 13 | ||||
| 14 | 15 | 16 | 17 | 18 | 19 | 20 | ||||
| 21 | 22 | 23 | 24 | 25 | 26 | 27 | ||||
| 28 | 29 | 30 | 31 | |||||||
|
||||||||||
Visitors
Samedi 17 avril 2010
6
17
/04
/Avr
/2010
18:53
Avant de débuter il faut connaitre quelques notions en HTML : Apprendre le HTML
L'utilisation de cadres ou frames permet de diviser l'écran du navigateur en plusieurs zones. Chaque zone peut contenir une page html, une image....
Les frames sert à diviser la fenêtre du navigateur en plusieurs fenêtres .
La balise <frameset> remplace la balise <body>.
<frameset> sert à définir une page de cadres,le <frame> sert à définir un cadre.
- Les propriétés de <frameset> : rows (nombre de ligne),cols (nombre de colonnes),border (bordure),framespacing,bordercolor(couleur de bordure)
- les propriétés de <frame> :src,scrolling="yes/no/auto",noresize,frameborder=yes/no,bordercolor,nome,marginwidth="marge en pixels" ,marginheight="marge haut et bas en pixels"
EXEMPLE
Soit le code Html suivant:
<html>
<head>
<title>First </title>
</head>
<frameset rows="20%,80%" cols="*" frameborder=yes border=5 Bordercolor="blue">
<frame Frameborder="yes" src="image.JPG">
<frameset cols="20%,80%" frameborder=yes border=5 Bordercolor="blue">
<frame src="http://www.lemondeinformatique.fr/accueil-micro-numerique.php">
<frame src="http://www.google.fr">
</frameset>
</frameset>
<html>
Voici qu'est ce qu'on obteint :
Si par exemple on veut que la partie droite soit un menu qui contient des liens qui mènent vers d'autres pages
Voici le code de "menu.html":
<html>
<head>
</head>
<body>
<a href="http://www.yahoo.fr">Aller vers yahoo</a><br>
<a href="http://www.google.fr">Aller vers google</a><br>
<a href="http://www.lemondeinformatique.fr/accueil-micro-numerique.php">Aller vers le monde informatique</a><br>
</body>
</html>
voici ce qu'affiche cette page "menu.html" :
Aller vers yahoo
Aller vers google
Aller vers le monde informatique
Maintenant si on intègre cette page"menu.html" dans notre page qui contient les frames:
<html>
<head>
<title>First </title>
</head>
<frameset rows="20%,80%" cols="*" frameborder=yes border=5 Bordercolor="blue">
<frame Frameborder="yes" src="image.JPG">
<frameset cols="20%,80%" frameborder=yes border=5 Bordercolor="blue">
<frame src="menu.html">
<frame src="http://www.google.fr">
</frameset>
</frameset>
<html>
Voici qu'est qu'on obtient :
Maintenant si on clique sur l'un des liens qui se trouvent dans la partie gauche,c'est à dire dans la page "menu.html" intégré dans notre page de frames,la page appelée par le lien va s'afficher dans la partie gauche,c'est à dire à la place de la page "menu.html".
Exemple
Si on clique sur le lien "Aller vers yahoo" voici qu'est ce qu'on obtient:
Maintenant si on veut garder la page des liens,c'est à dire "menu.html", même lorsqu'on clique sur l'un des liens,et on veut que la page appelé s'affiche dans le cadre à droite,qui contient la page google on doit:
- ajouter à la <frame> concerné un nom,dans notre cas on doit ajouter à <frame src="http://www.google.fr"> un "name" c'est à dire <frame src="http://www.google.fr" name="droite">.
- Dans la page menu.html on doit ajouter à chaque <a href="page.html"> target="nom de frame",dans notre cas il s'appelle droite,donc voici qu'est ce qu'on doit faire au niveau de la page menu.html(ce qui va etre ajouter sera coloré:
<html>
<head>
</head>
<body>
<a href="http://www.yahoo.fr" target="droite">Aller vers yahoo</a><br>
<a href="http://www.google.fr" target="droite">Aller vers google</a><br>
<a href="http://www.lemondeinformatique.fr/accueil-micro-numerique.php" target="droite">Aller vers le monde
informatique</a><br>
</body>
</html>
Si on clique maintenant sur Aller vers yahoo voici qu'est ce qu'on va obtenir:
Remarque
- Si par exemple on veut que seulement les deux premières pages s'affichent dans le cadre droit et que le troisième s'affiche dans le cadre gauche,on doit donc pas ajouter target="droite" dans <a href="http://www.lemondeinformatique.fr/accueil-micro-numerique.php" >.
- Si on donne un nom érroné ou qui n'existe pas dans le target,c'est à dire si j'écris par exemple aaa au lieu de droite( target="aaa" ) ,lorsqu'on clique sur le lien,une nouvelle fenêtre va être ouverte, et on quitte la page de frames.
- Si on veut que la page s'ouvre dans le cadre en haut,aprés avoir cliquer sur le lien,on doit juste suivre la meme procédure,c'est à dire on ajoute un nom (name) à cette frame qui se
trouve aprés <frameset rows="20%,80%" cols="*" frameborder=yes border=5 Bordercolor="blue">,c'est à
dire le <frame Frameborder="yes" src="image.JPG"> ,on lui ajoute name="haut" par exemple,puis dans la page menu les liens <a href="
"> doivent contenir target="haut".
Derniers Commentaires