HTML Frejmovi - Lekcija 4

Sledeće što ćemo naučiti su neki manji efekti. Važno je da znate da neće svi ti efekti raditi na svim browserima. Međutim, nema razloga za brigu... ako browser ne razume neki atribut, jednostavno će ga ignorisati.

Prvo ćemo promeniti debljinu linija između frejmova.

<FRAMESET COLS="154,*" BORDER=20>
  <FRAMESET ROWS="170,*">
    <FRAME SRC="world.gif" WIDTH=146 HEIGHT=162 SCROLLING=NO
     MARGINWIDTH=1 MARGINHEIGHT=1>
    <FRAME SRC="ivana.html">
  </FRAMESET>
  <FRAME SRC="dragana.html">
</FRAMESET>

VIDI!


Moguće je promeniti i boju tih ivičnih linija.

<FRAMESET COLS="154,*" BORDER=20 BORDERCOLOR="#FFOOOO">
  <FRAMESET ROWS="170,*">
    <FRAME SRC="world.gif" WIDTH=146 HEIGHT=162 SCROLLING=NO
     MARGINWIDTH=1 MARGINHEIGHT=1>
    <FRAME SRC="ivana.html">
  </FRAMESET>
  <FRAME SRC="dragana.html">
</FRAMESET>

VIDI!


Moguće je ukinuti linije za neki pojedinačni <FRAMESET> atributom FRAMEBORDER.

<FRAMESET COLS="154,*" BORDER=20 BORDERCOLOR="#FFOOOO">
  <FRAMESET ROWS="170,*" FRAMEBORDER=NO >
    <FRAME SRC="world.gif" WIDTH=146 HEIGHT=162 SCROLLING=NO
     MARGINWIDTH=1 MARGINHEIGHT=1>
    <FRAME SRC="ivana.html">
  </FRAMESET>
  <FRAME SRC="dragana.html">
</FRAMESET>

VIDI!
 

* PITANJE: Pokušavam da u potpunosti uklonim linije između frejmova; međutim, u browseru A tanke linije se i dalje javljaju. Kako da ih uklonim?

ODGOVOR: Najčešće te tanke linije mogu biti uklonjene. Pogledajte ovde za jednostavno rešenje.


Ukoliko želimo, možemo sprečiti posmatrače da menjaju veličinu frejmova. Naravno, ovu funkciju bi trebalo što ređe koristiti, jer zaista nije neophodna, a može da izazove velike probleme.

<FRAMESET COLS="154,*" BORDER=20 BORDERCOLOR="#FFOOOO">
  <FRAMESET ROWS="170,*" FRAMEBORDER=NO >
    <FRAME SRC="world.gif" WIDTH=146 HEIGHT=162 SCROLLING=NO
     MARGINWIDTH=1 MARGINHEIGHT=1>
    <FRAME SRC="ivana.html">
  </FRAMESET>
  <FRAME SRC="dragana.html" NORESIZE>
</FRAMESET>

VIDI!


OK. Sad kada smo naučili puno toga o frejmovanju, red je da pređemo i na linkovanje između frejmova.

<FRAMESET COLS="33%,67%">
  <FRAME SRC="branka.html">
  <FRAME SRC="dragana.html">
</FRAMESET>

VIDI!


Šta sad treba da se uradi? Pa, jednostavno je... dodaćemo link od Branke (branka.html) do Slavice (slavica.html). Dakle, otvorite Notepadom stranu branka.html, pa dodajte ovo:

<HTML>
<HEAD>
<TITLE>ZoNi.Web! - HTML Frejmovi</TITLE>
</HEAD>
<BODY>
Branka<P>
Posetite moju drugaricu Slavicu
</BODY>
</HTML>


Zatim, dodajte link, pa snimite stranu.

<HTML>
<HEAD>
<TITLE>ZoNi.Web! - HTML Frejmovi</TITLE>
</HEAD>
<BODY>
Branka<P>
Posetite moju drugaricu <A HREF="slavica.html">Slavicu</A>
</BODY>
</HTML>


Hajde da isprobamo.

<FRAMESET COLS="33%,67%">
  <FRAME SRC="branka.html">
  <FRAME SRC="dragana.html">
</FRAMESET>

VIDI!


Ako kliknete na taj link, videćete da se Slavičina strana učitava u Brankin prozor. Znam, znam... niste baš oduševljeni time. Vi naravno želite da se Slavičina strana učita u Draganin prozor. Pa, može i to, ali uz malo dodatnog rada.

