28.12.2014 Views

preuzimanje - Visoka Å¡kola za informacione tehnologije ITS

preuzimanje - Visoka Å¡kola za informacione tehnologije ITS

preuzimanje - Visoka Å¡kola za informacione tehnologije ITS

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Razvoj web sajta Fakulteta <strong>za</strong> primenjenu ekologiju – Futura Kristina Naumović 111/06<br />

ili način stupanja u kontakt sa administratorom web sajta. Postoje i strane <strong>za</strong> preusmeravanje<br />

koje korisnika usmeravaju na novu stranu umesto da mu prikazu stranicu sa 404 greškom.<br />

Ove namenske stranice <strong>za</strong> obaveštavanje i stranice <strong>za</strong> preusmeravanje mogu da<br />

pomognu neko vreme ali ipak, linkove je potrebno stalno kontrolisati.<br />

6.4 LEYOUT WEB STRANICE<br />

Da bi bio uspešan u današnje vreme, moderan izgled ili raspored web stranice<br />

takozvani elektronski layout web stranice mora da se po<strong>za</strong>bavi kako tehničkim tako i estetskim<br />

pitanjima. Tehnička pitanja se odnose na to koliko veliki fajlovi smeju da budu, kolika je<br />

veličina i rezolucija korisnikovog ekrana, a estetska pitanja se odnose na to kako ćemo urediti<br />

tekst, slike i beline (engl. White space) na stranici.<br />

6.4.1 TEHNIČKA PITANJA<br />

Ukupna veličina fajlova - Što je veća ukupna veličina fajlova na stranici to je više<br />

vremena potrebno da se učita stranica. Ukupna veličina fajlova odnosi se na sve fajlove koji<br />

čine web stranicu. U to spada HTML, eksterni CSS, eksterni JavaScript, slike, zvuk i video. Od<br />

pomenutih fajlova, HTML, CSS i JavaScript su fajlovi sa običnim tekstom, i oni su obično<br />

kompaktni. Slike, zvuk i video fajlovi su oni koji prave download probleme. Ako se utvrdi da<br />

većina korisnika web sajta koristi brz internet kao što je aDSL onda stranice mogu biti velike,<br />

ali ako korisnici koriste dial-up onda stranice moraju biti male.<br />

Veličina monitora i ekranska rezolucija - Treba voditi računa o tome kako će se<br />

ponašati elementi web stranice na različitim veličinama monitora i ekranske rezolucije. Ako su<br />

sistemi male rezolucije i/ili velikog monitora to će rezultovati velikom tekstu i slikama na web<br />

stranici, efektu koju ne želimo da postignemo, a ako su sistemi velike rezolucije i/ili malih<br />

monitora tekst i slike će biti jako mali, skoro da tekst ne može da se pročita.<br />

Horizontalna veličina web stranice – Kada je web stranica preširoka da stane na<br />

korisnikov displej čitači obezbeñuju horizontalni kli<strong>za</strong>č (engl. Scroll bar) kako bi mogli da se<br />

vide sakriveni delovi te stranice. Generalno korisnici ne vole skrol barove i potrebno je<br />

obezbediti širinu stranice koja odgovara većini korisnika.<br />

Kada je urañena anali<strong>za</strong> web sajta Fakulteta Futura došlo se do <strong>za</strong>ključka da većina<br />

korisnika su mladi ljudi koji prate moderne <strong>tehnologije</strong>, pa samim tim pretpostavlja se da<br />

većina koristi monitore rezlolucije od 1024x768 px i naviše. Na osnovu toga horizontalna<br />

veličina stranice web sajta je urañena prema tim <strong>za</strong>htevima i ona iznosi 900px.<br />

Vertikalna veličina stranice – Iako korisnici ne vole horizontalni skrol bar, vertikalni<br />

skrol bar je obično dobro tolerisan. Neki korisnici više vole da skroluju niz jednu veliku stranicu<br />

nego da čekaju više odvojenih stranica da se učitavaju.<br />

Svaki čitač koristi drugačija standardna podešavanja <strong>za</strong> margine web stranice (ne<br />

samo <strong>za</strong> margine nego i <strong>za</strong> većinu elemenata HTML koda). Tako jedna stranica neće izgledati<br />

isto u Firefoxu i Internet Exploreru ako se ne podese svojstva margina. U CSS-u se podešavaju<br />

svojstva preko sledećeg koda:<br />

37 / 54

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!