You are on page 1of 23

1.

Ime web sajta – važno jer će se koristiti u imenu domena, logou, naslovu stranice a možda i u dizajnu
web sajta. Od imena zavisi kako će ljudi nalaziti naš web sajt,

kako će se odnositi prema njemu, kako će ga pamtiti kad odu sa njega... Ime

domena i web sajta mora da bude kratko, da se lako pamti i lako otkucava u web

browser. Generalno pravilo je da bude do 7 karaktera (ne racunajuci domen). Treba

izbegavati crtice. Dobro je ako za ime domena upotrebite termin koji se koristi u

pretrazi sadržaja na pretraživačima kojima se vaš sajt bavi.

2. Hostovanje – je usluga iznajmljivanja prostora na serveru za web sajt i

obezbeđivanje propratnih usluga koje omogućuju nesmetan pristup vašem web

sajtu iz celog sveta. Treba izabrati odgovarajuću kompaniju (hosta) koji će se dobro

brinuti o našem sajtu da on bude što je više vremena dostupan svim posetiocima

inače se to direktno odražava na samo poslovanje firme.

3. Planiranje web sajta – nije neophodno ali je dobro kako bi se izbegli neki problemi koji se inače
javljaju ako bi sajt radili bez plana i u letu resavali probleme. Ovo ne treba prepuštati drugima jer mi
najbolje znamo šta nam je potrebno.

4. Pozadina – odredite specifične ciljeve koje želite da postignete:

➔ popularizacija kompanije/brenda

➔ popularizacija proizvoda/servisa

➔ prodaja proizvoda/servisa

➔ izgradnja web zajednice

➔ zabava

➔ deljenje i širenje znanja


➔ interna komunikacija

odredite promocione i marketinške strategije za reklamiranje web sajta:

➔ rok izrade propagandnog materijala

➔ investiranje (novčana ograničenja u reklamiranju)

➔ merila – koje je merilo uspeha web sajta

➔ rang lista ciljeva, od najvažnijih do manje važnih

➔ definisanje misije sajta

➔ predvideti kako se misija i ciljevi sajta mogu promeniti od kratkoročnih u

dugoročne

5. Konkurencija – utvrditi konkurenicju:

➔ utvrditi web sajtove konkurencije

➔ definisati važne elemente svakog web sajta koknurencije

➔ funkcionalne karakteristike

➔ tehnologije koje koriste

➔ sadržaj

➔ izgled i osećaj

Napraviti komparativnu analizu koja sadrži važne elemente sajtova konkurencije i

odrediti u kojim elementima naš sajt treba da bude bolji ili isti, a šta treba

izbegavati. Redovno posećivati sajtove konkurencije i obavljati komparativnu

analizu.

6. Sadržaj – odrediti koje funkcionalne mogućnosti naš web sajt treba da ima:
➔ E-komerc/korpa za kupovinu

➔ pretraga sajta

➔ servis/podrška za klijente

➔ tehnička podrška

➔ diskusioni forumi

➔ Newsletter

➔ katalog/informacije

➔ obrazac za naručivanje

➔ obrazac za dobijanje povratnih informacija od posetliaca

➔ područje za logovanje članova

➔ područja zaštićena lozinkom

➔ SSL-kodirana područja

7. Programi za izradu Web stranica – postoji mnoštvo, razlikuju se ne samo

kvalitetom već i po ceni. Najzastupljeniji Macromedia Dreamweaver koji nije

besplatan pa samim tim i dostupan svima, i Microsoft FrontPage koji takođe nije

besplatan ali je uključen u Microsoft Office paket. Najbolje je da sami isprobamo

nekoliko ovih programa i onda se odlučimo koji nam najbolje leži.

8. Način rada FronPage-a – FP je sveobuhvatna aplikacija koja se može koristiti za

razvoj web stranica. Bez potrebe da napišete ijednu liniju HTML koda, pomoću FP

lako mogu da se prave lepe i zanimljive web lokacije koje se sastoje od složenih
elemenata, ali postoji i lak pristup HTML kodu kako bi se stvari stavile pod još veću

kontrolu. FP sam generiše kod u pozadini ali vi mu možete lako pristupiti i menjati

ga.

9. Kako da definišemo Title – title predstavlja naziv koji će se pojaviti u gornjoj plavoj

traci web browser-a. Tu treba da stoji tematika prikazanog dokumenta. Definisanje

