KliK.co.yu

Sledeci clanak je preuzet sa prezentacije www.pretraga.co.yu .

Kakve veze ima vreme ucitavanja stranice sa Web dizajnom? Veza postoji i ona se odnosi na broj i velicinu slika na stranici i na nacin kako je napravljena stranica (tabele; ramovi,okviri-frame-ovi. . .).

Prethodna recenica, prakticno, predstavlja podnaslove ovog clanka.

Svako ko ima prezentaciju na Web-u zeli da je sto vise ljudi vidi (da ima sto vise poseta), nadam se da se slazemo u tome. U ovom clanku cemo se osvrnuti na dizajnerski aspekt, vezan za vreme ucitavanja stranice. Sam aspekt kvalitetnog dizajna stranice je nepobitan i ovom prilikom pozivam sve profesionalne dizajnere koji zele da podele svoja znanja (obrada slika, Photoshop. . .) sa citaocima casopisa "Pretraga i prezentovanje", neka mi se slobodno jave da ucestvuju kao saradnici casopisa.

Verovatno ste se nasli u situaciji da dodjete na neku Web stranicu i da se toliko iznervirate sto se sporo ucitava, da ste je ubrzo napustili. Sada zamislite da se to desava posetiocu vase prezentacije.

To sigurno ne zelite. Da bi izbegli ovakve dogadjaje na svojoj prezentaciji moramo voditi racuna o nekoliko detalja.

Broj i velicina slika na stranici

Pravilo je jednostavno - sto je vise slika, stranica se sporije ucitava. Mnoge firme i eksperti iz ove oblasti preporucuju razlicita resenja, a mi cemo se zadrzati na najjednostavnijim i najefektnijim:

• Pokusajte da ne koristite sliku kao pozadinu. Ako to hocete, koristite sliku koja nije velika ( 1 - 3 kB), ili nije suvise mala (nekoliko Byte-ova). Ovo drugo mozda deluje cudno, ali sto je manja slika treba vise vremena da se popuni ekran.

• Na mestu gde u HTML kodu stoji informacija o slici (<img src. . .>) trebalo bi da stoji informacija o sirini i visini slike (width, height) u pikselima, npr.

<img src="imeslike.gif" height="100" width="100">.

Ovo je bitno zbog toga sto ako ne postoji ova informacija, browser (MSIE, Netscape), mora sam da odredi koja je velicina u pitanju, i vreme se gubi.

• Ako imate veliku sliku ili bilo koji drugi multimedijalni sadrzaj (animacija, film, zvuk) koji zelite da pokazete, dobro je prvo dati informaciju o tome na stranici, sa linkom do sadrzaja (i velicinom, po mogucnosti). U slucaju slika, moze se dati umanjena slika (komanda LowSrc) ili jednostavan link od umanjene slike do slike u pravoj velicini.

• Puno malih slika se sporo ucitavaju, jer se ucitava jedna po jedna slika, naizmenicno, dok se sve ne ucitaju. Ovo pravilo je narocito korisno za slike u kojima se nalazi samo tekst.

Tabele

Ovo pitanje je vrlo osetljivo i podlozno je razlicitim komentarima.

Prakticno skoro svi programi za automatsko pravljenje HTML stranica (FrontPage, NetObjectsFusion. . .) rade na principu generisanja tabela. I mnogi dizajneri vole da ih koriste. Sto je globalno u redu, ali. . .

• Sto je veca tabela sporije se ucitava, i dok se ne ucita ne prikazuje se kompletan njen sadrzaj.

• Vise manjih tabela je bolje resenje, jer se ucitavaju jedna po jedna, pa posetilac moze postupno da prati pojavljivanje sadrzaja.

• Razmislite da naslov site-a i osnovne informacije na vrhu stranice stoje u maloj tabeli (malo podataka), ili jos bolje bez tabele.

• Totalno skidanje tabela nije pozeljno zbog nemogucnosti kontrolisanja izgleda stranice na razlicitim ekranima i njihovim rezolucijama kod korisnika. Kada je svaki red na stranici uzi od 600 pixsela, tada se ne moraju primeniti tabele, time se dobija na brzini ucitavanja, ali treba proveriti kako sadrzaj stranice izgleda u rezolucijama 800X600 i 1024X768 pixela.

• Vezano za prethodni savet, preporuka je praviti prezentacije ISKLJUCIVO u rezoluciji 640X480 pixela (sirina Web stranice od 600 pixela). Postoje istrazivanja na Webu-u koja govore o tome da preko 80% korisnika Web-a koristi 14" ekrane, a preko 80% od njih koristi rezoluciju 640X480 pixela. Isto tako, veliki broj ovih korisnika ne podnosi povlacenje ekrana u desno da bi videli kompletan sadrzaj stranice.

Pitanje: Da li ste videli neku od najposecenijih stranica na Web-u koja nije uradjena u rezoluciji 640X480?

Frame-ovi

Ovo pitanje je jos osetljivije, s obzirom da postoji citava AntiFrame kampanja, koja ima neke osnove.

Ako vasa prezentacija ne ispunjava uslove sa kraja clanka, moj je savet NE KORISTITI FRAME-OVE.

Razloga za ovo ima dosta, ali spomenucu samo najbitnije:

1. Jedina pozitivna osobina frame-ova jeste da stede prostor na serveru gde vam se nalazi prezentacija i omogucava vam da eventualno ostanu na raspolaganju korisniku kada ode sa vase prezentacije (ako neko zna jos neku, neka mi slobodno javi).

Da li ste na site-u Yahoo!, ZDNet, ili C|Net videli neki frame? Mozda, ali tek u nekom 4 ili 5 nivou prezentacije. U pitanju su site-ovi koji su najposeceniji (Yahoo!), ili medju najposecenijim site-ovima na Web-u. Koristite njihove ideje i daleko cete dogurati

("ako se vec kopira, treba kopirati najbolje").

2. Glavni problem kod frame-ova jeste da se u zavisnosti od njihovog broja ucitava toliki broj file-ova istovremeno, koji se ucitavaju u frame-ove (znaci, najmanje 2 file-a). Ljudi koji ih koriste kazu da to nema veze, jer navigaciona oblast (bar), koja je obicno razlog za upotrebu frame-a, zauzima malo prostora zajedno sa slikama koje se tu eventualno nalaze. Ovo je u redu do sledeceg momenta: Hocete da se prijavite na pretrazivace, i tu nastaju problemi. O ovome ce biti posebno reci u sledecem broju casopisa.

Ostalo (JAVA, VRML. . .)

Osnovna pitanja za sve dodatke na HTML stranicama su:

1. Da li vas posetilac moze to da vidi?

2. Da li ucitavanje dodatka uzima puno vremena?

Za sada to je sve, a sigurno cemo se vise puta vracati na ovu temu, jer je jako bitna.

Svi ovi saveti vaze pod najmanje 2 uslova:

1. U pitanju je prva stranica prezentacije (index.html ili index.htm), ili neka od pristupnih stranica na vas site.

2. Ako vec nemate dobru posecenost i dovoljno zanimljiv sadrzaj za koji posetioci znaju i voljni su da sacekaju. Mnogo je bolje imati pristupnu stranicu koja se brzo ucitava i na kojoj mozete prikazati sta sve imate.

Dragan Varagic, Februar 1998