[Tutorial] Framset

Scris de **R3ALL** Mier Sept 12, 2012 11:56 pm

Prin fragmentarea pagini in frame-uri, numita frameset, permiteti vizitatorilor sa vizualizeze mai multe pagini deodata, fara a aglomera excesiv ecranul. Fiecare frame contine propria sa pagina Web, si, teoretic poate fi vizualizata intr-o fereastra separata. Frame-urile prezinta insa si dezavantaje cum ar fi: pot fi dificil de parcurs, barele de derulare pot "umple" ecranul si pot fi indexate cu dificultate in cadrul unui motor de cautare.

Un frameset simplu cu 2 randuri

Vom crea un frameset simplu cu doua frame-uri asezate una sub alta. Pentru a crea un frameset trebuie sa introducem tagul <frameset> in locul tagului "<body>". Pentru a stabili dimensiunile frame-urilor se scrie in interiorul tagului <frameset>: rows="inaltimea_primului_frame,inaltimea_celui_de-al_doilea_frame" (poti folosi simbolul "*" pentru a seta inaltimea frame-ului la cat ramane). Pentru a specifica paginile care vor aparea in fiecare frame scriem: <frame name="numele_frame-ului" src="calea/numele_pagini.html">

Exemplu:

<htm>

<head><title>Frameset simplu</title></head>

<frameset rows="20,*">

<frame name="sus" src="sus.html">

<frame name="jos" src="jos.html">

</frameset>

</html>>

Un frameset simplu cu 2 coloane

De data aceasta frame-urile sunt asezate unul in dreapta celuilalt. In loc sa scriem rows="x,y" vom scrie cols="x,y". Deasemenea, pentru a defini latimea sau inaltimea frame-urilor se pot folosi procente care reprezinta cat la suta din latimea sau inaltimea paginii reprezinta acel frame.

Exemplu:

<html>

<head><title>Frameset simplu</title></head>

<frameset cols="50%,50%">

<frame name="stanga" src="stanga.html">

<frame name="dreapta" src="dreapta.html">

</frameset>

</html>

Un frameset cu randuri si coloane

Dar un frameset poate aveasi coloane si randuri. In acest caz vom scrie si rows si cols iar cand veti defini frame-urile le veti lua pe randuri, de la stanga la dreapta si de sus in jos.

Exemplu:

<html>

<head><title>Frameset cu randuri si coloane</title></head>

<frameset rows="50%,50%" cols="50%,50%">

<frame name="stanga-sus" src="stanga-sus.html">

<frame name="dreapta-sus" src="dreapta-sus.html">

<frame name="stanga-jos" src="stanga-jos.html">

<frame name="dreapta-jos" src="dreapta-jos.html">

</frameset>

</html>