se obavlja na sledeći način, otvori se File>Properties>General pa pod Title upišete

željeni naziv.

10.Kako da definišemo jezik – da bi se dijakritička slova videla i u drugim

browserima, potrebno je podesiti Language (File>Properties>Language) pa u polju

HTML Encoding saving this page izaberite Central European ili Central European

ISO 88559-2 a u polju HTML Encoding for loading this page izaberite Automatic

encoding.

11.Rad sa tabelama – u obradi teksta, tabele imaju ulogu za ispisivanje podataka u

kolonama, razne popise i preglede. Svaka tabela se sastoji od ćelija od kojih svaka

može imati posebnu boju ili biti posebno oblikovana. Osovno treba proračunati

kolko je potrebno redova i kolona. Tabela se ubacuje opcijom Table>Insert>Table,

Osnovne opcije:

➔ Rows: broj redova u tabeli

➔ Columns: broj kolona

➔ Aligement: poravnanje tabele u odnosu na stranicu (center, left, right)

➔ Border Size: debljina okvira (0 = bez okvira)


➔ Cell Pading i Cell Spacing: Razmaci između ćelija

➔ Specify Width: širina tabele (u pikselima i procentima)

12. Formatiranje tabela – Kada se formira tabela, sve se može naknadno menjati tako

što se klikne desnim dugmetom miša na tabelu i izabere opcija Table Properties.

13. Formatiranje slika – kada je slika učitana, možete na njoj kliknuti desnim

dugmetom miša i izabrati Picture Properties kako bi se dodatno formatirala. Tu se

dobija dijalog sa opcijama General, Video, Appearance.

U General možemo podesiti Image Source, Browse (izbor druge slike umesto

postojeće), Text (propratni tekst uz sliku), Default Hyuperlink, Target Frame (način

otvaranja linka). Još neke opcije su Border Thickness, Horizontal Spacing, Vertical

Spacing, With, Height, in Pixels/Percent, Keep Aspect Ratio (očuvava proporciju

slike ako joj menjamo dimenzije), Alignement (poravnanje), Left/Right

14. Kako da promenimo veličinu slikeb - Slika bi uvek trebala da bude snimljena u

onoj veličini u kojoj se koristi. Može joj se menjati veličina i nakon postavljanja, ali

onda može doći do gubitka kvaliteta. Da bi promenili veličinu idite na Picture

Properties>Appearance.

15. Formatiranje teksta – Web stranice napravljene u FP su već unapred formatirane i

izgledaju zadovoljavajuće, ali postoje situacije u kojima mi dodatno želimo da

formatiramo tekst. Većina tehnika koje se koriste u FP za formatiranje teksta su iste

kao i tehnike u ostalim aplikacijama Office paketa.

16. Kaskadne liste stilova – Cascading Style Sheets su dokumenti koji definišu
formate i stilove različitih elemenata stranice. Liste stilova mogu biti ugrađene

unutar web stranice ili spoljašnje. Spoljašnje kaskadne liste stilova mogu da se

koriste iz više dokumenata i time omogućavaju ujednačen izgled stranica i lokacija.

CSS takođe omogućava web dizajnerima da utvrde uslove pod kojima će se

elementi stranica prikazivati u različitim pretraživačima jer mnoge web lokacije

koriste detektor pretraživača i za svakog posetioca ponaosob detektuje web

pretraživač i na osnovu toga u tom trenutku na lokaciju primenjuje odgovarajući

CSS.

17. Kreiranje frame stranice – odabere se opcija New>Createe a new page or

site>More page templates>Frames pages i odabere se opcija Nested Hierarchy.

Sad sačuvamo frame stranicu (File>Save As i kreiramo direktorijum koji ćemo

nazvati po želji i onda u polje File upišemo index.htm a preko tastera Chagne title

promenimo naziv naše web stranice i onda se klikne na taster Save).

18. Kreiranje Web stranice -Водите рачуна да ваша основна (почетна) wеb страница увек мора
имати

назив index.html, јер ако је тако не назовете, по поставци страница на wеb сервер

на интернету посетиоци јој неће моћи приступити.

Корисно је да пре коначног постављања ваше странице на wеb сервер

извршите проверу и то тако што ћете је снимити у онај горе наведени фолдер

"MojPrviWeb", нпр. под именом "Prva.HTML" и онда је пронаћи преко

Windows Explorer-а и покренути (дуплим кликом на њу).


