pretraga.co.yu/vets/ im/

1. Lekcija 6:Organizacija i izrada Web sajta http://www.pretraga.co.yu/vets/im/

2. Organizacija Web prezentacije Koncept sajta i potrebni sadržaj preduslovi su za kreiranje organizacije web prezentacije. Organizacija web sajta (informaciona arhitektura) predstavlja određivanje (raspoređivanje) sadržaja prema njihovoj važnosti. U slučaju kreiranja malih (jednostavnih) sajtova, najčešće se upravo raspoređivanjem sadržaja Web prezentacije (kreiranjem strukture sadržaja ili mape sajta) dobija i njen koncept.

3. Kreiranje Web sajta (kako bi trebalo) • Definisanje ciljeva (strategija, koncept) • Kreiranje funkcionalne specifikacije • Kreiranje funkcionalnog dizajna (sadržaji, informaciona arhitektura, informacioni dizajn, navigacija) • Kreiranje vizuelnog rešenja Web stranica • Programiranje sajta na osnovu funkcionalne specifikicaje i funkcionalnog dizajna • Izrada tehničke dokumentacije Web sajta (uputstvo za korišćenje i dokumentacija koda Web sajta) • Testiranje sajta

4. Elementi doživljaja Web sajta od strane korisnika The Elements of User Experience (www.jjg.net/ia/) Pročitati oba članka sa adrese: http://www.taboomagazine.org/code/navigate.asp?Id=25

5. Informacioni dizajn (wireframe – žičani model)

6. Informaciona arhitektura (IA) Informaciona arhitektura predstavlja određivanje strukture sajta i strukture sadržaja po stranicama sajta (raspored sadržaja po važnosti), u skladu sa razmišljanjima (doživljajem) korisnika. Komponenete sadržaja stranice Content Item Detail List Input Tabular Data

7. Scenario sajta (Interactive Design)

8. Funkcionalna specifikacija Predstavlja opis različitih vrsta sadržaja u tekstualnom i grafičkom obliku, sa aspekta njihove funkcije na sajtu. Content Item Detail List Input Tabular Data

9. Vizuelno rešenje Web stranica

10. Organizacija Web prezentacije (preko navigacije) Blok-dijagram sajta

11. Organizacija Web prezentacije Skica izgleda prve stranice sajta (mapa + scenario)

12. Formiranje navigacije Web sajta • Na osnovu blok-dijagrama vidi se kako će organizaciono izgledati ceo sajt. • Izdvajaju se zasebne kategorije sajta sa sadržajnog i dizajnerskog aspekta. • Formira se navigacija na sajtu. • Formiraju se linkovi na home page-u. • Vidi se struktura direktorijuma i fajlova na sajtu.

13. Navigacija Web sajta • Osnovna navigacija • Dodatna navigacija • Horizontalna navigacija • Vertikalna navigacija

14. Načini kreiranja navigacije Web sajta • Navigacija izvedena u sklopu HTML dokumenta(tekstualna navigacija, mapa sajta) • Navigacija izvedena pozivanjem različitih objekata van HTML dokumenta(slike, Java Script, Java Applet, DHTML, CSS...) • Navigacija koja se vodi sa servera, pozivanjem određenog koda u HTML dokumentu.

15. Položaj navigacije na Web stranici • Horizontalna • Na vrhu (header) • Na dnu (footer) • Vertikalna • Leva • Desna • Ne-standardne vrste navigacije