preuzimanje - Visoka Å¡kola za informacione tehnologije ITS

28.12.2014 Views
Razvoj web sajta Fakulteta za primenjenu ekologiju – Futura Kristina Naumović 111/06 SADRŽAJ SADRŽAJ ...................................................................................................................... 2 SPISAK KLJUČNIH REČI .................................................................................................. 4 1. UVOD ....................................................................................................................... 5 2. ŽIVOTNI CIKLUS RAZVOJA WEB SAJTA ........................................................................ 7 3. ANALIZA I SPECIFIKACIJA ZAHTEVA WEB SAJTA FAKULTETA FUTURA .............................. 9 3.1 ANALIZA TRENUTNOG WEB SAJTA FAKULTETA FUTURA ............................................ 9 3.2 DEFINISANJE CILJEVA WEB PREZENTACIJE ........................................................... 14 3.3 INFORMACIONE TEME ........................................................................................ 15 3.4 TAKSONOMIJA INFORMACIJA .............................................................................. 15 4. PROJEKTOVANJE WEB PREZENTACIJE ........................................................................ 16 4.1 PRIMENA OSNOVNIH PRINCIPA NA ARHITEKTURU I KRETANJE ................................ 16 4.2 PODFAZE PROJEKTOVANJA .................................................................................. 17 4.2.1 PROJEKTOVANJE KRETANJA .......................................................................... 17 4.2.2 STRUKTURA INFORMACIJA ........................................................................... 19 4.2.3 PROJEKTOVANJE SADRŽAJA ......................................................................... 19 5. WEB TEHNOLOGIJE .................................................................................................. 20 5.1 HTML, XHTML .................................................................................................... 20 5.2 CSS .................................................................................................................. 21 5.3 JAVASCRIPT ...................................................................................................... 22 5.4 WEB ČITAČI ...................................................................................................... 22 6. DIZAJN WEB PREZENTACIJE ..................................................................................... 23 6.1 DIZAJNIRANJE ZA KORISNIKE ............................................................................. 23 6.1.1 KORISNOST I UPOTREBLJIVOST .................................................................... 23 6.1.2 PRISTUPAČNOST ......................................................................................... 24 6.2 GRAFIČKI INTERFEJS ......................................................................................... 28 6.2.1 PRAVILA DIZAJNA INTERFEJSA ..................................................................... 28 6.3 NAVIGACIJA ...................................................................................................... 31 6.3.1 DOSLEDNOST NAVIGACIJE ........................................................................... 34 6.3.2 BOOKMARKING ........................................................................................... 34 6.3.3 FUNKCIJE LINKOVA ..................................................................................... 34 6.3.4 DOSTUPNOST LINKOVA ............................................................................... 36 6.3.5 STANJA LINKOVA ........................................................................................ 36 6.3.6 POUZDANOST LINKOVA ............................................................................... 36 6.4 LEYOUT WEB STRANICE ...................................................................................... 37 6.4.1 TEHNIČKA PITANJA ..................................................................................... 37 6.4.2 ALATI ZA RASPORED STRANICE .................................................................... 38 6.4.3 ESTETSKA PITANJA ..................................................................................... 39 6.5 BOJE ................................................................................................................ 39 6.5.1 RGB SISTEM BOJA ....................................................................................... 39 6.5.2 ZNAČENJE BOJA .......................................................................................... 40 6.6 GRAFIKA ........................................................................................................... 42 6.7 TIPOGRAFIJA ..................................................................................................... 44 6.8 OBRASCI .......................................................................................................... 45 7. SEO ....................................................................................................................... 45 7.1 PRIJAVLJIVANJE NA PRETRAŽIVAČE ..................................................................... 45 7.2 OPTIMIZACIJA ZA PRETRAŽIVAČE ........................................................................ 45 7.2.1 GOOGLE ANALYTICS .................................................................................... 47 8. TESTIRANJE ............................................................................................................ 48 9. OBJAVLJIVANJE I ODRŽAVANJE ................................................................................. 49 10. KORIŠĆENI ALATI .................................................................................................. 50 10.1 ADOBE DREAMWEAVER CS4 .............................................................................. 50 10.2 ADOBE PHOTOSHOP CS4 .................................................................................. 51 10.3 ADOBE ILLUSTRATOR CS3 ................................................................................. 51 11. ZAKLJUČAK ........................................................................................................... 52 LITERATURA ............................................................................................................... 54 2 / 54

Razvoj web sajta Fakulteta za primenjenu ekologiju – Futura Kristina Naumović 111/06 Sadržaj slika Slika 1. Kaskadni model ................................................................................................. 7 Slika 2. JAD Model ......................................................................................................... 8 Slika 3. Osnovne akademske studije iz stavke “Futura” .................................................... 12 Slika 4. Osnovne akademske studije iz stavke Akreditacija ............................................... 13 Slika 5. Taksonomija informacija ................................................................................... 15 Slika 6. Dijagram toka podataka .................................................................................... 18 Slika 7. Primer tabele koja se kristi za izgled web stranice ................................................ 26 Slika 8. Redosled pristupa ćelijama u procesu linearizacije ................................................ 27 Slika 9. Redosled ćelija dobijen u procesu linearizacije tabele sa slike 2. ............................. 27 Slika 10. Početna stranica web sajta Fakulteta za primenjenu ekologiju - Futura ................. 30 Slika 11. Elementi navigacije web sajta Futura ................................................................ 33 Slika 12. Izgled favicon.ico ........................................................................................... 34 Slika 13. Kombinacija boja iz slike elementa voda ........................................................... 41 Slika 14. Kombinacija boja iz slike elementa vatra ........................................................... 42 Slika 15. Komprimovanje fajla u Fotošopu ...................................................................... 43 Slika 16. Primer serif i sans serif fonta ........................................................................... 44 Slika 17. Interfejs Google Analytics alata ........................................................................ 48 Sadržaj tabela Tabela 1. Principi primenjeni na arhitekturu web prezentacije i kretanje po njoj .................. 16 Tabela 2: Principi primenjeni na projektovanje sadržaja ................................................... 20 Tabela 3. Uobičajena značenja boja u zapadnoj kulturi ..................................................... 41 3 / 54

Page 1: VISOKA ŠKOLA STRUKOVNIH STUDIJA ZA

Page 5 and 6: Razvoj web sajta Fakulteta za prime

























sajta

fakulteta

koji

futura

primenjenu

ekologiju

stranice

koje

razvoj

slika

preuzimanje

visoka

informacione

tehnologije

www.its.edu.rs

preuzimanje - Visoka Å¡kola za informacione tehnologije ITS

preuzimanje - Visoka Å¡kola za informacione tehnologije ITS ... View more preuzimanje - Visoka Å¡kola za informacione tehnologije ITS

Delete template?

Save as template ?

preuzimanje - Visoka Å¡kola za informacione tehnologije ITS preuzimanje - Visoka Å¡kola za informacione tehnologije ITS