Уколико је ваш wеb brоwser препозна и прикаже онако како сте то

желели можете наставити са њеним постављањем на интернет.

19. Šta je Dreamweaver i njegova osnovna namena – program za izradu web strana

koji omogućava vizuelno projektovanje i uređivanje kao i neposredno pisanje HTML

koda. Omogućava i izradu dinamičkih web aplikacija koristeći serverske jezike.

20. Kreiranje lokalnog web sajta –

1. Izaberemo Site>New Site. Iz okvira Site Definition izaberemo Basic pa next.

2. Upišemo ime sajta i idemo dalje

3. DW sada pita da li želimo da radimo sa serverskim tehnologijama ali mi

izaberemo No i idemo dalje.

4. Program nas pita kako želimo da radimo sa datotekama i mi tu izaberemo Edit

local copies on my machine, then upload to server when ready.

5. Sada biramo gde želimo da smestimo datoteke sajta. Folder koji izaberemo ili

kreiramo se naziva lokalnni korenski direktorijum i pomoću njega Dreamwiever

određuje putanje dokumenata, slika i hiperveza.

6. Dalje biramo način na koji se povezujemo na udaljeni server i pošto mi radimo

sa lokalnim direktorijumom, biramo None.

7. Sad pregledamo podatke koje smo do sada zadali i pritisnemo Done.

21. Upisivanje i formatiranje teksta – tekst se upisuje direktno u dokument, ali treba poštovati određena
pravila. Sam naslov je moguće formatirati jednim od 6

ponuđenih formata za naslov. Preporučljivo da prvi naslov na strani bude jednak

nazivu same strane. Kada je formatiran naslov, pritiskom na Enter prelazimo u


sledeći pasus. Za običan tekst koristi se format pasusa. Ako želimo da pređemo u

sledeći red, a da ne bude dodatnog razmaka za novi pasus, koristimo kombinaiciju

Shift + Enter. Označavanjem bilo kog pasusa i njegovim formatiranjem, formatiramo

ceo pasus. Mogućnost za poravnanje teksta je standardna (levo, desno, centar,

obostrano).

22. Rad sa fontom – font web strane se može menjati na više načina, direktno na

panou Properties u padajućoj listi Font ili desnim klikom izabirajući opciju Font>Edit

Font List. Ali treba imati u vidu da korisnici i sami mogu da menjaju veličinu prozora

i fonta kao i boju slova.

23. Davanje imena i HTML oznaka <alt> slikama - imena i oznake <alt< su važne

iako se uglavnom ne vide na web stranama. Polje za ime slike na panelu Properties

nema posebnu oznaku a nalazi se u gornjem levom uglu, ispod podatka o veličini

slike. Ime koje se prifruži slici je interno i služi da pomognete sebi i posetiocima

sajta. Tekst iz polja alt prikazuje se umesto slike ako je posetilac onemogućio prikaz

slika u svom browseru, ako njegov browser uopšte ne može da prikazuje slike ili

ako učitavanje određene slike niej uspelo. Svim grafičkim objektima neophodnim za

navigaciju po lokaciji moramo upisati tekst u polje alt.

24. Kreiranje tabela u Layout i Standard prikazu – Da bi došli u Layout na panelu

Insert se izabere kartica Layout i pritisne opcija Layout View. Alatka Draw Layout

Cell služi za crtanje ćelija bilo gde na strani. Sadržaj tabele je podeljen na njene

ćelije. Sadržaj tabele je podeljen na njene ćelije jer sve tabele imaju jednu ili više
ćelija u preseku kolona i redova. Standardni prikaz izaberite na kartici Layout

panela Insert. Prva ikonica sa leve strane služi za unos tabele.

25. Umetanje sidara i povezivanje sa njima – Sidro (Anchor) označava mesto na

strani na koje dovodi hiperveza. Postavi se kursor na neki deo strane, pritisne se

dugme Named Anchor na kartici Common panela Insert i onda se otvara prozor gde

treba uneti ime sidra. Onda se na strani izabere tekst koji će odvesti posetioca na

odgovarajući odeljak strane, tj. do odgovarajućeg sidra. Onda se u panelu

Properties u polje Link upiše #imesidra i klikne Enter. (# govori browseru da je ovaj

link unutrašnji, tj. zadržava se na originalnoj strani).

26. Rollover image – slike sa prelazom, tj slika koja se menja kada posetilac dovede

