osnove web dizajna

5
����

Upload: nenad-s-lazic

Post on 22-Sep-2015

22 views

Category:

Documents


12 download

DESCRIPTION

Scripta za predavanje 1998.

TRANSCRIPT

  • 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 -

  • 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 -

  • 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 -

  • -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 () -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 -