| Okviri
( frames ) omogucuju da, na primer, pritisnete
hipervezu u levom kraju ekrana i time promenite
nesto na njegovom drugom kraju. Okviri
omogucavaju da da radite sa vise strana
istovremeno, bez cekanja da se nova strana ucita
i ekran promeni. U ovom uputstvu pokusacemo da
vas naucimo kako da pravilno koristite okvire. 1.
Napravite HTML stranu koja definise okvire,
obicno prva strana ( index.html ).
2.
Definisite broj okvira, boju, ivicu, ime i
atribute svakog okvira koristeci HTML oznake
objasnjene u nastavku teksta.
3.
Kreirajte posebne HTML strane za svaki od okvira.
Kod:
Vas HTML kod za
okvire mora biti unutar HEAD oznaka, a ne unutar
BODY oznaka. Evo jednostavnog HTML koda za dva
okvira:
<FRAMESET
cols = "120,*">
<FRAME SRC = "menu.htm" NAME
= "Okvir1">
<FRAME SRC = "glavna.htm"
NAME = "Okvir2">
</FRAMESET> |
<FRAMESET> -
zapocinje okvir, morate ga zavrsiti sa
</FRAMESET>. Ovde definisete koliko redova
(ROWS) ili kolona (COLS) zelite na strani.
Takodje definisete velicinu okvira. Postoje tri
nacina da to uradite:
- pixelima
- samo ukucajte broj pixela u
zavisnosti koje velicine zelite okvir da
bude.
- procentima
- ukucajte procente relativne velicine
strane. Proverite da li svi vasi % daju
zbir 100%.
- upotrebom *
- na primer umesto 30%,30%,20%
ukucajte 30%,30%,*.
<FRAME> -
definise atribute svakog okvira. Definise ime
(NAME) okvira, HTML stranu koja se poziva i sve
ostale atribute koji se razlikuju od unapred
definisanih.
Ime
(NAME) je vazno. To ime cete koristiti u vasim
linkovima (HREF) da precizirate u koji okvir cete
uputiti HTML stranu. Dacu vam primer:
Recimo
da imate jednostavnu stranu sa okvirima. U okviru
koje imate dve kolone. U prvoj koloni imate
nekoliko linkova i zelite da se pri pritisku na
link pozvana strana otvori u drugoj koloni (tj.
drugom okviru). To mozete uciniti tako sto cete u
HTML kod prve kolone dodati link kao sto je ovaj:
<A
HREF="proizvodi.html"
TARGET="okvir2"> proizvodi
</A>
Ukoliko zelite
okvire bez ivice, ubacite sledecu liniju unutar
vase FRAMESET oznake:
FRAMEBORDER="no"
BORDER="0"
Ako ste sada
totalno zbunjeni pogledajte sledece strane:
http://www.ofsetprint.co.yu/ofset.htm
http://www.ofsetprint.co.yu/menu.htm
http://www.ofsetprint.co.yu/glavna.htm
i na kraju
pogledajte kako to sve funkcionise na http://www.ofsetprint.co.yu/index.html
Naravno bilo bi pozeljno da sacuvate sve
ove strane i da proucite njihove kodove!
Evo
jos nekoliko primera HTML koda za okvire:
<FRAMESET
cols="*,140">
<FRAME SRC="homepage.htm"
NAME="Frame1">
<FRAME SRC="menu.htm"
NAME="Frame2">
</FRAMESET> |
|
| |
|
<FRAMESET
cols="100,*">
<FRAME SRC="homepage.htm"
NAME="Frame1">
<FRAME SRC="menu.htm"
NAME="Frame2">
</FRAMESET> |
|
| |
|
<FRAMESET
rows="100,*">
<FRAME SRC="homepage.htm"
NAME="Frame1">
<FRAME SRC="menu.htm"
NAME="Frame2">
</FRAMESET> |
|
| |
|
<FRAMESET
rows="*,60">
<FRAME SRC="homepage.htm"
NAME="Frame1">
<FRAME SRC="menu.htm"
NAME="Frame2">
</FRAMESET> |
|
| |
|
<FRAMESET
cols="*,50%">
<FRAME SRC="homepage.htm"
NAME="Frame1">
<FRAMESET
rows="15%,15%,70%">
<FRAME SRC="menu.htm"
NAME="Frame2">
<FRAME SRC="menu2.htm"
NAME="Frame3">
<FRAME SRC="menu3.htm"
NAME="Frame4">
</FRAMESET></FRAMESET> |
|
| |
|
<FRAMESET
rows="*,60">
<FRAME SRC="homepage.htm"
NAME="Frame1">
<FRAMESET cols="50%,50%">
<FRAME SRC="menu.htm"
NAME="Frame2">
<FRAME SRC="menu2.htm"
NAME="Frame3">
</FRAMESET></FRAMESET> |
|
Na kraju koda treba da unesete
oznake <NOFRAMES> i </NOFRAMES> sa
tekstom za osobe ciji citaci (browsers) ne
podrzavaju okvire. Takodje bi bilo dobro ponuditi
im stranu bez okvira tj. mogucnost da vide vasu
prezentaciju
-
Najcesce greske u radu sa HTML-om
!
|
