HTML si CSS (Programator Web 1)

DOCUMENTATIE CURS

Frame-uri

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
© 2006-2024 Crystal Mind Academy. All rights reserved