Conceptul de frame a fost introdus incepind cu versiunile Netscape Navigator 2+ si Microsoft Internet Explorer 3+ cu scopul de a rezolva cerintele din ce in ce mai pretentioase ale utilizatorilor . Frame-urile fac parte din specificatiile HTML 4.0.

Pe scurt ,frame-urile ofera posibilitatea de a avea portiuni dintr-o pagina WEB care se pot modifica in timp ce celelalte ,nu. Inainte de aparitia frame-urilor fiecare pagina WEB trebuia afisata separat.Daca , de exemplu, aveam o bara de navigare deasupra fiecarei pagini, selectia unui meniu oarecare producea redesenarea intregului ecran, deci incarcarea unei pagini noi. Frame-urile ofera posibilitatea, in acest exemplu, de a avea o bara de navigare fixa care nu e incarcata la fiecare apelare.

Notiunea de frame e strins legata cu cea de set de frame-uri. Un set de frame-uri este un container de frame-uri , care sint de fapt ferestre in documente HTML.

Putem considera fiecare frame ca un browser separat, care imparte resurse comune cu fereastra principala.

Haideti sa vedem un mic exemplu pentru a fixa notiunile introduse pina acum.

Containerul FRAMESET urmeaza elementului HEAD dar face parte din containerul HTML. Atributul COLS specifica numarul de coloane si grosimea lor. Valoarea "*,*" indica utilizarea a doua coloane egal distantate. Pentru a obtine frame-uri divizate orizontal utilizati atributul ROWS.Atributul SRC specifica documentul HTML ce urmeaza sa fie afisat in interiorul frame-ului. In exemplul nostru a.html si b.html sint doua documente HTML care apar in interiorul fiecarui cadru.

Elementul FRAMESET trebuie incheiat cu </FRAMESET> altfel, pagina nu va fi incarcata.

Toate tag-urile si atributele invatate pina acum pot fi folosite si in frame-uri.Orice frame poate contine la rindul sau mai multe frame-uri.

Introduceti exemplul urmator si observati modificarile introduse .

b2.html:

Valorile atributelor ROWS si COLS ale tag-ului FRAMESET dimensioneaza frame-ul.

Pina acum am utilizat dimensiunea standard "*,*". In locul asteriscurilor putem introduce valorile numerice ( in pixeli) sau procente (pentru procentul de spatiu ramas). Valoarea procentajului se schimba pe masura ce browser-ul e redimensionat, pe cind valoarea numerica in pixeli, nu.

Va revine dumneavoastra sarcina de a dimensiona frame-urile corespunzator cu specificul documentului HTML.

Putem inlatura marginea frame-urilor prin inserarea atributului BORDER=0 in interiorul tag-ului FRAMESET exterior.

Incercati sa utilizati atributul BGCOLOR pentru fiecare frame. Ce observati?

Frame-urile reprezinta un instrument important in ai ajuta pe vizitatori sa navigheze pe propriul site.Putem crea link-uri intr-un frame pentru a incarca documente in alt frame.

Acestea sint legaturi (link-uri) tinta. Pentru a crea un link tinta trebuie mai intii sa desemnam un nume pentru frame-ul cu ajutorul atributui NAME al tag-ului FRAME. Acesta este numele pe care il vom folosi ulterior pentru a identifica frame-ul in atributul TARGET al tag-ului ancora.Studiati exemplul de mai jos:

…………………

Ce efecte va avea urmatorul link?

Daca continutul depaseste lungimea frame-ului, se utilizeaza scrollbar-ul pentru a putea fi

accesat in totalitate.Acest lucru este exemplificat mai jos:

………………………….

<FRAMESET COLS="130,*" BORDER =0>

<FRAMESET SRC="links2.html" NAME =left >

< top frame>

<FRAME SRC="titlebar.html"

NAME=titlebar SCROLLING=NO>

<bottom frame>

<FRAME SRC="h.html" NAME=lower>

</FRAMESET>

</FRAMESET>

………………………….

</HTML>

Atributele MARGINHEIGHT si MARGINWIDTH ajusteaza marginile frame-ului.Setindu-le la zero, marginea dispare complet, dar Netscape Navigator (versiunile 3 si 4) lasa un pixel. Va revine dumneavoastra sarcina de a descoperi efectele acestor atribute in propria pagina WEB.

Succes!