1 / 15

pretraga.co.yu/vets/ im/

Lekcija 6 : Organi zacija i izrada Web sajta. http://www.pretraga.co.yu/vets/ im/. Organizacija Web prezentacije. Koncept sajta i potrebni sadr ž aj preduslovi su za kreiranje organizacije web prezentacije.

magda
Download Presentation

pretraga.co.yu/vets/ im/

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  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

More Related