Web tehnologije

1. Web tehnologije Web dizajn i vrste web sajtova

2. Web dizajn se koristikaoopštiterminzaopisivanjerazličitihzadatakakojisuuključeni u kreiranju web stranice. • Web se sastojiodproizvoljnomnogostranica, kojeprezentujuinformacijekoristećirazličitetehnologijeisvezajednopovezane s hipervezama. Postojedvaosnovnaaspektazabilokoju web stranicukojumožetenaćinainternetu. • Prvi aspekt je front-endonoštoposetilacstranicevidi (komunikacijasaposetiocima) • Drugiaspektback-end jeto je sveonošto posetilacne vidinaprvipogledili ne moževidetiuopšte (to suprogramskikodovikojipokrećusamu web prezentaciju).

3. Alati u Web dizajnu • Osnovni 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 trebada 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

4. Zadatak web dizajnera • Zadatak web dizajnera je dakoristećielementekojičine web dizajn (boja, tipografija, tekstura, svetlost, kompozicija...) isamsadržaj web prezentacije (tekst, slike, multimedija), kreirainteresantan, primamljivizakorisnikeintuitivanilakinterfejszakorišćenje. Atmosferakojomodišejedna web prezentacija, direktnoutičenauspešnost web stranice.

5. Ko je uključen u Web dizajn • U 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.

6. Podela Web sajtova Kriterijumi za podelu Web sajtova mogu biti različiti.. • Podelaweb sajtovapremasadržaju – nameni: personalni (lični) web sajtovi, komercijalni web sajtovi, informativni web sajtovi, blogovi, forumi, socijalnemreže, web sajtovizadeljenjesadržaja, web direktorijumi, web alati… • Podela web sajtovapremainteraktivnostisaposetiocima: Statičkiidinamički web sajtovi • Podela web sajtovaprematehnologijiizrade: HTML, XHTML, web sajtovisa CMS-om, Flash web sajtovi Kako god podelili web sajtove, jednoim je zajedničko: svinastojedaimajuštovećuposećenost

8. Web sajtovi prema nameni • Personalni (lični) web sajtoviPotreba 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.

9. 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.

10. 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 poslovnomsmislu. • 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 jewww.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....

11. 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...

12. Podela web sajtova prema interaktivnosti • 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.

13. Dinamički web sajt Dinamič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.

14. Podela web sajtova prema tehnologiji izrade • WEB sajt rađen HTML/XHTML-omHTML/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

15. Za domaći zadatak: Navesti po 3 primera za sve vrste web sajtova klasifikovanih prema nameni (sadržaju)