Upload
lamanh
View
234
Download
0
Embed Size (px)
Citation preview
mr Nenad Kojić
Web sajtovi nove generacije
2
1 3
7
6
5
4
9
8
12
11
10
19
18
17
16
15
14
13
20
D3
D2
D1
S2
1 3
7
6
5
4
9
8
12
11
10
19
18
17
16
15
14
13
20
D3
D2
D1
S
Uvod� Osnovni pojmovi� Način rada Interneta� Web serveri� Web sajtovi� Komunikacija na Internetu� Kreiranje web sajtova� HTML i CSS� Dinamički web sajtovi� Sajtovi nove generacije
Web server� Računar u mreži sa statičkom IP adresom� Računar sa softverom koji ume da prihvata i šalje
zahteve (odgovore)� Računar na kome su fiziči snimljeni web sajtovi
Web browser Web server
Komunikaciona mreža
Web browser Web server
Komunikaciona mreža
Hosting� Iznajmljivanje prostora na hrad disku web servera� Na taj način web sajt se nalazi na web serveru
Pojam Host-a, Domain-a, IP-a� host označava računar kome se pristupa sa drugog udaljenog računara
� domain name je jedinstvena adresa koja
se koristi da bi se identifikovao računar kao Web server na Internetu
� domain identifikator definiše tip institucije ili organizacije (.biz, .com, .edu, .org, .net)
� Internet Protocol, ili IP adresa, je drugi način da se definiše server
.jp.name
.net
.net.cc.com
.co.uk.biz
.ca
.us
.info
Šta je web sajt ?� Sajt je skup web stranica !
� Koliko stranica ?
� Kojih stranica ?
�Kako se prave ?
�Kako im se pristupa ?
Kako se pristupa web stranama ?� Potreban je poseban softver – web browser� Na srpskom – web pregledač
� Web browseri su: Mozilla Firefox, Internet Explorer, Opera, Netscape, ...
� Web browseri su besplatni, i njihova funkcija je da šalju zahtev i primaju odgovore od web servera
Web pretraživač ?!?� Da li je Web browser – Web pretraživač ?
� NE !!!
� Web pretraživač je posebna aplikacija koja ume da pretražuje web sajtove koji su hostovani na web serverima
� Web pretraživač je GOOGLE
Izbor servera i sajta na njemu� U browser se unosi URL adresa
� URL je skraćenica od Uniform Resource Locator.
� Primer http://www.ztskola.edu.rs/index.html
� URL se sastoji od 3 dela:
� Tip protokol (http)
� Ime servera (www.ztskola.edu.rs)
� Ime web stranice kojoj se pristupa (index.html)
HTTP� Hypertext Transfer Protocol
� Koriste za hipertekstualne dokumente – obični tekst ali ima dodatna značenja
� Ovo je mehanizam kako kroz Internet komuniciraju web browser i web server
� Browser zna da šalje i prima podatke, a to radi pomoću HTTP-a
http://www.ztskola.edu.rs/index.html
Ime web servera
• Ime servera predstavlja tekstualni ili brojni zapis po kome se server pronalazi
• Domain name servers, ili DNS je jedinstvena IP adresa, koja je zamena za teksualni deo URL adrese, i olakšava pamćenje korisnicima
• DNS za www.google.com je 72.14.221.104 , pa je puna adresagoogle-a http://72.14.221.104/
http://www.ztskola.edu.rs/index.html
Komunikacija
Web browser Web server
Komunikaciona mreža
Web browser Web server
Komunikaciona mrežaHTML
HTTP
Kako se pravi web strana� Svaka web stranica je TEKST !!!
� Kako HTTP može da prenosi samo tekst, sve na stranici mora da se prevede u tekst (slova, boje, slike ....)
� Jezik sa kreiranje web sajtova je HTML
HTML� HyperText Markup Language
� HTML predstavlja jezik za označavanje hiperteksta i hipermedija (teksta, slike, zvuka, videa i drugih međusobno povezanih objekata pomoću linkova)
� HTML predstavlja tekstualnu datoteku
� Bilo koji tekst editor je prihvatljiv za izradu HTML dokumenata
<HTML>
<HEAD>
<TITLE> Moja prva Web stranica </TITLE>
</HEAD>
<BODY>
Dobar dan!
</BODY>
</HTML>
PrimerPrimer
<html>
<head>
<title>Ovo je treci HTML dokument</title>
</head>
<body BGCOLOR="#FFFFAA" >
<FONT face="Bookman Old Style" color=#000000 size=5>
Ovo je tekst.
</FONT>
</body>
</html>
PrimerPrimer
<html><html><head><head>
<title>Ovo je treci HTML dokument</title><title>Ovo je treci HTML dokument</title></head></head><body BGCOLOR="#FFFFAA" ><body BGCOLOR="#FFFFAA" >
<FONT face="Bookman Old Style" color=#000000 size=5><FONT face="Bookman Old Style" color=#000000 size=5>Ovo je tekst.Ovo je tekst.
<img src=<img src=""slikaslika.jpg">.jpg">
</body></body></html></html>
PrimerPrimer
Organizacija i dizajn� Organizacija i dizajn se strogo definisana pravilima� Google definiše većinu njih� Organizacija pomoću divova i CSS-a
Sajtovi nove generacije
� Osnovni zahtev je dinamičnost i interaktivnost
� Dinamičnost je rad sa bazom podataka
� Interaktivnost je komunikacija korisnika sa sajtom
� Novi standard za ovo je WEB 2.0
Jezik dinamičkih sajtova� PHP
� PHP omogućava da se u jednoj strani prikazuje različit sadržaj
� PHP nije HTML
� Samo HTML browser zna da prikaže
� PHP je Serverski jezik
� Web server PHP stranicu prevede i od nje napravi HTML, i pošalje korisniku u browser
Komunikacija
Web browser
Web serverKomunikaciona mreža
PHP procesorSQL server
Baza podataka
Baza web stranica i skriptova
Web browser
Web serverKomunikaciona mreža
PHP procesorSQL server
Baza podataka
Baza web stranica i skriptova
HTML
PHPHTTP
WEB 2.0 naspram starijih ...
� Starije verzije standarda su statički sajtovi
� To je sajt koji je isti kao i novine, ali se ne čita na papiru nego u browseru
� Promene se dešavaju tek kada administrator promeni HTML kod.
Prevaziđeno !
Dinamički sajtovi� Sadržaj ovih sajtova je u bazama podataka� Postoji jedna strana i njen sadržaj se menja� Promena sadržaja dolazi iz baze podataka
� Kod ovih sajtova dodatak iza imena sajta definiše bazi podataka koje podatke treba pokazati
� http://www.youtube.com/watch?v=muRtutFrwwE&feature=popular
Interaktivnost� Cilj WEB 2.0 je da se omogući da i običan korisnik
kreira sadržaj web sajta (ali ne samo svog)
� Unošenjem teksta ili materijala (slike, video, audio), neki sajt se proširuje i daje mogućnost da ga svi kreiraju
� Forumi, blogovi ...� Web 2.0 sajtovi
Flash - sajtovi� Novi način dinamike uz animacije pružaju Flash
sajtovi� Ovi sajtovi su estetski lepši i konkurentniji� Problem je indeksiranje na Google-u
mr Nenad Kojić
Web sajtovi nove generacije
Visoka škola strukovnih studija za informacione i komunikacione tehnologije,
Beograd