Frame-urile sunt folosite pentru a afisa mai multe
documente .html intro fereastra. Aceata inseamna ca vei avea o pagina
fara continut, care va avea rolut de a indica browser-ului ce pagini
trebuie sa afiseze. Odata cu introducerea PHP si CSS aceasta tehnica a
fost inlaturata putin cate putin, ajungand sa se foloseasca foarte
putin.
HTML - Frames, Pagina Generica
In general frame-urile
se folosesc pentru a afisa un meniu pe de o parte iar continutul pe de o
alta parte. Atunci cand cineva da un clik pe un link din meniu se va
deschide o alta pagina in partea de continut. Vom exempifica toate
acestea cu ajutorul codului urmator:
<html> <head></head>
<frameset cols="30%,*">
<frame src="menu.html">
<frame src="content.html">
</frameset>
</html>
- frameset - Este tagul care stabileste caracteristicile frame-ului. Frame-urile individuale vor fi definite i nauntrul lui.
-
frameset cols="#%, *"- "Cols" stabileste inaltime pe care fiecareframe o
va avea. In exemplul anterion am stabilit ca primul frame (meniul) va
ocupa 30% din suprafata afisata, si am folosit semnul " * " pentru a
indica browser-ului ca in restul paginii ramase se va afisa continutul
paginii.
- frame src="" - adresa fisierelor care vor fi afisate ca meniu si respectiv continut.
HTML - Frame- Adaugarea unui banner sau Titlu
Folositi codul urmator:
<html><head></head>
<frameset rows="20%,*">
<frame src="title.html">
<frameset cols="30%,*">
<frame src="menu.html">
<frame src="content.html">
</frameset> </html>
frameset
rows="#%, *"- "rows" stabileste inaltimea fiecarui frame care va fi
afisat. In exemplul anterior am ales ca primul frame va fi 20% iar
restul de spatiu ramas va fi impartit intre menu.html si content.html.
HTML - Frame - Margine si Spatiere
Probabil
ai observat ca intera frame-uri raman niste linii gri care de multe ori
nu sunt dorite. Inlaturarea lor este posibila cu ajutorul frameborder
si framespaciing. Aceste atribute vor fi introduse innauntru tag-ului
frameset.
**Nota: In realitate frameset si frameborder este
acelasi atribut. Exista insa browsere care nu recunosc decat unul dintre
cele doua. Deaceia, sfatul nostru, este sa le folositi pe amandoua
pentru mai multa siguranta.
frameborder="#" - Valoarea 0 nu reproduce margine.
- border="#"- modifica grosimea marginii. (folosit de netscape)
- framespacing="#" - modifica grosimea marginii (folosit de Internet Explorer)
Iata si un exemplu practic:
<html><head></head>
<frameset border="0" frameborder="0" framespacing="0" rows="20%,*">
<frame src="title.html">
<frameset border="0" frameborder="0" framespacing="0" cols="30%,*">
<frame src="menu.html">
<frame src="content.html"> </frameset> </html>
HTML - "frame name" si "frame target"
Pentru
a menitine meniul in pozitia actuala iar cand executam clic pe pagina
de contact de exemplu sa se deschida in locul pagini de continut, vom da
un nume fiecarui frame si vom precisa locul unde se va deschide cu
ajutorul base target.
Iata si codul pentru pagina noastra
<html><head>
<base target="content">
</head>
<frameset rows="20%,*">
<frame name="title" src="title.html">
<frameset cols="30%,*">
<frame name="menu" src="menu.html">
<name="content" src="content.html">
</frameset>
</html>
Noresize si scrolling
Frame-ul se mai poate personaliza inca putin folosind atributele neresize si scrolling.
<html><head></head>
<frameset border="2" frameborder="1" framespacing="2" rows="20%,*">
<frame src="title.html" noresize scrolling="no">
<frameset border="4" frameborder="1" framespacing="4" cols="30%,*">
<frame src="menu.html" scrolling="auto" noresize>
<frame src="content.html" scrolling="yes" noresize>
</frameset> </html>
- no resize - nu lasa ca framul sa se redimensioneze in functie de monutorul vizitatorului
- scrolling="(yes/no)"- permite sau nu sroll-ul intr-un frame
Lun Noi 26, 2012 7:04 pm
