web tehnologije

15
Web dizajn i vrste web sajtova

Upload: heath

Post on 07-Jan-2016

32 views

Category:

Documents


0 download

DESCRIPTION

Web tehnologije. Web dizajn i vrste web sajtova. Web dizajn se koristi kao opšti termin za opisivanje različitih zadataka koji su uključeni u kreiranju web stranice . - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Web  tehnologije

Web dizajn i vrste web sajtova

Page 2: Web  tehnologije

Web dizajn se koristi kao opšti termin za opisivanje različitih zadataka koji su uključeni u kreiranju web stranice.

Web se sastoji od proizvoljno mnogo stranica, koje prezentuju informacije koristeći različite tehnologije i sve zajedno povezane s hipervezama. Postoje dva osnovna aspekta za bilo koju web stranicu koju možete naći na internetu.

Prvi aspekt je front-end ono što posetilac stranice vidi (komunikacija sa posetiocima)

Drugi aspekt back-end je to je sve ono što posetilac ne vidi na prvi pogled ili ne može videti uopšte (to su programski kodovi koji pokreću samu web prezentaciju).

Page 3: Web  tehnologije

Alati u Web dizajnuOsnovni jezik za naređivanje šta će web prezentacija reći

nekom browseru se zove HyperText Markup Language (HTML). Stroža verzija HTML-a koja se koristi, poznata je kao eXtensible Hypertext Markup Language (XHTML). Korištenjem HTML ili XHTML, web dizajner će reći browseru kako web stranice treba da se prikazuju. U poslednjih nekoliko godina došlo je do odvajanja osnovne strukture web-stranice (koristeći HTML) od vizuelnog prikaza stranice (koristeći Cascading Style Sheets ili CSS). Ovakav pristup ima brojne prednosti i danas je nezamjenljiv.

Ovo su najjednostavniji alati koji služe za kreiranje statičkih web sajtova, o ostalim alatima u narednim lekcijama

Page 4: Web  tehnologije

Zadatak web dizajneraZadatak web dizajnera je da koristeći elemente koji čine

web dizajn (boja, tipografija, tekstura, svetlost, kompozicija...) i sam sadržaj web prezentacije (tekst, slike, multimedija), kreira interesantan, primamljiv i za korisnike intuitivan i lak interfejs za korišćenje. Atmosfera kojom odiše jedna web prezentacija, direktno utiče na uspešnost web stranice.

Page 5: Web  tehnologije

Ko je uključen u Web dizajnU okviru jednog web projekta, web dizajner je osoba

kojoj je povereno osmišljavanje i realizacija samog lica web prezentacije, odnosno interfejsa koji se nalazi pred klijentima-posetiocima web stranica. Pored web dizajnera, u procesu izrade web prezentacije učestvuju i programeri, SEO i marketing tehničari, Flash developeri i mnogi drugi, u zavisnosti od obima projekta.

Page 6: Web  tehnologije

Podela Web sajtovaKriterijumi za podelu Web sajtova mogu biti različiti..Podela web sajtova prema sadržajuPodela web sajtova prema sadržaju – nameni: personalni

(lični) web sajtovi, komercijalni web sajtovi, informativni web sajtovi, blogovi, forumi, socijalne mreže, web sajtovi za deljenje sadržaja, web direktorijumi, web alati…

Podela web sajtova prema interaktivnostiPodela web sajtova prema interaktivnosti sa posetiocima: Statički i dinamički web sajtovi

Podela web sajtova prema tehnologiji izradePodela web sajtova prema tehnologiji izrade: HTML, XHTML, web sajtovi sa CMS-om, Flash web sajtovi

Kako god podelili web sajtove, jedno im je zajedničko: svi nastoje da imaju što veću posećenost

Page 7: Web  tehnologije
Page 8: Web  tehnologije

Web sajtovi prema nameniPersonalni (lični) web sajtovi

Potreba ljudi ili udruženja da drugima kroz slike i reči predstave sebe, svoju organizaciju, porodicu, aktivnosti, interesovanja, razmišljanja… doprinela je popularnosti ovog tipa web sajtova. Na internetu je moguće pronaći besplatan prostor za kreiranje takvih sadržaja.

Komercijalni sajtoviKomercijalni web sajtovi imaju za cilj da predstave proizvode i usluge koje nudi vlasnik sajta i privuče potencijalne klijente. Osim jednostavnog predstavljanja roba i usluga komercijalni web sajtovi sve češće omogućavaju online naručivanje i plaćanje preko interneta.Ovi web sajtovi treba da budu jedinstveni, privlačni posetiocima i jednostavni za korišćenje, u protivnom, umesto da privuku, mogu da odbiju potencijalne kupce, odnosno korisnike usluga koje web sajt nudi.

Page 9: Web  tehnologije

Informativni sajtoviSama reč kaže da su to web sajtovi koji pružaju informacije o različitim temama (tematski organizovani). Najpoznatiji je svakako www.wikipedia.org koji predstavlja najveću online enciklopediju. Ovaj web sajt je interaktivan jer omogućava posetiocima da pišu svoja objašnjenja.

BlogoviBlogovi su web sajtovi hronološki organizovanih zapisa (postova) namenjeni da podelite svoje mišljenje sa drugima na internetu bez obzira na temu ili sadržaj, da učestvujete u diskusijama sa drugim blogerima, postavljate slike ili komentare…

