Gole.Webs-Lekcija11

G o l e . W e b s --- Frejmovi
Lekcija 5

Lekcija 1 - 2 - 3 - 4 - 5 - 6 - 7

Ako sakate mozete da dodadete i podrska na makedonski jazik. Toa se dobiva so dodavanje na eden META tag vo delot na HEAD.

<html>
<head>
<title>Test stranica</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>

<frameset>
</frameset>

Ajde da povezbame uste malku. Ke napravime edna fina stranica so frejmovi.
Toa nema da bide nesto specialno, ami nesto kako ovaa stranica POGLEDNI.

Prvo edna napomena... trudete se vaseto delo da bide poednostavno. Sajt so mnogu frejmovi i linkovi koi usmeravaat nasekade, moze da bide komplicirano kako za izgradbata, taka i za navigacijata.

Najprvo treba da smislime kako ke izgleda finalniot proizvod. Po moe mislenje, najdobro e gore da ima golem naslov, levo prozor za navigacija i desno glaven prozor. Da pocneme od Glavnata sranica.

<html>
<head>
<title>Test stranica</title>
</head>

<frameset>
</frameset>

</html>

Napravete nov folder, pa vo nego snimajte go ovaa kako INDEX.HTML. Slikata koja ke pretstavuva glavni naslov na stranicata se naoga pod ovoj tekst.Snimajte ja vo rabotniot folder kako FRAM1.GIF.

Podelete go prozorot horizontalno.

<html>
<head>
<title>Test stranica</title>
</head>

<frameset rows="83,*">
</frameset>

</html>

Zosto ROWS="83,*"? Brojot 83 go dobivme taka sto dadovme 8 na visinata na slikatatoa (75), toa e preporacliv metod za odreduvanje na visinite na frejmovite. Ke primetite deka, poradi koristenjeto na apsolutnata dimenzija,ke imame eden elasticen frejm.

A sega, da go odredime BANNER.HTML da odi vo gorniot frejm (toj frejm ke go napravime posle). Isto taka, da dodademe dva <FRAMESET> tagovi, oti dolniot frejm ke go delime dodatno.

<html>
<head>
<title>Test stranica</title>
</head>

<frameset rows="83,*">
  <frame src="banner.html">
  <frameset>
  </franeset>
</frameset>

</html>

POGLEDNI!
Mozete da proverite sto sme napravile, ama ke dobiete poraka deka e greska, zatoa sto toa uste ne e zavrseno.

Ke go podelime dolniot frejm na dva dela. Da leviot frejm sodrzi fajl NAVIGACIJA.HTML, a desniot - HOME.HTML.Da napomenam nie seuste ne sme gi napravile tie dva fajla, tako sto i ponatamu ke dobivate greska.

<html>
<head>
<title>Test stranica</title>
</head>

<frameset rows="83,*">
  <FRAME SRC="banner.html">
  <frameset cols="20%,80%">
    <frame src="navigacija.html">
    <frame src="home.html">
  </frameset>
</frameset>

</html>

Kako sto navigacionalniot frejm ke biti levo, A vo desniot prozor ke se vcituvaat site fajlovi, pa zatoa e potrebno da dademe ime na desniot frejm.

<html>
<head>
<title>Test stranica</title>
</head>

<frameset rows="83,*">
  <frame src="banner.html">
  <frameset cols="20%,80%">
    <frame src="navigacija.html">
    <frame src="home.html" name="main-windows">
  </frameset>
</frameset>

</html>

POGLEDNI!
Dobro. Za sega ovoj del e zavrsen.

A sega da napravime i BANNER.HTML.
Da pocneme vaka:

<html>
<head>
<title>Test strana - Banner</title>
</head>
<body bgcolor="#0000FF">
</body>
</html>

Snimajte go toa i ke videte deka pozadinata e so sina boja.
POGLEDNI banner.html VIDI ja Glavnata stranica

Vnesete ja slikata, i centrirajte ja...

<html>
<head>
<title>Test strana - Banner</title>
</head>
<body bgcolor="#0000FF">
<center><img src="fram1.gif" width=500 height=75></center>
</body>
</html>

POGLEDNI banner.html VIDI ja Glavnata stranica

Kako sto gledate, imame problem. Prvo, skrolobar-ot smeta, i vtoro, slikata ne e pozicionirana vo prozorot bas idealno kako sto treba. Zatoa... Otvorete jo Glavnata stranica. I otstranete gi skrolbarovite i marginite.

<html>
<head>
<title>Test strana</title>
</head>

<frameset rows="83,*">
  <frame src="banner.html" scrolling=NO marginwidth=1 marginheight=1>
  <frameset cols="20%,80%">
    <frame src="navigacija.html">
    <frame src="home.html" name="main-window">
  </frameset>
</frameset>

</html>

POGLEDNI banner.html

Vreme e da napravime stranica za navigacija, te. NAVIGACIJA.HTML.

<html>
<head>
<title>Test strana - Navigacija</title>
</head>
<body bgcolor="#FFFFFF">
Navigacija
</body>
</html>

POGLEDNI navigacija.html VIDI ja Glavnata stranica

Napisete go naslovot i celiot potreben tekst za linkovite. A samite linkovi ke gi dodademe posle.

<html>
<head>
<title>Test strana - Navigacija</title>
</head>
<body bgcolor="#FFFFFF">

<h3>Navigacija</h3>

Home<p>

Ovde<BR>
Tamo<P>

Poseti go<br>
Google<br>
Yahoo<BR>
Kajgana

</body>
</html>

POGLEDNI navigacija.html VIDI Glavna stranica

Linkujmo!

<html>
<head>
<title>Test strana - Navigacija</title>
</head>
<body bgcolor="#FFFFFF">

<h3>Navigacija</h3>

<a href="home.html" target="main-window">Home</a><p>

Dojdi <a href="ovde.html" target="main-window">Ovde</a><p>
ili odi <a href="tamu.html" target="main-window">Tamu</a><p>

Poseti<br>
<a href="http://www.google.com/" target="_top">Google</a><br>
<a href="http://www.yahoo.com/" target="_top">Yahoo</a><br>
<a href="http://www.kajgana.com.mk/" target="_top">Kajgana</a><br>

</body>
</html>

POGLEDNI navigacija.html VIDI Glavna stranica

<--Lekcija 4 Lekcija 6-->

Sodrzina	Lekcija Voved - 1 - 2 - 3 - 4 - 6 - 7	Indeks
G o l e . W e b s