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

Alati u Web dizajnu Osnovni jezik za naređivanje šta će web prezentacija reći nekom browseru se zove Hyper. Text Markup Language (HTML). Stroža verzija HTML-a koja se koristi, poznata je kao e. Xtensible 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

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

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.

Podela Web sajtova Kriterijumi za podelu Web sajtova mogu biti različiti. . Podela web sajtova prema sadržaju – nameni: personalni web sajtova prema sadržaju (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 interaktivnosti sa posetiocima: Podela web sajtova prema interaktivnosti Statički i dinamički web sajtovi Podela web sajtova prema tehnologiji izrade: HTML, Podela web sajtova prema tehnologiji izrade 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

Komercijalni Web alati Web direktorijumi Personalni Prema nameni Informativni Deljenje sadržaja Blog Društvene mreže Forum

Web sajtovi prema nameni Personalni (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 sajtovi Komercijalni 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.

Informativni sajtovi Sama 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. Blogovi 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… Forumi 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.

Druš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žaja Ovi 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 adresari Web 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. .

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

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

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

Podela web sajtova prema tehnologiji izrade WEB 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-om Web 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 sajt Web 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

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