pokazivač miša na nju. Da bi napravili sliku sa prelazom, na izabrano mesto na

strani pritisnite dugme Rollover Image na stranici Common panela Insert. Tu se

otvara prozor Insert Rollover Image. Prvo se unosi slika original, koja će biti na

strani pre nego što posetilac dovede pokazivač na nju (Original Image), a onda se

bira slika koja će se pojaviti kada posetilac pređe pokazivačem preko originalne

slike (Rollover Image). Obe slike treba da imaju iste dimenzije. Moguće je dodati i

link u polje When Click, Go To URL.

27. Pravljenje i postavljanje elemenata biblioteke – često korišćeni elementi se

mogu snimiti u biblioteku. biblioteka elemenata omogućava da izmenite pojedine

elemente i da potom jednom naredbom ažurirate sve strane koje sadrže taj

element. Elementi biblioteke se prave tako što se izabere jedan ili više elemenata
strane i uključi se u biblioteku. Da bi došli do biblioteke na panelu Assets grupe

panela Files, pritisne se ikonica Library. Da bi dodali ozabrane objekte sa strane u

biblioteku, jednostavno se prevuku u donju polovinu panela Library. Da bi se uneo

elemenat biblioteke na stranu, prvo se označi željeno mesto unosa i iz panela

Library se prevuče željeni element na to mesto ili se pritisne dugme insert.

28. Pravljenje template – ako nam trebaju strane identičnog izgleda koristimo šablone.

možete koristiti i postojeću stranu da je snimite ko template. Iz menija File se

izabere Save As Template. U otvorenom prozoru se bira sajt u kome će se snimiti

Template. klikne se na Save i šablon je dodat sajtu i snimljen u direktorijumu

Templates.Moguće je napraviti i nov, prazan šablon pomoću opcije menija

Window>Assets, onda se pritisne ikonica Templates na panelu Assets. Kada se

pritisne dugme New Template, na dnu tog panoa, spisku šablona će biti dodat nov

šablon bez imena.

29. Održavanje sajta u Site prikazu – Prikaz Site se koristi i za održavanje lokalnih i

udaljenih lokacija. Tu je sajt prikazan kao spisak datoteka ali i kao mapa koja

grafički prikazuje hijerarhiju sajta. Ovde je moguće brisati, premeštati, dodvati

datoteke i direktorijume. Dreamwiever prati te izmene i na osnovu toga obezbeđuje

ispravne putanje hiperveza, slika i ostalih elemenata sajta. Do prikaza Site se dolazi

u grupi panela Files pritiskom na karticu Site izborom željenog sajta u padajućoj listi

na levoj strani i pritiskom na dugme Expand, a to je krajnja desna alatka na paleti

alatki Site.
30. Mapa sajta – Vizuelno predstavlja izabrani deo sajta. Na njoj se ne prikazuju svi

dokumenti sajta, beć ona počinje od strane koja je definisana kao početna strana

(Home Page) i prikazuje sve ostale strane sa kojima je početna povezana

linkovima. Prikazuju se sve strane u hijerarhiji linkova dok se ne dođe do strane

koja ne sadrži linkove. Da bi formirali mapu sajta, pritisnemo dugme Site map na

paleti alatki prozora Site i u podmeniju izaberemo Map Only.

Pitanja druga grupa

1. Domen web sajta – je ime, koje treba da bude isto ko i ime web sajta. ime svakog

domena ima ekstenziju na osnovu koje se donekle može pretpostaviti šta je na

sajtu. Primeri za domen su: .co.rs, .com .biz .org .net .ws

Najbolja ekstenzija je .com jer je to prva ekstenzija koju će ljudi da ukucaju u

pretraživač kada nešto traže, takođe to je jedan od najstarijih domena što sugeriše

da vaš sajt dugo već postoji. Net domen se koristi ako je u pitanju sajt nekog

tehnološkog karaktera. Info se koristi kad je sajt informativnog karaktera. Nacionalni

domeni su dobri za poslove stacionirane u određenim državama.


2. Windows NT i Windows 2000 softver servera – Win 2000 je u suštini

nadogradnja na Win NT softver. Jedan od glavnih problema Win kao OS je u tome

što sendmail koji je neophodan za pokretanje nekih Perl skriptova može da bude

odsutan. Postoje dozvole za fajlove, ali su mnogo jednostavnije u odnosu na *nix

dozvole. Skriptovi se mnogo lakše instaliraju na Win mašinama pošto nema

