Cadre

Cadre

In tot ceea ce s-a prezentat in sectiunile anterioare s-a presupus ca utilizatorul vede pe ecran un document HTML intr-o fereastra atasata acelui document. Acest lucru - o fereastra, un document - este de multe ori deranjant prin aceea ca se pierde "firul" drumului parcurs iar intoarcerile sunt mai dificil de efectuat. Pentru a se rezolva aceasta problema, cat si pentru reducerea timpilor de incarcare, marirea atractivitatii prezentarilor etc., s-a introdus tehnica "subferestrelor", uzuala in procesarile de texte (sau in mediul Windows, in general), de divizare a ferestrei principale a browserului in sectiuni. Fiecare asemenea "ochi de geam" este considerat o noua fereastra, poate sa fie atasata unui document HTML, astfel incat simultan pe ecran putem vizualiza mai multe documente. Intre ferestre putem naviga, putem trece dintr-o fereastra intr-un document pe care-l vizualizam in alta fereastra, astfel incat legaturile dintre documente raman mereu vizibile. Vom numi o asemenea fereastra cadru, sau vom utiliza termenul englezesc frame.

Cu ajutorul cadrelor putem imparti ecranul in mai multe zone si alegem ce fisier sa apara in fiecare zona. Cel mai folosita este impartirea in 2 coloane: in coloana din stanga, mai ingusta, sunt legaturile, iar in zona din dreapta se afiseaza fisierele accesate.

Definirea unei structuri de cadre este relativ simpla, similara definirii unui tabel. Deosebirea importanta este aceea ca structura generala a documentului HTML, care introduce structura de cadre, este modificata fata de structura unui document care nu contine cadre. In documentele care definesc o structura de cadre containerul BODY este inlocuit cu containerul FRAMESET, tagul care este dedicat structurii de cadre.

Documentele care vor fi vizualizate intr-un cadru nu trebuie sa fie modificate in nici un fel, cu exceptia cazului in care se doreste includerea atributului de fereastra tinta.

Structura generala a unui document cu frame-uri este prin urmare:

<HTML>
    <HEAD>
	...
    </HEAD>
    <FRAMESET>
	...
    </FRAMESET>
</HTML>

Containerul FRAMESET poate sa includa alte containere FRAMESET incat structura definita poate deveni suficient de complexa.

O ultima observatie este aceea ca ideea de cadre este o extensie Microsoft si Netscape. Alte browsere nu vor accepta structurile de cadre, dar este mai mult ca sigur ca viitoarele standarde HTML vor asimila ideile privind cadrele.

Definirea structurii de cadre

O structura de cadre se defineste similar unui tabel:

se stabilesc un numar de linii (sau de coloane) si
pentru fiecare linie (respectiv coloana):

se stabileste continutul sau sau
o alta structura de cadre.

Instructiune	Atribute	Descriere
< frameset atribute > < / frameset >	-	definirea impartirii paginii in cadre
	cols =	numarul si marimea relativa a coloanelor
	rows =	numarul si marimea relativa a liniilor
	border =	marimea chenarului (pixeli); in general nu dorim chenar si folosim border =0 impreuna cu framespacing =0 si frameborder =no, pentru ca nu stim ce browser (cu ce valori setate ca implicite) foloseste vizitatorul, deci mai bine le specificati dvs.
	frameborder =	specifica daca cadrul definit cu FRAMESET are sau nu chenar : yes sau no; implicit yes
	framespacing =	marimea spatiului dintre cadre (pixeli); daca il folositi impreuna cu border, dar cu valori diferite, pentru unele browsere primeaza valoarea lui framespacing (ex. IE.5) iar pentru altele valoarea lui border (ex. Netscape 4.51)
< frame atribute >	-	definitia unui cadru
	*src = " url* "**	sursa cadrului
	name =	numele cadrului, utilizat de marcajul < a href = "url" target = nume >
	scrolling =	optiuni pentru bara de derulare : yes (da), no (nu), auto (daca este nevoie); implicit "auto"
	noresize	pentru a nu redimensiona tragand de chenar (doar daca are)
	marginheight =	spatiu deasupra si sub un cadru (pixeli)
	marginwidth =	spatiu la stanga si la dreapta unui cadru (pixeli)
< noframes > < / noframes >	-	sectiunea de pagina afisata browserelor care nu pot interpreta cadre
< iframe atribute > < / iframe >	-	cadru intern (doar IE)
	src = " url "	sursa cadrului
	name =	numele cadrului, utilizat de marcajul < a href = "url" target = nume >
	height =	inaltimea cadrului inglobat (pixeli sau %)
	width =	latimea cadrului inglobat (pixeli sau %)
	frameborder =	specifica daca cadrul definit cu IFRAME are sau nu chenar (yes sau no; implicit yes)
	scrolling =	optiuni pentru bara de derulare : yes (da), no (nu), auto (daca este nevoie); implicit "auto"

Exemple
Structurile prezentate in continuare nu epuizeaza nici pe departe posibilitatile oferite de frame-uri. Se doreste doar exemplificarea modului in care se pot defini structuri de linii si coloane de frame-uri.
Primul exemplu arata cum a doua coloana dintr-o structura poate fi segmentata, la randul ei, in doua linii. Se vor identifica totodata elementele implicite de la definirea de cadre: borduri, dimensiuni fixe. Fiecare cadru este denumit in structura pentru a putea fi referit.

<FRAMESET COLS="30%,*" border="4">
    <FRAME SRC="frame1.html" NAME="window_1">
    <FRAMESET ROWS="40%,*">
	<FRAME SRC="frame2.html" NAME="window_2">
	<FRAME SRC="frame3.html" NAME="window_3">
    </FRAMESET>
</FRAMESET>

Afisare

Exemplul al doilea arata cum poate fi sectionata coloana intermediara dintr-o structura de trei coloane. Se va remarca la primul frame aparitia barelor de defilare si interzicerea lor la frame-ul al patrulea. Incercati sa modificati dimensiunea cadrelor (prin miscarea mouse-ului) si sa observati efectul asupra barelor de defilare.

<FRAMESET COLS="20%,60%,*">
    <FRAME SRC="frame1.html" NAME="window_1" SCROLLING="yes">
    <FRAMESET ROWS="40%,*">
	<FRAME SRC="frame2.html" NAME="window_2">
	<FRAME SRC="frame3.html" NAME="window_3">
    </FRAMESET>
    <FRAMESET COLS="100%">
        <FRAME SRC="frame4.html" NAME="window_4" SCROLLING="no">
    </FRAMESET>
</FRAMESET>

Afisare

Pentru browserele care nu accepta extensiile pentru cadre exista posibilitatea unei alternative prin NOFRAMES.

indica unui browser care interpreteaza cadre sa ignore textul din containerul NOFRAMES. Un browser care nu interpreteaza cadre va ignora toate tagurile legate de cadre, deci si tagul NOFRAMES, dar va interpreta textul. Rezulta ca in textul dat se va trece un document HTML care sa realizeze, mai putin evoluat grafic, o parte din ceea ce se realiza prin structura de frame-uri.

Tagul NOFRAMES se poate scufunda doar in containerul FRAMESET.