Odlucio sam da napravim kratak vodic kako napraviti svoj sajt brzo i lako.

KompoZer je program za izradu Web site-ova pomocu koga mozemo brzo i lako odraditi
sajt u odnosu na vodece programe Front Page i Dreamviewer.Tezak je svega oko 7 mb i
potpuno je besplatan.

Kako napraviti sajt?

Ja cu praviti izmisljeni sajt Sveta Kompjutera
Napravite folder u kojem cete sejvirati svoj radove i slike

Korak 1
Prvu stranu moramo nazvati index.Ici cemo format->Page and title properties,popunite
ova polja i idite OK

Sejvirajte ovu stranicu u kreiran folder ctrl-s

Korak 2
Sada nam treba pozadina,koju cete napraviti u Photoshopu ili je mozete jednostavno
staviti u KompoZeru u neku boju
Ja sam napravio pozadinu u Photoshopu(necu zalaziti u Photoshop).Da bi izbegli pri
ubacivanju pozadine da nam se slika prelama,mi cemo izabrati opciju CSS.
Idite tool->CSS EDITOR,i izabracemo body opciju i ici na dugme ispod create

Posle ovoga dobili smo kreiran body.Sada cemo otici na karticu Background i ici cemo
choose file,pronaci nas background i kliknuti Ok.Kada izaberemo background treba da
odstikliramo opciju image scrolls with the page,koja se nalazi odma ispod choose file-
a,kliknuti OK.

To izgleda ovako

Korak 3
Posto smo ubacili background,treba nam tabela,"okvir"
Ici cemo table->Insert->table i izabrati "jednu kockicu",dobili smo mali pravougaonik,ici
cemo desni klik Table cell properties i popuniti tabelu kao sto je na sledecoj slici

Kada ste to zavrsili idite OK.

Dobili smo okvir

Korak 4
Treba nam sada tabela za logotip i ime firme ili cega radimo,u ovom slucaju Svet
Kompjutera.Zato cemo ici Table->Insert->table i izabrati "2 kockice" tj celije.

CTRL i levi klik misa i oznacimo obe celije pa ponovo idemo desni klik cell properties i
popuniti tabelu kao na sledecoj slici

Kliknu cemo u prvu celiju gde ide logo.Insert->Image->choose file i naci cemo logo i
stiklirati opciju don't use alternatic text koji se nalazi ispod choose file-a.Potvrdite to na
OK.
Sada misem kliknite na drugu celiju i drzite SPACE dok se tabela ne poklopi sa prvom
celijom tj dok se linije ne uklope kako treba.
Sada u prvoj i drugoj celiji moramo postaviti logo i ime na sredinu tabelice,a to cemo
uciniti na sledeci nacin.Izaberite koju celiju zelite ujednaciti ja cu prvo uzeti drugu celiju
desni klik cell properties i podesiti middle i center ,pogledajte na sledecoj slici

OK
Da bi druga celija i slika bili jedne pored druge tj da slika ne bi bila odaljena od
celije,kliknucemo na sliku desni klik,image properties->dimension i staviti->custom size
%of cell 100

To uradite i sa prvom celijom ako je potrebno.

Korak 6
Sada nam je potreban neki slogan.Koji cemo staviti ispod ove tabele sa logom.Lupite 2,3
x ENTER da vam odvoji koliko se kome svidja.
Moj slogan ce biti Svi bitovi vode na jedno mesto!Napisite tekst povecajte ga na crno
slovo A koje se nalazi u gornjem meniju gde su boldovi,centriranje slova.Taj tekst
formatirajte tj boldujte,zakosite slova i centriraj te tekst na sredinu ekrana.Lupite 2x
enter

Korak 7
Sada nam treba tabela za navigacione dugmice.Sada zavisi od vas kako ce vam stajati
horizontalno ili vertikalno.Ja cu horizontalno postaviti.
Ici cemo Table->Insert->Table i izabrati 6 kockica tj celija jer ce imati 6 dugmica.
Dugmice napravite u photoshopu ili jednostavno napisite tekstualno.
U prvu celiju ubacicemo Home,Image->choose file naci home dugme i stiklirati don't use
alternative tekst ok.I tako za svih 6 celija cemo odraditi.Stikliracemo sve celije ctrl levi
klik i table cell properties i postaviti width na 75 of cell

Sledece je da kliknemo na home dugme i desni klik image properties ->dimension-

>custom i staviti %of cell 100,da bi se slika "prilepila za celiju i tako za sve dugmice.
To bi trebalo da izgleda ovako
Korak 8
U ovom koraku ce nam trebati tekst na glavnoj strani odvojite malo od tabele i otkucajte
neki tekst,formatirajte ga,ulepsavajte ali vodite racuna da to izgleda pregledno.Taj tekst
ce vam stajati na pocetnoj startnoj stranici.
Kada zavrsite idite na save da sacuvate dosadasnji rad.

Korak 9
Sada pravimo stranice za ostale dugmice
Ici cemo format->Page and title properties
i umesto index napisacemo recimo O nama
Necu postavljati sliku imate u koraku 1
Ici cemo SAVE AS i nazvati je o nama.Obrisacemo tekst koji je na stranici posto je to u
stvari index strana ali pod nazivom o nama,a index imamo samo brisemo tekst i
ubacujemo novi tekst,koji cemo takodje da formatiramo.
Tako za svaku stranu otvaramo index stranu nazivamo je po "dugmicu"(title and page
properties)SAVE AS,brisemo tekst,formatiramo i stavaljmo novi

Korak 10
Ostalo nam je posto smo sve odradili stranice da ih medjusobno linkujemo

Otvoricemo prvu index stranu.Desni klik na O nama dugme Create Link,choose file i
pronadjimo html stranicu O nama.html i OK

Linkovali smo dugme O nama na index stranici,tako sva dugmica na index stranici,vazi
isto pravilo

Korak 11
Otvoricemo sada stranicu O nama gde je potrebno linkovati sve na O nama stranici.To se
radi na isti nacin kao u koraku br 10.Pa zato necu da se ponavaljam.Tako cemo otvarati i
ostale stranice kontakt,arhiva, u mom slucaju i linkovati na njihovoj stranici sve kao u
Koraku 10 i 11.
Sacuvajte ceo rad u jedan folder,bez otvaranja dodatnih foldera.Html stranice slike
trebaju da budu u istom folderu.