podešavanja dozvola ni putanja koje možete da zaboravite. Postoji i zaštita

lozinkama, ali onda mroate da imate pristup samom serveru da bi implementirali

lozinke.

3. FTP pristup – ako vam je omogućen FTP pristup kod vašeg hosta, moguće je

korišćenje FTP programa za kopiranje, editovanje i brisanje fajlova na serveru. To je

mnogo brže i bolje rešenje od korišćenja web interfejsa za obavljanje ovih funkcija.

Na *nix sistemima možete čak i da menjate dozvole fajlova! Takođe možete kreirati i

sopstvene FTP naloge.

4. Publika – treba utvrditi ko će biti vaša spoljna publika

• Postojeći klijenti

• potencijalni klijenti

• snabdevači

• profesionalne/trgovačke organizacije

• investitori

• konkurencija

• deca
• škole/ljudi u prosveti i obrazovanju

• ljudi sa oštećenim vidom

Ko je vaša unutrašnja publika?

• Svi zaposleni

• uprava

• marketing/prodaja

• ljudi u operativi

• ljudi u informacionim tehnologijama

zatim treba:

• napraviti rang listu publike od najvažnijih do najmanje važnih

• napraviti poravnatu listu uparujući stavke liste ciljeva i liste publike

• kreirajte scenarijo razvoja zasnovan na novoj poravnatoj listi

5. Resursi – kakvi resursi će biti angažovani na izradi sajta?

• Definišite ko će biti odgovoran za upravljanje sadržajem sajta i tehničku podršku

• Utvrdite koje tehničke veštine i veštine upravljanja sadržajem poseduje svaki član tima.

• Za sve članove tima definišite potrebno obučavanje, usavršavanje, softver, hardver,

rokove i finansijske troškove.

6. Informacija – treba utvrditi koje web stranice treba da sadrži vaša prezentacija. Na primer:

• O nama

• Kontakt

• Proizvodi
• Obaveštenja o autorskim pravima

7. Struktura – odrediti hijerarhiju sajta. Za svako područje sajta odrediti:

• glavnu stavku svakog menija

• sve stavke svakog podmenija

• dodatne sadržaje

Razmišljajte o hijerarhiji u obliku drveta, gde se na vrhu nalazi Home stranica.

8. Pojam HTML - HyperText Markup Language, jezik za označavanje hiperteksta.

Jezik namenjen opisu web stranica. Svaki dokument koji vidimo na Webu napisan

je u HTML jeziku. Unjemu se nalazi opis svih tabela, slika, slojeva, napredno

formatiranje teksta... U HTML standard su takođe ugrađeni elementi koji detaljnije

opisuju sam dokument kao što su kratak opis dokumenta, ključne reči, podaci o

autoru... To su meta podaci.

9. Snalaženje u FrontPage – komande FP se nalaze u 11 menija. Komande koje

često koristite isplivavaju na vrh menija, a one koje ređe koristite prestaju da se

vide, ali im se lako može pristupiti pritiskom na strelicu na samom dnu menija.

Komande menija iza kojih se nalaze tri tacke otvaraju nove okvire za dijalog. Bećina

komandi iz menija prikazana je i na 12 paleti alatki. Slika na dugmadima na paleti

alatki je ista kao ona identične komande u meniju. Opcije iz menija i paleti alatki

nisu dostupne kada opcija ne može da se primeni na okruženje u kojem radite ili na

izabrani objekat.

10.Kako da definišemo Background – background predstavlja boju pozadine naše


stranice. Može se definisati na sledeći način: File>Properties>Background, pa se

uključi opcija Specify Background and Colors. U polju Background se izabere

željena boja podloge, a u polju Text se izabere željena boja teksta. Moguće je

podesiti i boje linkova. Takođe je moguće umesto samo boje, postaviti neku sliku za

podlogu. Izabere se opcija Background Image i na Browse se izabere slika.

11.Upis i obrada teksta – Vrši se slično kao i kod drugih programa za obradu teksta.

U novi red sa novim paragrafom se ide kada se pritisne Enter na tastaturi, a ako

želimo u novi red bez razmaka onda se pritisne kombinacija Shift+Enter.

12.Formatiranje ćelija tabele – Svaka ćelija unutar tabele ima određena svojstva pa

je moguće svaku ćeliju zasebno formatirati tako što se klikne desnim klikom miša

