HTML Frejmovi - Lekcija 1

Na početku - početak! Za ovaj Kurs trebaće nam nekoliko HTML fajlova. Deder, pripalite Notepad, i prepišite ovo, pa da počnemo sa ozbiljnim radom.

<HTML>
<HEAD>
<TITLE>ZoNi.Web! - HTML Frejmovi</TITLE>
</HEAD>
<BODY>

</BODY>
</HTML>

Svakom dokumentu moramo dati ime. U kursevima HTML Tabele i HTML Obrasci koristili smo muška imena. Red je da nam se sad pridruže neke šarmantne dame.

<HTML>
<HEAD>
<TITLE>ZoNi.Web! - HTML Frejmovi</TITLE>
</HEAD>
<BODY>
Ivana
</BODY>
</HTML>

Napravite negde novi folder, i u njega snimite ovo kao IVANA.HTML.

Idemo na nov HTML fajl.

<HTML>
<HEAD>
<TITLE>ZoNi.Web! - HTML Frejmovi</TITLE>
</HEAD>
<BODY>
Dragana
</BODY>
</HTML>

Snimite i ovo u isti folder. Ovom fajlu dajte ime... na primer... šta ja znam... recimo DRAGANA.HTML.

Uradimo to isto i za Maju, Tinu, Slavicu i Branku. Tako dobijene fajlove snimite kao i prethodna dva. Sada, ako ste uradili sve kako treba, imate folder sa šest kompletnih HTML fajlova.


OK, sada idemo na zanimljivosti... pravljenje glavne strane. Pa, počnimo ovako...

<HTML>
<HEAD>
<TITLE>ZoNi.Web! - Glavna strana</TITLE>
</HEAD>

<BODY>
</BODY>

</HTML>


Uklonite <BODY> tagove. Glavna strana ih ne koristi (verovatno zato i jeste glavna)...

<HTML>
<HEAD>
<TITLE>ZoNi.Web! - Glavna strana</TITLE>
</HEAD>



</HTML>

...već umesto njih koristi <FRAMESET> tagove.

<HTML>
<HEAD>
<TITLE>ZoNi.Web! - Glavna strana</TITLE>
</HEAD>

<FRAMESET>
</FRAMESET>

</HTML>


Da bi sve ovo izgledalo malo urednije prestaću da pišem <HTML>, <HEAD> i <TITLE> tagove. (Logično, Vi ćete ih pisati idalje, da bi sve radilo kako treba!)

<FRAMESET>
</FRAMESET>

Snimite ovaj dokument u Vaš novi folder (onaj u kome su devojke), i dajte mu ime INDEX.HTML. Ako biste sad probali da ga otvorite, videli biste da je za sada prazan.


Dalje... definišimo kako će šta izgledati. Reći ćemo browseru da podeli glavni prozor u dva uspravna, jednaka dela.

<FRAMESET COLS="50%,50%">
</FRAMESET>

Ovo je i dalje prazno. Moraćemo da uradimo još jednu sitnicu, kako bi sve ovo bilo funkcionalno.


Dakle, moraćemo da kažemo browseru šta da stavi u koji prozor (frejm).

<FRAMESET COLS="50%,50%">
  <FRAME SRC="ivana.html">
  <FRAME SRC="dragana.html">
</FRAMESET>

POGLEDAJTE SVOJE DELO. Vi ste sada vlasnik potpuno funkcionalne web strane sa frejmovima (eej, nije to mala stvar!).

Poslednja napomena u ovoj lekciji... <FRAMESET> je tzv. container tag, dok <FRAME> nije. Za one koji ne znaju šta to znači, container tag ima otvarajući <TAG> i zatvarajući </TAG>.

<--Uvod        Lekcija 2-->

Sadržaj Lekcije
Uvod - 1 - 2 - 3 - 4 - 5 - 6 - 7
Templates "Barebones"
HTML vodič
Z o N i . W e b !