Zimska Škola Mladih Informaticara - Krapina 2000

Zvonimir Zelenika, zzelen@RDLab.CARNet.Hr

CARNet - Laboratorij za Istraživanje i Razvoj

World Wide Web

priprema materijala za web
izrada web stranica
stavljanje sadržaja na poslužitelj

Cilj: Upoznati se s osnovama procesa izrade web stranica, od pripreme materijala preko same izrade do
provjeravanja i ispitivanja web stranica na poslužitelju. Pokazuju i koriste se alati poput FrontPage Expressa
za izradu web stranica.
Demonstracije: Kako se povezuju stranice na web-u, pokazati distribuiranost (podaci mogu biti bilo gdje na
bilo kojem poslužitelju), pokazati nekoliko raznih web stranica (npr. različitog tipa, informativne (novine, e-
zine), komunikacijske (chatovi, buletin boards) i slično). Pokazati mogućnosti GeoCities-a ili Xoom.com-a,
kao besplatnih poslužitelja za web stranice i nekih alata za izradu stranica na takvim sustavima.
Poželjno predznanje: Poznavanje korištenja web browsera, nekakav osnovni koncep rada Internet-a (klijent-
server model). Poznavanje Office aplikacija (FrontPage vrlo nalikuje na npr. Word ili WordPad).

Što je WWW ?
Internet ? - Internet je mreža, dok je WWW usluga te mreže
HTTP ? - HyperText Transfer Protocol, protokol za prijenos web stranica preko Interneta
HTML ? - HyperText Markup Language, jezik kojim opisujemo web stranice
informacije ? - WWW je trenutno najveći javno dostupni izvor informacija
organizacija ? - ne postoji središnje tijelo WWW-a, samo standardizacijska tijela koja dogovaraju standarde
za opis stranica i prijenos podataka

WWW je informacijski svijet

World Wide Web je nakupina informacija distribuiranih na informacijske poslužitelj koji su povezanih
Internetom.
WWW-u se pristupa pomoću klijent programa (Internet Explorer, Netscape Navigator) preko HTTP protokola.
Informacije su kodirane u HTML formatu (stranice), ili u drguim formatima (GIF,JPEG za slike, Wav,Mp3 za
audio, QuickTime, AVI za video itd.)

WWW poslužitelj
WWW poslužitlej je multitasking računalo koje dio svog (diskovnog) prostora “objavljuje” i na upit (request)
odašilje (tipično) sadržaj jedne datoteke
U osnovi je krajnje jednostavna razmjena podataka (vrlo osnovan klijent/server model):
- klijent šalje upit poslužitelju (request)
- poslužitelj odgovara (reply)

Podaci su kodirani
HTML - HyperText Markup Language - opisuje se: izgled, sadržaj, veze itd.
GIF - Graphic Interchange Format
JPEG - Joint Picture Expert Group
Standardni načini zapisa raznih vrsta informacija omogućuju razmjenu raznih tipova informacija (teksta,
slika, videa itd.)

Hypertext koncept
informaciji daje “treću dimenziju”, dubinu
svaka “riječ” može voditi do nove “stranice” (link) koje može biti bilo gdje na poslužitelju na bilo kojem
poslužitelju u svijetu
Novi, revolucionarni koncept informacijskog sustava koji potpuno odvaja mjesto proizvodnje informacije
(server) i mjesto korištenja informacije
kako napraviti web site
(poslužitelj, stranice)

Osnovni koraci:
1. Što i kako želimo reći
što je tema naših stranica?
kakve podatke želimo na njoj držati - smisao je da stranica ima na sebi ORIGINALNE podatke, tj. ili podatke
kojih drugdje na web-u još nema ili još nema u obliku kakav mi želimo, jer stranica samo s linkovima
nema smisla
koje tehnologije želimo/možemo rabiti, da li imamo slike, fotografije, crteže
da li je naglasak na tekstu (sadržaju općenito) ili komunikaciji
na kojem jeziku imati stranice: samo hrvatski, samo engleski, višejezično
tko je ciljana grupa posjetitelja, kako prilagoditi sadržaje njima

2. Priprema materijala
pripremiti tekstove - spelling i style
pripremiti slike i druge multimedijalne materijale - prilagoditi ih web-u (npr. smanjiti veličine slika i slično)
pripremiti okvirni design stranica - pravila izgleda koja ćemo primjeniti na sve stranice na site-u, daju
prepoznatljivost web site-u
osmisliti navigaciju i kretanje kroz site
osmisliti raspored fileova na disku
raspored po direktorijima:
/slike/ - mapa s slikama
/stranice/ - mapa s stranicama
index.html - početni dokument
toc.html - Table of Contents
formati slika:
GIF - za logoe i slične slike s malo boja
JPEG - za fotografije, veličina <20k
design:
definirati boju teksta, pozadine i slično koje ćemo koristiti na SVIM stranicama
navigacija:
kako ćemo izvesti kretanje kroz site: s svake stranice se moramo moći vratiti na naslovnicu ili na neke
bitne stranice
da li će navigacija biti tekst, slike, pop-up

3. izrada web stranica

koji alat koristimo, koliko napredno možemo i znamo ga koristiti
da li koristiti naprednije tehnologije ili nam one nisu nužne - poželjno imati što lakše i jednostavnije stranice
dosadni dio posla, ali se da lako i brzo napraviti ukoliko smo dobro napravili pripremu izrade
izrada web stranica
tijekom izrade stranice i cijeli site u izradi držimo na disku i provjeravamo kako izgleda i funkcionira
pokušati napraviti stranice što neovisnije o mjestu gdje će se kasnije nalaziti
imati smislene linkove
dati e-mail adresu za komunikaciju s osobom koja uređuje stranice

4. stavljanje stranica na poslužitelj

Treba znati gdje se nalazi i kakav je poslužitelj (da li iznajmljujemo prostor kod nekog ISP-a, imamo li naš
poslužitelj, kakva nam je veza, što poslužitelj omogućuje)
Kakva nam autorizacija treba da bi mogli staviti sadržaje na njega - korisnički račun na poslužitelju, dostup
do dijeljenog diska i slično...
prebaciti stranice na poslužitelj:
FTP - File Transfer Protocol (za prenijeti stranice na udaljeni poslužitelj)
FrontPage ekstenzije (ako su instalirane na poslužitelju)

5. provjera stranica na poslužitelju

Provjeriti da li rade svi linkovi i da li ima nekih drugih grešaka (da li se sve slike ispravno učitavaju), da li se
stranice predugo učitavaju - modificirati design da bi se ubrzao pristup, da li su stranice dobro vezane s
drugim (srodnim ili ne) stranicama
kako reklamirati stranice -> pretraživači (prijavimo naše stranice na Altavistu i slične pretraživače, pa tako
uđemo u njihove indekse pretraživanja)

6. analiza posjećenosti
Svaki poslužitelj bilježi SVE transakcije koje provodi - sve stranice, slike, dokumente, uspješne i neuspješne
zahtjeve - HTTP log
Alati (npr Analog) obrađuju te podatke i daju nam informacije o tome koje su najposjećenije stranice, kako
se do njih dolazi i tko do njih dolazi
Prema rezultatima ovakve analize modificiramo sadržaj poslužitelja ili raspored stranica u njemu

7. održavanje stranica
Dodavati aktualne informacije na stranice
Mjenjati design stranica i prilagođavati ga recimo novim trendovima i tehnologijama
Reklamirati stranice, npr. prijavom na search i indeks servise