Documente Academic
Documente Profesional
Documente Cultură
Negrilescu Nicolae
Colegiul National Vlaicu Voda
Curtea de arges
Cadre ( Frames )
Cadrele permit mprirea unei ferestre n seciuni independente ntre ele, n fiecare
dintre acestea fiind posibil ncrcarea unui document HTML. Astfel, utilizatorul
poate vizualiza simultan mai multe documente.
De exemplu, putem mpri documentul n dou cadre. n primul cadru va fi afiat o
bara de navigaie. Selectarea unui meniu al barei de navigaie va determina ncrcarea
paginii corespunztoare n cel de-al doilea cadru. Astfel, bara de meniuri va fi vizibil
n orice moment al navigrii site-ului.
Pentru structurarea unui document HTML n cadre sunt utilizate tagurile:
<frameset>
<frame>
<noframe>
<iframe>
</frameset>
</html>
Aadar, tagul <frameset> permite structurarea documentului principal n cadre. n
interiorul perechii <frameset> </frameset> nu pot exista dect elemente <frameset>,
<frame>, <noframe>.
Tagul <frameset> accept urmtoarele atribute:
Observaii:
1. Nu se recomand ca toate valorile s fie absolute, deoarece browserele
pot utiliza rezoluii diferite, ceea ce poate duce la distorsiuni ale
afirii;
2. n cazul utilizrii procentelor, suma acestora nu poate s depeasc
100%, n caz contrar, browserul va trunchia toate valorile pn ce suma
va fi 100.
Observaie:
Ascunderea unui chenar, prin utilizarea perechii frameborder=no sau border=0,
face ca acesta s nu mai fie vizibil pentru utilizator. Totui, n Internet Explorer,
utilizatorul poate opta pentru redimensionarea cadrului, prin operaia Drag and Drop
asupra marginii invizibile. Pentru a inhiba aceast posibilitate, ascunderea chenarului
trebuie nsoit de secvena: framespacing=0.
Definirea cadrelor - Tagul <frame>
Tagul <frame> permite definirea unui cadru n interiorul unui set de cadre. El are sens
numai atunci cnd apare n interiorul perechii <frameset> </frameset>.
Atribute acceptate:
src
name;
scrolling;
border,
bordercolor;
frameborder;
framespacing;
noresize;
marginwidth, marginheight;
align;
width, height;
vspace, hspace.
Exemple:
Realizarea cadrelor orizontale
<!--index.htm-->
<html>
<head>
<title>Grand Garage</title>
</head>
<frameset rows="150,*,20%">
<frame src="antet.htm">
<frame src="continut.htm">
<frame src="adresa.htm">
</frameset>
</html>
<!--antet.htm-->
<html>
<head>
</head>
<body>
<center>
<h3>GRAND GARAGE</h3>
<h3>Auto S.R.L.</h3>
<h3>Dealer DAEWOO</h3>
</center>
</body>
</html>
<!--continut.htm-->
<html>
<head>
</head>
<body>
<p>Noile preturi de la
DAEWOO sunt mai mici ca
niciodata. </p>
<p>Daca pana acum nu
credeai, vino sa vezi! </p>
</body>
</html>
<!--adresa.htm-->
<html>
<head>
</head>
<body>
<p
align="center"><b>Bucuresti,
Str. L. Negreanu 13,
Telefon:
051.144.178.</b></p>
</body>
</html>
Imbricarea cadrelor
<!--index.htm-->
<html>
<head>
<title>Grand
Garage</title>
</head>
<frameset
rows="120,*,20%">
<frame
src="antet.htm">
<frameset
cols="100,*">
<frame
src="meniu.htm">
<frame
src="desprenoi.htm">
</frameset>
<frame
src="adresa.htm">
</frameset>
</html>
Chenare inactive
<!--index.htm-->
<html>
<head>
<title>Grand Garage</title>
</head>
<frameset rows="92,*,20%"
frameborder="no"
framespacing="0">
<frame src="antet.htm">
<frameset cols="100,*">
<frame src="meniu.htm">
<frame
src="desprenoi.htm">
</frameset>
<frame src="adresa.htm">
</frameset>
</html>
Un exemplu complex
<!--index.htm-->
<html>
<head>
<title>Grand
Garage</title>
</head>
<frameset
rows="92,*,20%"
border="0"
frameborder="0">
<frame
src="antet.htm">
<frameset
cols="123,*">
<frame
src="meniu.htm">
<!--meniu.htm-->
<html>
<body>
<p><a
href="desprenoi.htm"
target="continut">Des
pre Noi</a></p>
<p><a
href="vanzari.htm"
target="continut">Van
zari</a></p>
<p><a
href="preturi.htm"
target="continut">Pre
turi</a></p>
</body>
</html>
<!--antet.htm-->
<html>
<body>
<h3
align="center">G
RAND GARAGE Auto S.R.L.</h3>
<h3
align="center">D
ealer
DAEWOO</h3>
</body>
</html>
<!--adresa.htm-->
<html>
<body>
<p
align="center"><b
>Bucuresti, Str.
L. Negreanu 13,
Telefon:
051.144.178.</b><
/p>
</body>
</html>
<frame
name="continut"
src="desprenoi.htm">
</frameset>
<frame
src="adresa.htm">
</frameset>
</html>
<!-desprenoi.htm-->
<html>
<body>
<p>Leader pe
piata auto
romaneasca,
societatea
noastra, Grand
Garage-Auto
S.R.L.,
comercializeaza
autoturisme marca
DAEWOO. </p>
<p>Preturile
noastre sunt mai
mici ca
niciodata. Daca
pana acum nu
credeai, vino sa
vezi! </p>
</body>
</html>
<!--vanzari.htm-->
<html>
<body>
<!--preturi.htm-->
<html>
<body>
</body>
</html>
<tr><td>Tico</td><td>4990</td></tr>
<tr><td>Matiz</td><td>4990(E)6800(SE POWER)</td></tr>
<tr><td>Cielo</td><td>8290(GLE)9390(Exe.LPG)</td></tr>
</table>
</body>
</html>