5
����

Osnove web dizajna

Embed Size (px)

DESCRIPTION

Skripta za predavanje na Akademiji umetnosti 1998

Citation preview

Page 1: Osnove web dizajna

������������

�������������

�������������������������������������������������������

���������������������������

������

Page 2: Osnove web dizajna

Internet (op{ti pojmovi)

Internet je nastao u SAD 1968. godine kao ptojekat ministarstva odbrane. Predstavlja skup kompjutera koji su medjusobno povezani putem kabala, telefona, satelita …

Extranet- komunikacija izmedju dva ili vi{e internet mre`e putem interneta.

TCP-Transmision control protocol- Protokol koji je zadu`en za razdvajanje I spajanje paketa podataka.

IP- Internet protocol- je sistem adresa koji govori paketima informacija gde da idu.

ISP- Internet service provider- Firma koja pru`a uslugu pristupa internet servisima.

WSP- Web space provider- Svi oni koji iznajmljuju prostor (tj. HD) servera uz eventualnu mogu}nost kori{}enja e-Mail-a I FTP-a.

FTP- File transfer protokol- prenos pdataka tj. Fajlova sa interneta. Dawnload- Skidanje fajlova sa interneta. Upload-Postavljanje fjlova na internet, (Za ove dve funkcije postoje posebni programi).

E-mail- elektronska po{ta tj. Primanje I slanje po{te ili poruka preko interneta pomo}u programskog jezika koji je sastavni deo TCP/IP.

World wide web (www)- Nastao je 1991. U Cernu u [vajcarskoj. Na ovom servisu informacije mogu biti predstavljene u vidu teksta, slike, zvuka, video zapisa… Organizovan je po principu web stranica, kojim se pristupa direktnim kucanjem imena stranice ili klikom mi{a na njen link.

URL-Uniform resurce lokator tj. Web adresa.

Link je aktivno mesto koje automatski Ispisuje adresu odredjene web stranice I prelazi na nju. Mo`e biti u obliku teksta ili slike.

HTTP-Hyper text transfer protocol ili hiper text povezuje sadr`aj web-a koji fizi~ki nije na jednom mestu. Html je programski jezik.

Server je program koji se nalazi na nekom kompjuteru, a koji je konstantno priklju~en na internet.

Klijent je program koji se nalazi na kompjuteru korisnika koji pristupa internetu.

Brawser- Program koji radi sa WEB servisom ( Explorer, Netscape, Oper…)

Host je kompjuter koji deli svoje resurse sa drugim kompjuterima.

Terminal je kompjuter koji samo prima podatke.

Home page je mati~na ili uvodna strana

Baneri su reklame koje se same u~itavaju prilikom prikazivanja odredjene web strane.

Strana - 1 -

Page 3: Osnove web dizajna

Web prezentacije I koncept

Tipovi web prezentacija (gruba podela): -Stati~ke -Dinami~ke

Stati~ke su one koje jednom postave sadr`aj I vi{e se ne menjaju. Dinami`ke su one kod kojih se stalno menja I a`urira sadr`aj.

Organizacija Web sajta: -Blok dijagram -kategorije sajta -Navigacija na sajtu -Linkovi na Home page-u -Struktura direktorijuma I fajlova

Blok dijagram je idejna skica organizacije web sajta:

Primer:

Blok dijagram Konkretan primer

Navigaciju predstavljaj skup linkova koji omogu}uju kretanje po web-u.-Preporu~ljiva je horizontalna I vertikalna navigacija. -Linkovi moraju biti lako uo~ljivi.

Strana - 2 -

Page 4: Osnove web dizajna

Primer:

Organizacija direktorijuma olak{ava snala`enje u procesu izrade Web-a, I lak{e deljenje sajta I njegovo postavljanje na serverima. -Generalno pravilo je da su ve}i direktorijumi kategorije sajta, a u okviru njih posebno diraktorijumi koji sadr`eslike I Html. Naravno od ovog pravila ima mnogo odstupanja sve zavisi od konkretnog sajta.

Primer:

Kategorije Direktorijumi sa slikama Web stranice

Generalna pravila za izradu sajta koji se brzo u~itava

-Home page tj.mati~na strana uvek nosi naziv index.html , a uvodne strane kategorija index01.html, index02.html… -Slike u formatu JPG ili GIF. -Paleta boja WEB safe -Na mati~noj strani najvi{e dve do tri slike ukupno 30kb.

Strana- 3 -

Page 5: Osnove web dizajna

-Ako je navigacija od sli~ica 1kb svaka. -Banneri ne ve}I od 30kb, optimum 10-15kb. -Ako su unutra{nje strane samo slike - 3 slike do 20kb, 2 do 30kb, 1 slika do 60kb.-Ukupan zbir jedne strane (slike I html) ne ve}e od {esdesetak kb. -Rezolucije 800x600 pixela 640x480 pixela 1024x768 pixela

Vreme u~itavanja sajta - brzina najva`nija karakteristika sajta - korelacija brzina pose}enost

Generalna pravila: -Slika kao pozadina se izbegava ali ako se koristi od1 do3kb. -U html kodu treba da stoje ta~ne dimenzije slike (<img spc…>) -Ako je slika velika na linku trebalo bi da se nalazi informacija o veli~ini ili link u obliku male slike (thumbernail) -Mnogo malih slika sporo se u~itava. -[to je tabela ve}a sporije se u~itava, vi{e manjih tabela bolje re{enje. -Frame-ovi se izbegavaju zato {to zauzimaju mnogo prostora na serveru.

Kreiranje Web sajta:

Prvo se skicira blok dijagram, odrede se kriterijumi sajta, navigacija, linkovi na mati~noj strani. Zatim se odredi struktura direktorijuma I na kraju se pristupa grafi~kom dizajnu.

Izgled gotove prezentacije

Strana - 4 -