na željenu ćeliju i izabere se opcija Cell Properties. Tu imamo od opcija Horizontal

Aligment (center, left, righ), Vertical Aligment (top, bottom, middle), Header Cell

(označava zaglavlje prvog reda tabele), No Wrap (da se tekst u ćeliji ne prelama),

dok su ostale opcije identične kao podešavanje tabela.

13.Postavljanje slika – slika se postavlja opcijom Insert>Picture>From file gde se

izabere željena slika.

14.Unošenje hiperveza-linkovi – kad se prave web strane preko čarobnjaka, on sam

unosi hiperveze između stranica lokacije, ali mi možemo i sami da dodamo naše

hiperveze. Ako kreiramo link na dokument koji se nalazi u istom folderu kao i

dokument iz kojeg ga pozivamo, tada nije potrebno navoditi putanju do tog

dokumenta, već samo njegov naziv. Ako kreiramo link na dokument koji se nalazi u
nekom od nižih foldera, tada moramo navesti naziv subfoldera, staviti „/“ i navesti

tačan naziv dokumenta. Ako se navodi link na dokument koji se nalazi na nekoj

drugoj web adresi, tada moramo navesti pun naziv te web adrese, staviti kosu crtu i

navesti tačan naziv dokumenta. Kada kreiramo link na e-mail adresi, onda

navodimo njen tačan naziv.

15.Kreiranje linka – biramo opciju Insert>Hyperlink i dobijamo sledeći dijalog na kome

imamo polje URL koje popunjavamo samo ako pravimo link ka dokumentu na nekoj

drugoj web lokaciji. Ako radimo link na dokument koji se nalazi u istom ili nižem

folderu, onda kliknemo na prvu ikonu i izaberemo željeni dokument. Ako radimo link

na e-mail adresu, kliknemo na drugu ikonu i upišemo tačnu mejl adresu. Target

Frame služi za definisanje odredišta linka, a Bookmark služi za definisanje linka na

neki deo tekućeg dokumenta. Link takođe možemo usmeriti i na bilo koju datoteku,

ali klikom na taj link u browseru one neće biti automatski pokretane, već će se

pojaviti dijalog za njihovo preuzimanje sa servera.

16.Naslov stranice – nakon otvaranja stranice u novom prozoru, desnim klikom miša

se otvori meni iz kojeg se izabere Page Properties. U kartici Genrals se može

podesiti naslov stranice, opis, ključne reči i lokacija.

19.Radna površina i alati – pri otvaranju Dreamweaver-a sa novim MX izgledom

radne površine, susrećemo se sa sledećim elementima:

• Insert Bar – sadrži tastere za unos različitih tipova objekata (slike, tabele,

layeri...)
• Document Toolbar – sadrži tastere i pop-up menije za podešavanje prozora

dokumenta. Inače u DW postoje tri načina prikazivanja (design view, code view i

split designe and code). Document Toolbar sadrži i još neke osnovne operacije

kao što je preiview u browseru.

Dokument window priazuje tekući dokument i rad na njemu. Dole levo u njemu se

nalazi birač HTML oznaka. Takođe imamo i:

• Property Inspector omogućava menjanje osobina selektovanih objekata ili

teksta.

• Panel Group je grupa panela sa desne strane i sadrži: Designe, Code Aplication,

Files i Answers

• Site Panel omogućava upravljanje fajlovima i fodlerima koji čine vaš sajt.

20. Kreiranje nove Web strane – izaberite New iz opcije File. Otvara se okvir za

dijalog New Document sa dve kategorije: General i Templates. Birate General i nudi

vam se mogućnost izbora neke od mogućih predizajniranih strana, ali

preporučujemo Basic Page, opcija HTML. Kreiranu novu stranu možete sačuvati

izborom opcije Save iz menija File kad ajoj možete zadati i ime.

21. Zadavanje Web browsera – Izaberite File>Preview in Browser>Edit Browser List.

Otvara se prozor Preferences i prikazuje čitače izabrane za proveru. DW

automatski prikazuje spisak čitača instaliranih na računaru. Tu se može odrediti koji

će browser biti primaran, koji sekundaran.

22. Specijalni znakovi, horizontalne linije, datum – U Insert panelu na kartici


Characters se nalaze najčešće korišćeni znakovi. Da bi se ubacio specijalni znak,

označi se mesto na strani gde je on potreban, zatim se klikne na znak i on će se

