V8 - Okvirji

Če želimo, da so nekatere informacije prikazovati neodvisno od drugih (da jih uporabnik ves čas vidi), moramo površino pregledovalnika razdeliti na dve ali več samostojnih površin. Tak primer je, kadar želimo, da uporabnik vedno vidi kazalo, neke osnovne podatke o organizaciji, reklame, ... . V tem primeru površino pregledovalnika razdelimo na dve ali več samostojnih površin. Seveda pa ima tudi ta način razen prednosti tudi slabosti, ki jih je dobro poznati, da se lažje odločimo o uporabi okvirjev. Naj jih naštejem nekaj:

• Z uvedbo okvirja se zmanjša prostor za prikazovanje informacij. To je bolj moteče takrat, ko naredite povezavo na kakšno drugo spletno stran, ki zahteva cel prostor. V tem primeru se pojavijo drsniki in pregledovanje informacij je na nek način moteno. Če upoštevamo še dejstvo, da je večina strani še prirejena za resolucijo 800x600, je težava še večja. Če pa ima tudi ta stran okvirje, je pregledovanje skoraj nemogoče.
• Če naredimo okvirje s kakšnim urejevalnikom HTML (in tega ne znamo narediti s pisanjem izvorne kode) imamo običajno težave pri spremembah in dopolnitvah, če nimamo tega urejevalnika na razpolago. To je dokaj pomembno dejstvo. Vedeti moramo, da tega ne znajo vsi urejevalniki. Strani pa morate narediti tako, da jih boste znali spreminjati kjerkoli.
• Če hočemo, da nam bo ostalo čim več prostora za informacije, morajo biti okvirji čim manjši. To pa pomeni, da imate za "stalne" informacije malo prostora oz. da vam ga utegne s časom zmanjkati.
• Vzdrževanje takšne strani je bolj zapleteno. To moramo upoštevati, če morda niste edini urednik te strani ali pa če bo stran za vami še kdo urejal.

Seveda pa so strani, kjer je to smiselno. Zato bom v tej vaji pokazal, kako se okvirjev lotimo. Že prej sem omenil, da tega ne znajo vsi urejevalniki HTML in bom zato to pokazal na primerih z izvorno kodo (programiranjem).

Spletno stran razdelimo na več samostojno delujočih strani z ukazom FRAMESET. Z ukazom FRAME pa določamo njihove lastnosti. Najpomembnejši lastnosti pa kar pripišemo ukazu FRAMESET: COLS in ROWS. Upoštevajte, da imamo sedaj namesto oznake BODY oznako FRAMESET.
Ukaz FRAME določa samostojen okvir na spletni strani in se izvaja znotraj bloka FRAMESET.

COLS (Primer) (Izvorna koda - primer)
COLS razdeli okvirje v kolone oz. navpične pasove. S tem v bistvu določimo širino okvirjev, ki je lahko podana v točkah (pixel), odstotkih ali z zvezdico, ki pomeni ves preostali del strani. Primer:
<FRAMESET COLS="30%,*">   - prvi stolpec je širok 30% zaslona, drugi pa preostanek
Če je kolon več, jih med seboj ločimo z vejico. Glej Primer.(Izvorna koda - primer)

ROWS (Primer) (Izvorna koda - primer)
ROWS razdeli okvirje vodoravno.

BORDER, FRAMEBORDER, FRAMECOLOR, SCROLLING,MARGINWIDTH, MARGINHEIGHT (Primer) (Izvorna koda - primer)
Določamo robove okvirjev. Če uporabimo samo lastnost BORDER v ukazu FRAMESET, postanejo robovi popolnoma nevidni. Če pa dodamo vrednost v pikslih, dobimo ustrezno debel rob (BORDER="1").(Primer)
FRAMEBORDER omogoča izris 3D robov (FRAMEBORDER=1) ali pa jih izbriše (FRAMEBORDER=0).
FRAMECOLOR pa določa barvo robov (FRAMECOLOR="#RRZZMM").
SCROLLING prikaže drsnike v okvirju (YES-vedno vidni, NO-ne bodo vidni, AUTO-ko je podatkov več kot prostora).
MARGINWIDTH določa razdaljo od okvirja do besedila.
MARGINHEIGHT določa razdaljo podatkov od zgornjega in spodnjega roba (v točkah).
NAME zapiše ime okvirja.
NORESIZE prepreči spreminjanje velikosti okvirjev.
SRC vpišemo pot do spletne strani (podatkov), ki bo prikazana v okvirju.

Primer (Izvorna koda - primer)- to je praktičen primer prikazovanja vsebine v določenem oknu.

Primer1 (Izvorna koda - primer)- tudi to je praktičen primer, kjer smo razdelili okno najprej vodoravno in nato spodnje okno še v levo in desno.

S klikom na "Vaja8" pa si boste prenesli na vaš disk vse datoteke (to vajo in vse primere) osme vaje. Na ta način si boste lažje pogledali izvorne kode primerov.

Nazaj Informatika Naprej Informatika 2 Vaje