|
Cadre
 Exemplele prezentate in capitolele anterioare incarcau o singura pagina HTML in fereastra browserului.
Sunt si situatii in care imaginea afisata de browser este formata din mai multe pagini HTML numite cadre. Caracteristic acestor pagini este ca perechea de etichete <body> </body> este inlocuita de <frameset> </frameset>, iar in interiorul lor cadrele sunt delimitate de <frame> si </frame>.
Atributele etichetei frameset sunt:
-cols imparte pagina in coloane si are valori exprimate in procente din dimensiunea ferestrei, numar de pixeli sau * adica spatiul ramas;
-rows imparte pagina in randuri cu aceleasi valori ca la cols;
-bordercolor culoarea tuturor chenarelor conform modelului #rrggbb;
-frameborder inhibarea afisarii chenarelor cu valorile yes sau no.
Cadrele sunt introduse prin perechea de etichete <frame> </frame>, si suporta atributele:
-src fisierul sau adresa fisierului introdus;
-bordercolor culoarea chenarului cadrului curent conform modelului #rrggbb;
-noresize dezactiveaza posibilitatea vizitatorului de a redimensiona cadrul;
-scrolling adauga cadrului bare de defilare cu valorile yes no si auto.
Exemplu: pagina cu doua cadre orizontale in proportia 20% si 80% din inaltimea totala. Pagina de sus are chenarul rosu iar cea de jos are scroll.
<html>
<head>
<title>Exemplul 8_1</title>
</head>
<frameset rows="20%,80%">
<frame src="/exemplu8_1_1.html" bordercolor="#ff0000">
<frame src="/exemplu8_1_2.html" scrolling="yes">
</frameset>
</html>
Exemplu: pagina cu doua cadre verticale in proportia 40% si 60% din latimea totala, fara posibilitatea de redimensionare a cadrelor
<html>
<head>
<title>Exemplul 8_2</title>
</head>
<frameset cols="40%,60%">
<frame src="/exemplu8_2_1.html">
<frame src="/exemplu8_2_2.html" noresize>
</frameset>
</html>
Exemplu: Iata acum un exemplu mai complex, pagina cu doua cadre. In cadrul din stanga sunt link-uri catre alte pagini care se vor deschide in cadrul din dreapta (se poate verifica functionarea atributului target al legaturii). Cadrul din stanga va avea scroll.
In situatia in care browserul folosit nu suporta pagini care contin cadre, imaginea afisata va fi goala. Pentru a evita acest lucru vom introduce un mesaj incadrat de <body> si </body> intre etichetele <noframes> si </noframes> prin care informam vizitatorul ca foloseste un browser care nu suporta cadre.
<frameset cols = "30%, 40%,*">
<noframes>
<body>Browserul folosit nu suporta cadre</body>
</noframes>
<frame src="/pag1.html">
<frame src="/pag2.html">
<frame src="/pag3.html">
</frameset>
Iata si codul complet pentru exemplul complex:
<html>
<head>
<title>Exemplul 8_3</title>
</head>
<frameset cols="20%, 80%">
<frame src="/exemplu8_3_1.html" name="cadru1" scrolling="no">
<frame src="/exemplu8_3_2.html" name="cadru2" scrolling="yes">
</frameset>
</html>
<html>
<head>
<title>Cadru 1</title>
</head>
<body>
<b>Tema - Cadre</b><p>
Cadrul 1<p>
<a href="/page1.html" target="cadru2">Pagina 1</a><br>
<a href="/page2.html" target="cadru2">Pagina 2</a><br>
<a href="http://easycont.ro" target="cadru2">Easy Cont RO</a><br>
</body>
</html>
in exemplu8_3_3.html doar "Cadrul 2"
<html>
<head>
<title>pagina 1</title>
</head>
<body bgcolor="Lime">
<font face="Arial">Pagina 1</font>
</body>
</html>
<html>
<head>
<title>pagina 2</title>
</head>
<body bgcolor="yellow">
<font face="Courier">Pagina 2</font>
</body>
</html>
Cadre in-line
Sunt blocuri care se introduc in pagina prin perechea de etichete <iframe> si </iframe>, si au atributele:
-src fisierul sau adresa acestuia
-height inaltimea cadrul
-width latimea cadrul
-frameborder grosimea bordurii (chenarului)
-scrolling adauga bare de defilare cu valorile yes no si auto
-align aliniaza cadrul (left, right, center, top, bottom, middle)
-vspace distanta peste si sub cadru
-hspace distanta in stanga si in dreapta de cadru
Exemplu: o pagina in care este gazduit un cadru in-line. Si aici se poate introduce un mesaj pentru browserele care nu suporta cadre in-line. Modul de afisare al exemplului poate diferi de la un browser la altul.
<html>
<head>
<title>Exemplul 8_4</title>
</head>
Mai jos este un cadru in-line cu urmatori parametrii:<br>
width="300" si height="200" hspace="200" vspace="100" scrolling="yes"<br>
<iframe src="/page.html" width="800" height="600" hspace="200" vspace="100" scrolling="yes">Browserul folosit nu suporta cadre in-line</iframe>
</body>
</html>
| Servicii Profesionale | Gazduire Site | Gazduire Magazin On-line |
|
Promotie! 50% mai mult spatiu, 50% mai mult trafic!
Cadre
Pentru prevenirea fraudei, IP-ul dvs. 38.107.191.87, a fost inregistrat.