pojaviti na tom mestu. Za dodatne znakove se pritisne dugme ide se na opciju

menija Insert>Special Characters>Other. Kada se otvori okvir Insert Other

Characters, izabere se željeni znak i klikne OK.

Horizontalna linija vizuelno odvaja delove dokumenta. Da bi se ubacila, na kartici

Common sa Insert panela pritisnite dugme Horizontal Rule. Dok je još označena

linija, u panelu Properties možete odrediti koliki deo strane će horizontalna linija

odvojiti. U polju H se bira debljina linije.

Datum pokazuje kada ste poslednji put ažurirali sadržaj strane. Pritisnite dugme

Date na Common kartici panela Insert.

23. Panel Assets i Flash dugme – Assets se nalazi na grupi panela File. Tu se može

raditi uz izabranu opciju Site što daje celokupan spisak svih slika na sajtu, ili uz

izabranu opciju Favorites kad imate spisak u koji dodajete slike po izboru. Kada se

slika doda naknadno, ona se ne pojavljuje odmah u Assets, nego se mora kliknuti

na dugme Refresh Site List. Da bi se slika ubacila na određeno mesto, izaberite je

sa panela Assets i kliknite Insert. Kada sliku želite da smestite u Favorites, izaberite

je u opciji Site i klikne se na dugme Add to Favorites. Dodavanjem Flash objekata

postižu se specijalni efekti. Flash dugmad imaju nekoliko stanja u zavisnosti od

položaja kursora miša. Jedno je izgled dugmeta kad pointer nije na njemu, drugo je

kad je pointer na samom dugmetu, a treće kad je na dugmetu i dugme je kliknuto.


Da bi se napravilo flash dugme, u panelu Insert izabere se kartica Media i pritisne

ikonica Flash i otvara se prozor Insert Flash Button. Tu se može izabrati stil (Style)

dugmeta, font, veličina. U Button text se upisuje ime pod kojim će biti zapamćeno u

Save As.

24. Promena svojstava i elemenata tabele – da bi dodali novi red pritisne se taster

Tab ako je pokazivač u poslednjoj ćeliji tabele. Kada označite više susednih ćelija

istog reda ili kolone, možete da ih pretvorite u jednu izborom Merge Cells opcije.

Isto tako možete i obrnuto od jedne da napravite više manjih ćelija izborom opcije

Split Cells. U panelu Properties je moguće menjanje boje pozadine, ćelije, više

ćelija ili cele tabele. Može se menjati horizontalno poravnanje (left, middle, right). U

donjoj polovini panoa properties moguće je zadavanje još mnogih karakteristika

ćelije kao:

• Vert – vertikalno poravnanje ćelije

• W i H – dimenzije ćelije u pikselima

• No Wrap – sprečava prelamanje teksta u ćelijama

• Header – formatira svaku ćeliju kao da je u zaglavlju tabele

• BG gornje – zadaje pozadinsku sliku izabranog opsega ćelija

• BG donje – zadaje boju pozadine izabranog opsega ćelija

• Brdr zadaje boju ivice ćelije

Tabela se sortira sortiranjem sadržaja njenih kolona. To se vrši preko menija

Commands>Sort Table.
25. Mapirane slike – sliku na strani je moguće podeliti na nekoliko hiperveza pomoću

mapirane slike, što je u suštini slika sa više aktivnih područja raznih oblika. Izaberite

sliku na strani koju želite da mapirate, u polje Map na panelu Properties se upiše

željeno ime slike inače će DW to da uradi sam. Onda se izabere jedna od alatki za

crtanje aktivnih područja i na slici se mišem označavaju buduća aktivna područja

providnom zelenom. Da bi napravili link za aktivno područje, treba ga označiti i u

polje Link na panelu Properties uneti adresu na koji treba uputiti posetioca kada

klikne na taj deo slike. Ako se mapirana slike kopira na drugu neku stranu, DW će i

u kopiji zadržati sve linkove i aktivna područja.

26. Iskačući (Pop-Up) meni – možemo ga pridružiti slikama ili aktivnim područjima

mapiranih slika. Prvo treba označiti taj aktivni deo, onda se pritisne znak + na

panelu Behaviors i u meniju akcija se izabere Show Pop-Up Menu. Otvara se

istoimeni prozor sa karticom Contents i tu se zadaju opcije koje će biti sadržane u

meniju. Na kartici Appearence se bira orijentacija menija, font, veličina slova,

