Definitie
Cu ajutorul frame-urilor putem afisa mai multe pagini web in acelasi timp in browser. Un frame este de fapt o fereastra independenta in browser.
Tagul <frameset></frameset> defineste cadrul de frame-uri (cate randuri si coloane are, si cum se impart), iar tagul <frame /> defineste o fereastra.
Cod HTML |
<html>
<frameset cols = "25%, 25%,*">
<frame src ="frame-left.html" />
<frame src ="frame-content.html" />
<frame src ="frame-right.html" />
</frameset>
</html>
</html>
|
Cod HTML |
<html>
<frameset rows = "50%, 40%,*">
<frame src ="frame-top.html" />
<frame src ="frame-middle.html" />
<frame src ="frame-bottom.html" />
</frameset>
</html>
</html>
|
Nota
| Intr-o pagina web care contine frame-uri, nu se foloseste tagul body. Frameset-ul se pune direct intre tagurile <html></html> |
Atribute ale tagului frameset
- cols - Defineste numarul si marimea coloanelor dintr-un frameset. Valoarea poate fi in pixeli, procente, sau *.
* inseamna valoarea ramasa dupa ce este acordata dimensiunea celorlalte frame-uri..
- rows - similar cu cols, dar se refera la randuri
Atribute ale tagului frame
- frameborder - poate avea valoarea 0 sau 1, daca dorim ca frame-urile sa aibe bordura vizibila sau nu.
- marginheight - valoarea specificata este in pixeli. Reprezinta marginile de sus si de jos ale frame-ului
- marginwidth - valoarea specificata este in pixeli. Reprezinta marginile din stanga si dreapta ale frame-ului
- noresize = "noresize" - prezenta acestui atribut specifica faptul ca frame-ul nu poate fi re-dimensionat
- scrolling - poate avea valorile yes, no, auto si se refera la prezenta scroll-ului
- src - defineste calea catre pagina web ce va fi afisata in acest frame. Poate fi un URL (http://www.yahoo.com) sau calea relativa a unui fisier pe harddisk (content.html)
- name - denumeste frame-ul. Este folosit pentru a realiza un link din alt
frame catre o pagina care sa se incarce in acest frame, sau mai este folosit in scripturi. In linkul din primul frame se foloseste atributul target pentru a specifica frame-ul in care sa se incarce pagina.
Cod HTML |
<html>
<frameset cols = "25%, *" >
<frame name="navigare" frameborder="0" noresize="noresize" src ="frame3-navigare.html" />
<frame name="continut" frameborder="0" src ="frame3-continut.html" scrolling="auto" />
</frameset>
</html>
</html>
|
Nota
| Frame-urile sunt considerate de multi web developeri invechite, sau incomode si sunt din ce in ce mai putin folosite.
Dezavantajele principale sunt:
1. Continutul frame-urilor nu este indexat unitar de motoarele de cautare
2. In cadrul unui site complex, lucrul cu frame-uri poate adauga si mai multa complexitate |
Nota
| Unul din avantajele principale ale frame-urilor este ca se poate incarca doar o portiune independenta din pagina, la navigare si nu toata pagina (de exemplu se face click intr-un meniu care este intr-un frame, si se incarca pagina in alt frame, iar meniul ramane neschimbat). Totusi acest avantaj este pe cale de disparitie de cand s-au dezvoltat scripturile ce folosesc AJAX si mai ales viteza conexiunii la Internet a crescut foarte mult in ultimul timp |
Resurse
Downloadeaza exemplul cu frame-uri
aici