web nove generacije konacno pdf -...

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

Šta je Internet ?

IP adresa

192.168.3.42

192.168.3.42

IP adresa – dinamička i statička

Web server

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



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 ?

Koje web strane postoje ?

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

Kako se dobija sajt u browseru ?� Traži se i dobije od web servera !

Ali koji server ?

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/


Ime web stranice

• Svaka stranica ima svoje ime


Komunikacija




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

WEB 2.0

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

web nove generacije konacno pdf -...

Documents