1. WORLD WIDE WEB
Kolegij: Multimedijski sustavi
Nositelj kolegija: Nataša Hoić-Božić
Autor: Nina Pošćić

2. WWW definicija
 80-ih godina prošlog stoljeća koristio se tzv. singularni pristup off-line
multimediji
 Razvojem računalnih mreža omogućeno je istovremeno informiranje,
obučavanje i obrazovanje velikog broja korisnika
 Internet usluga koja se najbrže širi je World Wide Web
 Nastao je u ožujku 1989. godine
 Objedinjuje hipermediju i računalne mreže
 WWW je mrežni navigacijski servis ili sinteza drugih Internet usluga koji
pomaže u pronalaženju resursa na Internetu

3. WWW – povijest ukratko
 1989. razvoj započeo u Europskom centru za nuklearna istraživanja
(CERN)
 1990. nastaje prvi hipertekstualni prototip koji koristi HTML i HTTP
 1993. Marc Andreessen razvija u NCSA prvo grafičko sučelje Mosaic
 1994. CERN i MIT osnivaju W3C
 1995. razvijen Internet Explorer 1.0
 1996. započinje korištenje weba u komercijalne svrhe
 1997. HTML 4 (od 1999. HTML 4.01)
 1998. CSS Recommendation
 2000. W3C prihvaća XHTML 1.0 specifikaciju kao preporuku
 Od 2002. započinje razvoj Weba 2.0
 2012.W3C dovršio definiciju HTML 5

4. WWW poslužitelji i klijenti
WWW poslužitelji
 WWW je korisničko-poslužiteljski sustav
 WWW poslužitelj isporučujeWWW hipermedijske dokumente na
zahtjev klijenta
 Klijenti šalju poruke poslužiteljima zahtjevajući određene dokumente
ili servise, a poslužitelj vraća dokument ili dostupni servis
 Klijenti i i poslužitelji koriste HTTP protokol za međusobnu
komunikaciju
WWW klijenti
 Program koji predstavlja korisničko sučelje premaWWW mreži i
prikazuje dokumente dohvaćene saWWW servera
 Imaju mogućnost zahtijevanja dokumenata i s drugih servera

5. HTTP protokol i uspostavljanje
mreže
 HTTP je glavna i najčešća metoda prijenosa informacija naWebu
 Osnovna namjena mu je omogućavanje objavljivanja i
prezentacije HTML dokumenata, tj. web stranica
 Ugrađene metode za zahtjeve klijenta su:
 GET – zahtjev serveru da pošalje stranu kodiranu kao MIME
 HEAD – traži samo zaglavljeWeb stranice
 PUT – za spremanje strane na server
 POST – dodaje podatke na kraj izvora
 DELETE – briše stranu sa servera
 LINK, UNLINK – za uspostavljanje i prekidanje veza između
strana i drugih resursa

6. Uspostavljanje HTTP veze
 HTTP protokol se temelji na zahtjev/odgovor (request/response)
paradigmi
 Faze uspostavljanja veza između klijenta i servera:
1. Uspostavljanje veze (connection) – klijent inicira, server
potvrđuje
2. Zahtjev (request) – klijent šalje serveru
3. Odgovor (response) – servera klijentu
4. Prekidanje veze (close) - prekida je server

7. URL definicija i tipovi
 URL je putanja do određenog sadržaja na Internetu te se naziva i Web
adresa
 Tri osnovna dijela URL adrese:
 Ime protokola za dohvat podataka, nakon toga slijedi
dvotočka i dvije kose crte (://)
 DNS ime Internet računala na kojem se nalazi traženi servis
te nakon toga kosa crta (/)
 Ime datoteke i direktorija
protokol://ime.računala/direktorij/datoteka

8. HTML jezik i dokumenti
 HTML je kratica za HyperText Markup Language, što
znači prezentacijski jezik za izradu web stranica
 HTML koristi se naWWW od 1990. godine, a službeno
prihvaćena verzija je HTML 4.01 koja je dovršena
1999. godine
 HTML dokumenti su obične ASCII tekstualne datoteke sa
nastavkom .html ili .htm
 Mogu se direktno kreirati na običnim editorima teksta ( npr.
Notepad), na specijalnim editorima ili HTML autorskim alatima
 Sadrže oznake koje definiraju početak i kraj naslova, odlomaka,
listi, stilova teksta, hiperveza,..
 Početna oznaka je između znakova manje i veće : < i > a završna
između znakova </ i >
Službeni logo
HTML 5 standarda

9. HTML jezik i dokumenti (2)
HTML dokument uVisual Studiu 2012
HTML dokument u
preglednikuGoogle Chrome

10. Osnovni HTML 4.01 elementi
 Osnovni elementi HTML 4.01 mogu se grupirati u nekoliko grupa:
 Strukturalni dokumenti
 Oblikovanje odlomaka
 Oblikovanje znakova
 Označavanje listi
 Kreiranje hiperveza
 Uključivanje slika i slikovnih mapa
 Kreiranje tablica
 Kreiranje obrazaca (eng. forms)
 Kreiranje okvira (eng. frames)
 Uključivanje objekata i multimedijalnih zapisa

11. NovijiWWW standardi
 Noviji WWW standardi su:
 XML
 XHTML
 SMIL
XML – Ekstensible Markup Language
 HTML se pokazao nedostatnim za izraduWeb aplikacija
 XML je nadopunjeni novi jezik koji podržava sve HTML
osobine ali ima i brojne nove
 Nije fiksan kao HTML, autori mogu sami kreirati svoje vlastite
oznake
 Služi za strukturiranje podataka

12. NovijiWWW standardi (2)
XML dokumenti
 Razlikujemo 2 vrste dokumenata:
 dobro formatirani
 valjani
 Dobro formatirani XML mora zadovoljavati
3 pravila:
 dokument mora sadržavati barem jedan
 element
 mora sadržavati glavni (root) element
 svi ostali elementi unutar dokumenata
moraju biti ugniježđeni bez prekrivanja među njima
 Valjani dokument je dobro formatiran XML dokument koji
još ima i DTD (posebna pravila za kreiranje vlastitih oznaka)
Struktura XML
dokumenta

13. NovijiWWW standardi (3)
XHTML (EXtensible HyperText Markup Language)
 Predstavlja precizniju verziju HTML-a
 Sastoji se od elemenata HTML 4.01 i sintakse XML-a
 Razlikuje se od HTML 4.01 po tome što elementi moraju biti
pravilno ugniježđeni, pisani isključivo malim slovima, zatvoreni
završnom oznakom i mogu imati samo jedan korijenski element
 Na početku dokumenta se mora nalaziti DOCTYPE deklaracija
koja navodi korišteni DTD
 DTD može biti strogi, prijelazni i DTD za okvire (preporuka strogi
DTD)
 Obavezni elementi: html, head, title, body

14. NovijiWWW standardi (4)
SMIL
 Jezik oznaka za opisivanje i objavljivanje audiovizualnih
prezentacija naWWW, pisan u XML -u
 Objedinjuje multimedijske elemente popu texta, zvuka, slika,
videa,...
 SMIL 2.0 koristi modularni pristup
 Cijeli dokument je zatvoren između korijenskog elementa smil koji
sadrži head i body elemente
 Potrebno je definirati kada će se medijski elementi pojaviti i koliko
će se dugo prikazivati na ekranu