ForumiForumi su vrlo slični blogovima, ali za razliku od bloga imaju unapred zadate oblasti o kojima se diskutuje unutar kojih se otvaraju pojedine teme, postavljaju pitanja i očekuje pomoć u vidu odgovora. Postoje opšti forumi ili forumi specijalizovani na određene oblasti. Vrlo često su forumi deo nekog web sajta gde se diskutuje na temu o kojoj je sam web sajt domaćin.

Page 10: Web  tehnologije

Društvene mrežeDruštvene mreže su web sajtovi za masovno međusobno povezivanje ljudi, razmene informacija, fotografija i drugih ličnih podataka. Postoje i mreže koje povezuju ljude u poslovnom smislu.

Web sajtovi za deljenje sadržajaOvi web sajtovi omogućavaju ljudima da postavljaju odgovarajuće sadržaje na internet (slike, muziku, video klipove...) i te sadržaje dele sa drugima. Najpoznatiji je www.youtube.com

Web direktorijumi i poslovni adresariWeb direktorijumi su sajtovi koji sadrže uglavnom linkove prema drugim sajtovima. Sajtove razvrstavaju po kategorijama i osim kratkog opisa web sajta, eventualno jedne slicice (logo) i linka ne sadrže ništa drugo. Poslovni adresari orjentisani su na web sajtove firmi i sadrže puno više podataka i o web sajtu i o firmama: više teksta i opisa, logo, slike, adrese, telefone, email adrese, mape....

Page 11: Web  tehnologije

Web alatiWeb alati su sajtovi koji nude razne alate za Vaš web sajt, kao što je na primer vođenje statistike, merenje brzine interneta, merenje pinga, provere geografskog položaja neke IP adrese i slično. U web alate možemo svrstati i pretraživače bez kojih je korišćenje interneta postalo nezamislivo (Google, Yahoo, Bibg, AOL, Ask...).

Značajno mesto zauzimaju i web sajtovi za zabavu - online igrice, edukativni web sajtovi (sajtovi sa raznim uputstvima - tutorijali), sajtovi za download muzike, filmova ili gotovih rešenja u svim oblastima i tako dalje...

Page 12: Web  tehnologije

Podela web sajtova prema interaktivnosti1. Statički web sajt

Statički web sajtovi su oni koji sadrže neke informacije koje se ne menjaju i ne osvežavaju duže vremena (ili nikad dok oni postoje). Jednostavni su, najbrže se rade, te su obično i najjeftiniji. Najčešće se rade u HTML-u, odnosno u XHTML-u u kombinaciji sa CSS-om. Mogu imati animacije i java skripte ali nemaju interaktivnost sa posetiocima.Sva aktivnost posetioca ovakvog web sajta svodi se na pregledanje sadržaja i eventualno korišćenje kontakt forme. Ne zahtevaju bazu podataka. Celokupan HTML kôd izvršava se u browser-u posetioca. Obično se brže učitavaju i lakše ih je optimizovati za pretraživače. Pogodni su za manje zahtevne web sajtove, sa manje podataka i gde interakcija sa posetiocima nije neophodna.

Page 13: Web  tehnologije

2. Dinamički web sajtDinamični web sajtovi su oni čiji se sadržaj često osvežava i dopunjava novim informacijama. To su na primer portali sa vestima, forumi i drugi web sajtovi, na kojima možete svakodnevno (ili čak i svakih nekoliko minuta) naći neki novi sadržaj i nove informacije. Ovakvi web sajtovi su većinom mnogo popularniji i mnogo posećeniji od statičkih.Dinamički web sajt omogućava manju ili veću interakciju sa posetiocima, prikuplja podatke o posetiocima i njihovim interesovanjima, omogućava ograničen pristup delovima sajta određenim kategorijama posetioca, automatski šalje obaveštenja ili vesti posetiocima koji to žele… Obično se rade u nekom programskom jeziku (php, asp…) i kôd im se izvršava na serveru, pa tek potom šalje browser-u. Podaci se smeštaju u bazu podataka, odakle se po potrebi “pozivaju”. Komplikovaniji su za izradu i optimizaciju.

Page 14: Web  tehnologije

Podela web sajtova prema tehnologiji izradeWEB sajt rađen HTML/XHTML-om

HTML/XHTML je najprostija tehnika, gde se koriste HTML, odnosno XHTML kôdovi koji direktno čitaju web browser-i i koriste se za izradu jednostavnih statičkih web sajtova.

WEB sajt sa CMS-omWeb sajt sa CMS-om je obično dinamičan web sajt, interaktivan je sa posetiocima i zahteva duže vreme izrade, web programiranje… Ovi web sajtovi mogu biti vrlo kompleksni sa kompletnim online prodavnicama – online shop, a mogu biti povezani sa sistemima za internet plaćanja roba i usluga.

Flash web sajtWeb sajtovi urađeni u flash-u mogu biti veoma atraktivni, sa animacijama, zvucima – muzikom, mogu biti interaktivni sa korisnicima, sa ili bez CMS-a… Flash sajtovi predstavljaju prave male filmske predstave na web-u

Page 15: Web  tehnologije

Navesti po 3 primera za sve vrste web sajtova klasifikovanih prema nameni (sadržaju)