Prvo ćemo imenovati frejmove u Glavnoj strani.

<FRAMESET COLS="33%,67%">
  <FRAME SRC="branka.html">
  <FRAME SRC="dragana.html" NAME="WINDOW-1">
</FRAMESET>

Malo objašnjenje... Taj drugi frejm nije zaista Draganin. To je jednostavno drugi frejm, a mi smo samo odredili da DRAGANA.HTML bude prva strana koja će se tu učitati. Da smo, npr, <FRAME> tag ostavili praznim, i sam frejm bi bio... pa... prazan.

Napomena. Ime frejma mora započeti slovom ili brojem. Ako ne bude tako, ime će jednostavno biti ignorisano. (Postoje i izuzeci. To su prozori čija imena počinju donjom crticom_ , ali će njihova uloga biti objašnjena kasnije.)


Sada moramo i u link na Brankinij strani da dodamo nešto. Otvorite BRANKA.HTML (Notepadom!), pa dodajte metu (TARGET).

<HTML>
<HEAD>
<TITLE>ZoNi.Web! - HTML Frejmovi</TITLE>
</HEAD>
<BODY>
Branka<P>
Posetite moju drugaricu <A HREF="slavica.html" TARGET="WINDOW-1">Slavicu</A>
</BODY>
</HTML>

Ovo će dovesti do toga da se linkovana strana učita u prozor pod imenom WINDOW-1.

VIDI!


Ovo je dobar način linkovanja stranica Vašeg sajta. Ali, šta da se radi ako želite link na nešto van svoga sajta? Dodajmo još jedan link na Brankinu stranu.

<HTML>
<HEAD>
<TITLE>ZoNi.Web! - HTML Frejmovi</TITLE>
</HEAD>
<BODY>
Branka<P>
posetite moju drugaricu <A HREF="slavica.html" TARGET="WINDOW-1">Slavicu</A><P>
a naravno, posetite i <A HREF="http://zoniweb.
cjb.net" TARGET="WINDOW-1">Z o N i . W e b !</A><P>
</BODY>
</HTML>

DA BI GORNJI PRIMER FUNKCIONISAO, MORATE BITI NA MREŽI!
VIDI!
Kao što vidite, posledica ovoga je da se nečija tuđa stranica ušita u Vaš prozor.

Da li je moguće promeniti to tako da se tuđa strana učita u prazan prozor browsera, pune veličine? Narvno. Sve što trebate da uradite je da metu (TARGET) promenite u _top (OBAVEZNO MALIM SLOVIMA!!!).

<HTML>
<HEAD>
<TITLE>ZoNi.Web! - HTML Frejmovi</TITLE>
</HEAD>
<BODY>
Branka<P>
Posetite moju drugaricu <A HREF="slavica.html" TARGET="WINDOW-1">Slavicu</A><P>
a naravno, posetite i <A HREF="http://zoniweb.cjb.net" TARGET="_top">Z o N i . W e b !</A><P>
</BODY>
</HTML>

VIDI!

Bilo bi poželjno da uvek koristite ovaj metod linkovanja na strane van Vašeg web sajta.

_top spada u grupu tzv. magičnih meta (magic targets). To su _top, _blank, _self i _parent. To su jedine mete koje ne moraju da počinju slovom ili brojem. Dodatno, bilo koja meta koja počinje donjom crticom _ (a koja nije u grupi magičnih), ponašaće se potpuno nepredvidljivo.

Šta ove četiri magične mete zapravo rade?

_top otvara linkovani fajl u prozoru browsera pune veličine.
_blank otvara linkovani fajl u novom prozoru browsera.
_self otvara linkovani fajl u onom prozoru u kome se nalazi link, na koji smo kliknuli (isto se događa ako izostavimo atribut TARGET).
_parent otvara linkovani fajl u roditeljski okvir (ne podržava ga Internet Explorer).

Često se smatra da će meta _new otvoriti linkovani fajl u novom prozoru. Obično hoće. To će se isto desiti i sa metama _toma, _kaboom ili _petarpetrovic. To će se desiti čak i sa metama ivica i marica. Zapravo, bilo koji TARGET, koji nije negde definisan, kao najčešći rezultat daće otvaranje novog prozora browsera.

Moram da ponovim, kada koristite magične mete (_top, _blank, _self i _parent), OBAVEZNO KORISTITE MALA SLOVA! Browser neće razumeti VELIKA slova, što će za posledicu imati (verovatno) otvaranje linka u novom prozoru.

<--Lekcija 3        Lekcija 5-->

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