WEB DIZAJN KLJUNI POJMOVI I TEHNOLOGIJE WEB STRANA
WEB DIZAJN KLJUČNI POJMOVI I TEHNOLOGIJE
WEB STRANA Web strana je datoteka najčešće pisana u HTML –u ili nekom sličnom ML –u (Markup Language), koji je namijenjen za WWW (World Wide Web) i prikaz u web pregledniku. Datoteka web strane je skup određenog broja linija koda i predstavlja isključivo tekst. Prilikom interpretiranja dobiva se grafički prikaz tekstualnog koda, koji je atraktivniji za krajnjeg korisnika. Grafičku vizualizaciju koda obavlja web preglednik. © 2018. SREDNJA MJEŠOVITA ŠKOLA "ŽEPČE" | ROBERT VRBIĆ, MAG. INF. 2
WEB STRANA Kod web strane Izgled web strane u pregledniku © 2018. SREDNJA MJEŠOVITA ŠKOLA "ŽEPČE" | ROBERT VRBIĆ, MAG. INF. 3
WEB SJEDIŠTE (WEB SITE) Skup web strana, koje su najčešće međusobno povezane linkovima, predstavljaju jednu logičku cjelinu i nalaze se na istoj Internet lokaciji naziva se web sjedište ili web site. Prvi web site zvanično je pušten u rad 6. 8. 1991. godine. Danas se broj sajtova procijenjuje na gotovo 2 milijarde. www. internetlivestats. com/total-number-of-websites © 2018. SREDNJA MJEŠOVITA ŠKOLA "ŽEPČE" | ROBERT VRBIĆ, MAG. INF. 4
WEB SJEDIŠTE (WEB SITE) © 2018. SREDNJA MJEŠOVITA ŠKOLA "ŽEPČE" | ROBERT VRBIĆ, MAG. INF. 5
TIPOVI WEB SJEDIŠTA Statički sajt podrazumijeva skup više web stranica koje programer u nekom trenutku kreira i nakon toga one su u tom obliku dostupne korisniku. Te strane su jednom kreirane i ostaju stalno iste. Obzirom da se uvijek prikazuje isti sadržaj i da on ne zavisi od trenutka pristupa, načina rada, nekog događaja i sl. Ovakvi sajtovi se nazivaju statički. Najčešće su kreirani samo primjenom HTML –a i CSS –a. Koriste se samo kada nisu potrebne česte promjene u sadržaju web sjedišta i kada nema potrebe da se način prikaza modificira. © 2018. SREDNJA MJEŠOVITA ŠKOLA "ŽEPČE" | ROBERT VRBIĆ, MAG. INF. 6
TIPOVI WEB SJEDIŠTA Dinamički web sajt podrazumijeva da se gotovo cijeli sadržaj, ili njegov veći dio, preuzima iz baze podataka (ili nekog tipa tekstualne datoteke). Sadržaj koji se šalje korisniku formira se dinamički, u trenutku kada to korisnik zahtijeva od web poslužitelja. Za izradu dinamičkih sajtova koriste se i posebni poslužiteljski jezici, poput PHP –a, ASP –a. . . , koji imaju mogućnost komuniciranja sa bazom podataka. © 2018. SREDNJA MJEŠOVITA ŠKOLA "ŽEPČE" | ROBERT VRBIĆ, MAG. INF. 7
TIPOVI WEB SJEDIŠTA Interaktivni site pruža korisnicima mogućnost da u ovisnosti od određenog događaja (kliki mišem na određenu oblast stranice, prelazak mišem preko slike ili linka, pokušaj napuštanja web stranice. . . ), trenutka (vrijeme proteklo od učitavanja, proteklo vrijeme od nekog događaja. . . ) ili na bazi prethodnih aktivnosti na tom web sjedištu, sadržaj djelomično ili potpuno izmijeni kao i način prikaza podataka. I statički i dinamički sajtovi mogu biti interaktivni i to isključivo ovisi od dodatnog koda kojeg programer definira unutar neke web strane. Obzirom da se te takve aktivnosti najčešće dešavaju na klijentskoj strani za to se koriste klijentski jezici, kao što je Java script. © 2018. SREDNJA MJEŠOVITA ŠKOLA "ŽEPČE" | ROBERT VRBIĆ, MAG. INF. 8
KLIJENTI I POSLUŽITELJI Poslužitelj (server) je svako računalo koje nudi svoje resurse na korištenje drugim računalima. Svako računalo koje koristi usluge poslužitelja naziva se klijent (client). Svako računalo može biti i klijent i server, ovisno o tome koristi li ili daje resurse. © 2018. SREDNJA MJEŠOVITA ŠKOLA "ŽEPČE" | ROBERT VRBIĆ, MAG. INF. 9
WEB POSLUŽITELJ Web poslužitelj (web server) je specijalizirani softver koji je instaliran na računalu, kojeg također nazivamo web poslužitelj. Primarna uloga web poslužitelja je da se na njemu udome web sajtovi ili web aplikacije kako bi bile dostupne na Internetu. Web poslužitelj se instalira na računalu koje mora imati statičku (nepromjenljivu) IP adresu. Web poslužitelj je sposoban prihvatiti http request (zahtjev) i na temelju njega generirati http response (odgovor). Trenutno najpopularniji web poslužitelji su: Apache, Nginx, Microsoft IIS (Internet Information Services), GWS (Google Web Server). © 2018. SREDNJA MJEŠOVITA ŠKOLA "ŽEPČE" | ROBERT VRBIĆ, MAG. INF. 10
WEB PREGLEDNIK Web preglednik (web browser) je program namijenjen pregledu web stranica. Preko web preglednika stupamo u vezu s web poslužiteljem i od njega tražimo da nam pošalje kopiju web stranice koju želimo posjetiti. Sa web poslužitelja se ka web pregledniku prvo prosljeđuje HTML kod web strane, nakon čega počinju da se generiraju ponovni zahtjevi ka web poslužitelju za svaku eksternu datoteku koja je definirana unutar HTML koda (CSS kod, skripte, slike, animacije, audio datoteke i sl. ). Sve navedeno web preglednik obavlja automatski, bez intervencije korisnika. Neki od najpoznatijih preglednika su: Chrome, Mozila Firefox, Opera, Internet Explorer, MS Edge i Safari. © 2018. SREDNJA MJEŠOVITA ŠKOLA "ŽEPČE" | ROBERT VRBIĆ, MAG. INF. 11
DOMENA Domena (domain) je jedinstveni naziv za Internet adresu, primjerice www. smszepce. info. Domena je ono što upisujemo u adresno polje web preglednika kako bismo došli do neke web stranice. Domene se razlikuju po nastavku domene: tako postoje domene država: . ba, . hr, . it, . us i generičke. com, . net, . info, . org, . gov. . . © 2018. SREDNJA MJEŠOVITA ŠKOLA "ŽEPČE" | ROBERT VRBIĆ, MAG. INF. 12
URL je akronim od Uniform Resource Locator, u prijevodu - ujednačeni ili usklađeni lokator sadržaja (resursa). Predstavlja mrežnu adresu nekog sadržaja. URL definira jedinstvenu adresu pomoću koje se bilo koji dokument koji se nalazi negdje u mreži može jednoznačno locirati. Primjeri: http: //www. test. com/dokumenti/dok 1. html , ftp: //test. com/datoteke/prirucnik. pdf © 2018. SREDNJA MJEŠOVITA ŠKOLA "ŽEPČE" | ROBERT VRBIĆ, MAG. INF. 13
HIPERVEZA Hiperveza (hyperlink) je veza prema nekom drugom dokumentu tj. nekoj drugoj web stranici. Najčešće ju prepoznajemo po drugačijoj boji i ispruženom prstu kada se pokazivač miša postavi iznad linka (veze). © 2018. SREDNJA MJEŠOVITA ŠKOLA "ŽEPČE" | ROBERT VRBIĆ, MAG. INF. 14
DNS (Domain Name System) je distribuirani hijerarhijski sustav Internet poslužitelja u kojem se nalaze informacije povezane s domenskim nazivima, tj. o povezanosti IP adresa i njihovih logičkih (simboličkih) imena. Uloga DNS-a je dobivanje IP adresa iz simboličkih naziva koji se mnogo lakše pamte. © 2018. SREDNJA MJEŠOVITA ŠKOLA "ŽEPČE" | ROBERT VRBIĆ, MAG. INF. 15
WEB HOSTING Web hosting (ili samo hosting) je usluga zakupa prostora na web poslužitelju uz dodatne usluge administracije baze podataka i tehničke podrške. Kako bi web stranica bila dostupna na Internetu ona se mora nalaziti na nekom poslužitelju. © 2018. SREDNJA MJEŠOVITA ŠKOLA "ŽEPČE" | ROBERT VRBIĆ, MAG. INF. 16
PROTOKOL Kako bi računala na mreži mogla međusobno komunicirati moraju pričati istim jezikom, odnosno protokolom. Protokol je skup pravila koji propisuje kako članovi mreže međusobno komuniciraju i razmjenjuju podatke. © 2018. SREDNJA MJEŠOVITA ŠKOLA "ŽEPČE" | ROBERT VRBIĆ, MAG. INF. 17
TCP/IP Sve mreže koje se spaju na Internet koriste Transfer Control Protocol/Internet Protocol (TCP/IP). TCP/IP je skup protokola pomoću kojih računala međusobno komuniciraju i razmjenjuju podatke na Internetu. Mrežni model korišten u TCP/IP grupi protokola je 4 -slojni model koji se sastoji od sljedećih slojeva: Sloj podatkovne veze Mrežni sloj Transportni sloj Aplikacijski sloj © 2018. SREDNJA MJEŠOVITA ŠKOLA "ŽEPČE" | ROBERT VRBIĆ, MAG. INF. 18
HTTP (Hypertext Transfer Protocol) je protokol aplikativnog sloja namijenjen prijenosu informacija na webu. HTTP je namijenjen komunikaciji između web preglednika i web poslužitelja i prijenosu hypermedia u koje spada i hypertext (posebno struktuiran tekst koji pored sadržaja teksta ima i niz dodatnih karakteristika). HTTPS (Hyper. Text Transfer Protocol Secure) je sigurna verzija HTTP protokola, koja koristi SSL/TLS protokol za zaštitu i skrivanje prometa, odnosno podataka koji se razmjenjuju između klijenta i poslužitelja. © 2018. SREDNJA MJEŠOVITA ŠKOLA "ŽEPČE" | ROBERT VRBIĆ, MAG. INF. 19
FTP (File Transfer Protocol) ) se koristi za prijenos datoteka s jednog računala na drugo. Pomoću FTP protokola, prebacujemo naše web stranice na web poslužitelj. FTP klijent © 2018. SREDNJA MJEŠOVITA ŠKOLA "ŽEPČE" | ROBERT VRBIĆ, MAG. INF. 20
JEZICI ZA WEB STRANICE U web programiranju se koristi nekoliko markup, skript i programskih jezika, koji se koriste za izradu dijelova ili cijelih web sajtova. Osnovna podjela tih jezika, koja se zasniva na mjestu njihovog izvršavanja, je na: 1. 2. Klijentske Poslužiteljske (serverske) © 2018. SREDNJA MJEŠOVITA ŠKOLA "ŽEPČE" | ROBERT VRBIĆ, MAG. INF. 21
JEZICI ZA WEB STRANICE Klijentski jezici se izvršavaju na korisničkom računalu, tj. na klijentskoj strani. Jednostavniji su, sa manje ograničenja i pravila, pa samim tim i lakši za korištenje. U klijentske jezike se ubrajaju: HTML, CSS, Action. Script, Java. Script, j. Query, VBScript. . . © 2018. SREDNJA MJEŠOVITA ŠKOLA "ŽEPČE" | ROBERT VRBIĆ, MAG. INF. 22
JEZICI ZA WEB STRANICE Poslužiteljski jezici se izvršavaju na web poslužitelju. Kompleksniji su, imaju mnogo strožija pravila i sintaksu nego klijentski jezici. Potreban im je web poslužitelj da bi se mogli izvršavati, u pravilu mogu komunicirati sa bazama podataka ili različitim tipovima tekstualnih i drugih datoteka. U poslužiteljske jezike se ubrajaju: PHP, ASP. NET, Java, Perl, Ruby, Python. . . © 2018. SREDNJA MJEŠOVITA ŠKOLA "ŽEPČE" | ROBERT VRBIĆ, MAG. INF. 23
- Slides: 23