poravnanje teksta, boja ćelije... Na kartici Advanced se bira širina i visina ćelije,

udaljenost sadržaja ćelije od njenih ivica, razmak ćelija... Na kartici Position se bira

pozicija menija u odnosu na objekat koji ga aktivira.

27. Menjanje elemenata biblioteke – sve izmene elemenata biblioteke se obavljaju na

panelu Library. Da bi se element biblioteke menjao neposredno na strani mora se

raskinuti njegova veza sa datotekom u biblioteci. Da bi menjali elemente u

biblioteci, dva puta kliknemo na ikonicu elementa u panelu Library, ili se samo
označi i pritisne dugme Edit. Onda DW otvara novu stranu koja sadrži samo taj

element. Sada se može direktno menjati a kada se završi sa izmenama i sačuvate

ih, otvara se prozor Update Library Items kojim vas DW pita da li želite da ažurirate

sve strane koje sadrže taj elemenat.

28. Ažuriranje sajta pomoću Template-a - Koristeći šablone, menja se samo

datoteka originalnog šablona, a potom se ažuriraju sve strane napravljene pomoću

njega. Ovo se postiže na sledeći način, dva puta se klikne na željeni šablon u

kategoriji Templates panela Assets. Tada se otvara originalni šablon. Kada se

naprave željene izmene, sačuva se i tada se automatski otvara prozor Update

Template Files koji pokazuje spisak svih strana napravljenih pomoću tog šablona.

Da bi ažurirali sve ove strane, pritisne se dugem Update. Moguće je i naknadno

primenjivanje izmenjenog šablona kao i raskidanje veze između stranice i njenog

šablona izborom Modify>Templates>Detach from Template.

29. Postavljanje sajta na server – da bi se sajt video, mora se postaviti na neku

udaljenu lokaciju, tj. na Web server. Konfigurisanje za ovu operaciju se obavlja u

prozoru Site Definition (Sites>Edit Sites). U prozoru Site Definition se bira kartica

Advanced, a u kategoriji Remote info polja Access Local/Network. FTP je uobičajeni

protokol za slanje i preuzimanje datoteka sajta sa servera. Kad se u polju Access

izabere FTP, pojavljuju se parametri koje treba popuniti kao što su FTP Host, Host

Directory, Login and Password, Use Passive FTP, Use Firewall. Pritisne se ikonica

desno od polja Remote Folder i u prozoru Choose Remote Folder se izabere folder
koji će biti korenski direktorijum vašeg sajta i koji će služiti kao zamenaza server.

Moguće je menjati samo one datoteke koje su novije na lokalnom sajtu nego na

serveru kada u meniju Site izaberete opciju Synchronize. Pritiskom na dugme

Preview, DW će uporediti sve datoteke direktorijuma lokalnog sajta sa onima u

direktorijumu na serveru i datume njihovih izmena. Takođe je moguće sakriti

određene direktorijume ili tipove datoteka i tako ih isključiti iz dosega funkcija

Synchronize, Get, Put и Check In/Out.

30. Mapa sajta – Vizuelno predstavlja izabrani deo sajta. Na njoj se ne prikazuju svi

dokumenti sajta, beć ona počinje od strane koja je definisana kao početna strana

(Home Page) i prikazuje sve ostale strane sa kojima je početna povezana

linkovima. Prikazuju se sve strane u hijerarhiji linkova dok se ne dođe do strane

koja ne sadrži linkove. Da bi formirali mapu sajta, pritisnemo dugme Site map na

paleti alatki prozora Site i u podmeniju izaberemo Map Only.

18. Kreiranje Web stranice -Водите рачуна да ваша основна (почетна) wеb страница увек мора
имати

назив index.html, јер ако је тако не назовете, по поставци страница на wеb сервер

на интернету посетиоци јој неће моћи приступити.

Корисно је да пре коначног постављања ваше странице на wеb сервер

извршите проверу и то тако што ћете је снимити у онај горе наведени фолдер

"MojPrviWeb", нпр. под именом "Prva.HTML" и онда је пронаћи преко

Windows Explorer-а и покренути (дуплим кликом на њу).


Уколико је ваш wеb brоwser препозна и прикаже онако како сте то

желели можете наставити са њеним постављањем на интернет.

17.Kreiranje levog dela strane – pogledati u knjizi

18.Kreiranje centralnog i gornjeg dela strane - pogledati u knjizi

You might also like