HTML – Frejmovi

Ako ste ikada pravili web stranice, sigurno ste se pitali kako funkcioniลกu stranice sa frejmovima. U sledeฤ‡im redovima objasniฤ‡emo kako se kodiraju frejmovi i kada se koriste. ล ta je u stvari frejm stranica? To je HTML dokument koji nema <BODY> tag (jer neฤ‡e prikazivati nikakav sadrลพaj) i koji u stvari sadrลพi definiciju dve ili viลกe drugih HTML stranica. Tako da je na ovaj naฤin u web ฤitaฤu moguฤ‡e prikazati viลกe stranica odjednom. Ova stranica koja definiลกe ostale obiฤno se naziva Frameset (frejmset) stranica, a to ฤ‡e te videti u sledeฤ‡em primeru:


00 <HTML>
01 <HEAD>
02 <TITLE>HTML primer frejmset dokumenta</TITLE>
03 </HEAD>
04 <FRAMESET COLS="25%,*">
05 <FRAMESET ROWS="100, *">
06 <FRAME SRC="dugmad.htm" NORESIZE SCROLLING="no" NAME="navigacija">
07 <FRAME SRC="ref.htm" NORESIZE SCROLLING="yes" NAME="reference">
08 </FRAMESET>
09 <FRAMESET ROWS="75, *">
10 <FRAME SRC="naslov.htm" NORESIZE SCROLLING="no" NAME="NASLOV">
11 <FRAME SRC="glavna.htm" NORESIZE SCROLLING="auto" NAME="glavna">
12 </FRAMESET>
13 </FRAMESET>
14 </HTML>

Sami frejmovi u frejmset dokumentu se definiลกu u pomoฤ‡u tagova <FRAMESET> i <FRAME>. A sada evo i objaลกnjenja pojedinaฤnih linija koda:
  • 04 <FRAMESET COLS="25%,*"> – u frejmset dokumentu osnovni prozor web ฤitaฤa ฤ‡e se podeliti na dva dela, vertikalnom linijom, prvi frejm ฤ‡e zauzimati 25% ukupnog prostora a drugi ฤ‡e zauseti sav preostali prostor.
  • 05 <FRAMESET ROWS="100,*"> – ovaj tag definiลกe da ฤ‡e se unutar prve frejm-kolone prostor podeliti na dve horizontalne sekcije, gornja ฤ‡e biti „visoka“ 100 piksela a druga ฤ‡e zauzeti sav preostali prostor. Ovde se radi o ugneลพฤ‘ivanju frejmseta u drugi frejmset.
  • 06 <FRAME SRC=dugmad.htm" NORESIZE SCROLLING="yes" NAME="navigacija"> – ovo je prvi FRAME dokument, on predstavlja stranicu koja ฤ‡e se pojaviti u gornjem frejmu, kako je definisano u 2. taฤki. Biฤ‡e to dokument „dugmad.htm“ i podeลกen je da ne menja veliฤinu i da nema skrol linije.
  • 07 <FRAME SRC="ref.htm" NORESIZE SCROLLING="yes" NAME="reference"> – ova linija definiลกe drugi HTML dokument („ref.htm“), koji je takoฤ‘e naveden u stavci dva. Dokumentu se ne moลพe menjati veliฤina ali moลพe da se skroluje. Svi linkovi definisani u dugmad.htm koriste atribut „TARGET=“reference““ da bi linkovali odgovarajuฤ‡e sekcije.
  • 08 </FRAMESET> – zatvarajuฤ‡i tag „Frameset“ taga iz linije 05
  • 09 <FRAMESET ROWS="75,*"> – ova linija definiลกe horizontalnu podelu podelu desnog frejma (definisanog u 1. stavci). Gornji ฤ‡e biti 75 piksela, a donji ฤ‡e zauzimati ostali prostor.
  • 10 <FRAME SRC="naslov.htm" NORESIZE SCROLLING="no" NAME="NASLOV"> – definicija sadrลพaja gornje naslovne sekcije, podeลกene da se ne skroluje.
  • 11 <FRAME SRC="glavna.htm" NORESIZE SCROLLING="auto" NAME="glavna"> – linijom se definiลกe sadrลพaj donjeg osnovnog dela prozora (glavna.htm). Skrolovanje je podeลกeno na „auto“ ลกto znaฤi da ฤ‡e se stranica skrolovati u zavisnosti od veliฤine sadrลพaja strane.
  • 12 </FRAMESET> – zatvarajuฤ‡i tag „Frameset“ taga iz linije 09
  • 12 </FRAMESET> – zatvarajuฤ‡i tag „Frameset“ taga iz linije 04

Pratite Krstaricu na www.krstarica.com