U trendu

HTML – Upotreba frejmova

Krstarica

Da bi u vašim web stranicama ugradili frejmove, potrebno je upotrebite osnovni tzv. frameset dokument koji nema <BODY>. Ova stranica nema telo jer ne prikazuje nikakve elemente, već služi za pozivanje i povezivanje dva ili više drugih dokumenata (html strana). Frejmovi tj. drugi dokumenti se pozivaju, u frameset dokumentu, uz pomoć <FRAME> i <FRAMESET> tagova, a da bi se uopšte u browser-u prikazali različiti dokumenti na jednoj stranici potrebno je da i oni postoje pored frameset dokumenta.

Sada ćemo vam prikazati kako se kodiraju frejmovi tj. kako se spajaju u jedan dokument. Ne zaoravite da <FRAME> tag ima i obavezan zatvarajući tag, a poseduje i različite atribute.

<HTML>
<HEAD>
</HEAD>
<FRAMESET>
…ovde se navodi deklaracija samih frejmova…
</FRAMESET>
</HTML>

Sada ćemo prikazati kako se kodira jednostava frameset dokument koji će da spoji dva pojedinačna dokumenta. FRAME tag nema zatvarajući tag i što je najbitnije „ugnježđuje“ (ugrađuje) se u FRAMESET tag.

<HTML>
<HEAD>
</HEAD>
<FRAMESET COLS=“60%,40%“>
<FRAME SRC=“stranica1.htm“>
<FRAME SRC=“stranica2.htm“>
</FRAMESET>
</HTML>

Iz ovog primera vidimo da, postoje dva frejma tj. dve stranice, da su ugrađeni u <FRAMESET> tag i da taj tag poseduje COLS atribut. COLS atribut određuje kako se deli ukupni prostor na stranici, na pojedine frejmove. COLS=“60%,40%“ tag u „prevodu“ znači da je prostor vertikalno (COLS-kolone) podeljen na dva dela, koja su odvoje na zarezima, i da je za prvi frejm izdvojeno 60% (odnosi se na „stranica1.htm“) vertikalnog prostora, a za drugi 40% („stranica1.htm“).

Prostor u frejmovima možemo zadavati na tri načina: kao u gornjem primeru, procentualno, kada se veličina ispisuje sa obaveznim znakom „%“; veličina izražena u pikselima (apsolutno zadavanje veličine); kombinacija prethodna dva i znaka „*“ (zvezdica), takvo zadavanje gde frejm koji je određen zvezdicom zauzima sav ostali prostor na stranici. Sličan COLS atributu je i ROWS atribut koji deli prostor horizontalno (frejmovi se dodiruju horizontalnim ivicama). Evo i nekoliko primera:

  • COLS=“200,* “ – prvi frejm zauzima 200 piksela u jednoj koloni, a drugi sav ostali prostor
  • COLS=“30%,30%,*“ – prostor je podeljen na tri frejma, prva dva su jednake veličine i zausimaju ukupno 60%, a preostalo treći frejm
  • ROWS=“60,*“ – frejmovi su u redovima, prvi zauzima 60 piksela (pogodno za naslove), a drugi sav ostali prostor

Pratite Krstaricu i preko mobilne aplikacije za Android i iPhone.

Pošalji komentar