Web Sajt

Upoznavanje sa Dreamweaverovim

Upoznavanje sa Dreamweaverom
Dreamweaver je kompletan program za web stvarala{tvo-HTML (Hypertext Markup
Language) editor, program za autorstvo i stvaranje dinami~kih web stranica. Sve su te
funkcije sadr`ane u jednom programu. Web stranice se prave kori{}enjem HTML-a,
ali se skoro sve mo`e uraditi bez ikakvog znanja HTML-a. Ako `elite da napravite web
stranice profesionalnog kvaliteta, uklju~uju}i i pravljenje skripta, Dreamweaver Vam
upravo to omogu}ava.
HTML je jezik kojim se prave web stranice. Sastoji se od uparenih oznaka sadr`anih u
okviru uglastih zagrada (<>). Oznake obuhvataju objekte na web stranicama, kao na pr.
tekst, ili stoje same. Na primer, HTML kod, koji ~ini tekst zadebljanim je slede}i:
<b>zadebljani tekst</b>. Ove oznake su primer uparenih oznaka. Oznaka kojom se
zavr{ava neka celina uvek po~inje kosom crtom. Ostale oznake, kao na primer oznaka za
postavljanje slike na web stranicu, su jednostruke oznake: <img src="smile.gif">.
Dreamweaver je WYSIWYG (what you see is what you get-ono {to vidi{ je ono {to
dobija{) web editor, koji je u isto vreme veoma mo}an i veoma jednostavan za upotrebu.
Omogu}ava stvaranje novih web stranica, ali i uvoz i editovanje ve} postoje}ih.
Dreamweaver ne}e promeniti ni poremetiti kod web stranice. Jedna od najpopularnijih
mogu}nosti Dreamweavera je oduvek bila mogu}nost da ostavi ve} napravljene
web sajtove nepromenjenima. Programeri Macromedie, kompanije koja je napravila
Dreamweaver, nazivaju tu mogu}nost "Roundtrip HTML".
Dreamweaver je tako|e i program za kompletno autorstvo. To zna~i da on omogu}ava
obuhvatanje grupe stranica koje sadr`e interaktivnost i animacije. Na taj na~in se mogu
napraviti kompletne aplikacije. Iako Dreamweaver mo`e da se koristi kao obi~an
HTML editor, on mo`e da se koristi i za stvaranje multimedijalnih aplikacija. Mo`ete,
naravno, samo da editujete HTML uz pomo} Dreamweavera, ali i da osmislite i
napravite u njemu kompletan do`ivljaj za korisnike sajta.
Dreamweaver MX omogu}ava pravljenje dinami~kih web stranica, jer obuhvata
funkcije programa Macromedia Dreamweaver UltraDev 4. Dinami~ke web stranice se
stvaraju kori{}enjem skripta koje se izvr{avaju na serveru, a pri tome je neophodno da
razumete tehnologiju servera i druge napredne funkcije ovog i drugih programa. Iako
te funkcije nisu opisane u ovoj knjizi, to ne zna~i da ne treba da postanu deo va{ih
interesa. Pogledajte Dodatak B i prona|ite u njemu knjige i web sajtove koji sadr`e
uputstva za pravljenje dinami~kih web stranica u Dreamweaveru. U ovoj knjizi su
navedena neka osnovna uputstva, ali }ete iz nje nau~iti kako da napravite samo obi~ne
web stranice (one koje ne sadr`e skripte koje se izvr{avaju na serveru).
4
Instaliranje programa
Dreamweaver se instalira na standardan na~in u Windows ili Macintosh okru`enju.
Program za instaliranje pravi sve neophodne direktorijume i fajlove koji su neophodni
za rad Dreamweavera. Prilikom instalacije Dreamweavera tako|e }e se instalirati
Macromedia Extension Manager, program koji poma`e u instaliranju dodataka za
Dreamweaver preuzetih sa Interneta.
Hardverski i softverski zahtevi
U Tabeli 1.1 je naveden hardver i softver koji je potreban za rad Dreamweavera.
Tabela 1.1 Hardverski i softverski zahtevi za rad Dreamweavera
Windows 95/NT Macintosh
Intel Pentium II procesor ili Power Mac G3 ili bolji
ekvivalentno tome 166+ MHz
Windows 98 SE Windows 2000 Mac OS 9.1, 9.2.1 ili OS 10.1
Windows Me, Windows NT MRJ 2.2 (za Flash dugmad)
ili Windows XP
96 MB RAM (preporu~ljivo 128) 96 MB RAM (preporu~ljivo 128)
275 MB slobodne 275 MB slobodne memorije na hard disku
memorije na hard disku
256 kolor monitor 256 kolor monitor rezolucije 800x600
rezolucije 800x600 (preporu~ljivo 1024x768, milioni boja)
(preporu~ljivo 1024x768,
milioni boja)
Netscape Navigator ili Internet Netscape Navigator ili Internet Explorer 4.0
Explorer 4.0 ili novije verzije ili novije verzije
Pribavljanje demo verzije Dreamweavera
Macromedia je kompanija koja pravi i prodaje Dreamweaver. Oni nude demo verziju
ovog programa koju mo`ete isprobati i odlu~iti da li `elite da ga kupite. Demo verziju
mo`ete preuzeti sa Interneta na adresi www.macromedia.com/software/
dreamweaver/trial/.
Upoznavanje sa Dreamweaverovim interfejsom
5
Upoznavanje sa radnom povr{inom u
Dreamweaveru
Kada prvi put pokrenete Dreamweaver u Windowsu mo`ete da birate izme|u radne
povr{ine Dreamweavera MX ili Dreamweavera 4, prethodne verzije ovog programa. Oni
koji su ve} navikli na rad u Dreamweaveru 4 verovatno }e izabrati da koriste interfejs tog
programa. Ja svim korisnicima savetujem da isprobaju rad u Dreamweaveru MX. Svi
primeri i obja{njenja u ovoj knjizi se odnose na rad u Dreamweaver MX okru`enju.
Ako ste ve} izabrali izgled radne povr{ine programa, ali biste `eleli da ga promenite, to
mo`ete da uradite komandom Preferences u meniju Edit. Odaberite kategoriju
General, prikazanu na slici 1.1, i kliknite na dugme Change Workspace. Pojavi}e se
okvir za dijalog koji ste videli prilikom prvog startovanja programa, u kojem }ete mo}i
da promenite izgled radne povr{ine. Polje za potvrdu HomeSite/Coder-Style
omogu}ava da izaberete da se paneli nalaze na levoj ili desnoj strani ekrana. Korisnici
na Macintoshu nemaju mogu}nost biranja ni menjanja izgleda radne povr{ine, a
Dreamweaver MX }e uvek imati radnu povr{inu sa "lebde}im" panelima.
Pokrenite Dreamweaver MX i po~nite sa prou~avanjem interfejsa. Verovatno }ete
odmah ugledati Welcome prozor, koji sadr`i nekoliko linkova za pribavljanje informacija
o Dreamweaveru MX. Kada budete imali vremena, istra`ite te linkove. Za sada
zatvorite taj prozor; mo`ete ponovo da ga otvorite komandom Welcome iz menija
Help.
Slika 1.1
Mo`ete da birate
izme|u
Dreamweaver MX i
Dreamweaver 4
radne povr{ine
komandom
Preferences
^as 1
6
Kada pokrenete Dreamweaver MX za Windows, primeti}ete prazno belo polje pod
nazivom prozor Document. Na njemu je prikazana web stranica koju pravite onako kako }e
izgledati u web ~ita~u. Prozor Document je sa desne strane oivi~en panelima, prikazanim
na slici 1.2. Ti paneli Vam omogu}avaju da modifikujete i organizujete elemente web
stranice. Prozor Document, paneli i drugi elementi koje }ete uskoro upoznati, grupisani
su zajedno u interfejsu.
Kada pokrenete Dreamweaver MX za Macintosh, tako|e }ete videti Document prozor,
prikazan na slici 1.3. Verzija Dreamweavera MX za Macintosh sadr`i panele koji "lebde"
iznad prozora Document. Lebde}i paneli mogu da se postave na bilo koje mesto na
ekranu. Verzije Dreamweavera MX za Windows i Macintosh imaju male razlike u izgledu,
ali imaju potpuno iste funkcije i mogu}nosti.
Paleta sa alatima Linija Insert Prozor Document Grupa Panel
Status linija
Slika 1.2
Radna povr{ina
Dreamweavera MX
sadr`i prozor
Document i panele
Upoznavanje sa Dreamweaverovim interfejsom
7
Prozor Document
Prozor Document sadr`i naslovnu liniju, liniju menija, liniju Insert (Windows) i paletu
sa alatkama u gornjem delu. Naslovna linija sadr`i ime programa-Macromedia
Dreamweaver MX-naziv fajla i naziv web stranice koja je trenutno otvorena. Ovaj
naziv }e se pojaviti i kada stranica bude otvorena u web ~ita~u. Osobine stranice i na~in
odre|ivanja naziva stranice su obja{njeni u slede}em ~asu. Naziv fajla se nalazi sa
desne strane i uokviren je uglastim zagradama.
Linija Insert (Insert Bar)
Linija Insert se nalazi direktno ispod linije menija u Windowsu, a na Macintoshu je
"lebde}i" panel. Sadr`i dugmad za postavljanje elemenata web stranice, kao {to su slike,
tabele, formulari i hiperlinkovi. Mo`ete da kliknete ili prevu~ete dugme da biste
postavili objekat na web stranicu.
Insert linija sadr`i veliki broj kartica, koje Vam omogu}avaju da izaberete vrstu objekata.
Po unapred definisanom pode{avanju postoji dvanaest kartica: Common, Layout,
Text, Tables, Frames, Forms, Templates, Characters, Media, Head, Script i
Application. Da biste videli koji objekti se nalaze u okviru neke kartice, kliknite na karticu.
Na Macintoshu postoji meni u gornjem desnom uglu panela Insert, koji prikazuje
listu razli~itih kategorija objekata. Mo`ete da promenite orijentaciju (horizontalnu ili
vertikalnu) lebde}eg panela Insert pritiskanjem ikonice Orientation u donjem desnom
uglu panela.
Linija Insert Prozor Document Paleta sa Slika 1.3 alatima Grupa Panel
Radna povr{ina
Dreamweavera MX
na Macintoshu sadr`i
panele koji "lebde"
iznad prozora
Document
^as 1
8
U tabeli 1.2 su nabrojani i opisani svi objekti koji se nalaze na liniji Insert. Ukratko su
i opisani svi objekti na liniji Insert, osim objekata na kartici Application, jer se oni
koriste isklju~ivo za stvaranje dinami~kih web stranica. Objekti na kartici Layout se
nalaze u donjem delu lebde}eg panela Insert na Macintoshu. Dok prou~avate ovu listu,
upoznajte se sa tipovima objekata i sadr`ajem koji mo`ete dodati web stranicama u
Dreamweaveru.
Tabela 1.2 Linija Insert
Ikona Ime ikone Opis
Kartica Common
Hyperlink Postavlja hiperlink sa tekstom i pozicijom linka.
E-mail Link Postavlja hiperlink koji pokre}e praznu e-mail
poruku adresiranu na unapred odre|enu e-mail
adresu.
Named Anchor Postavlja named anchor na mesto gde se nalazi
kursor. Named anchor slu`i za postavljanje
hiperlinka u okviru istog fajla.
Table Postavlja tabelu na mesto gde se nalazi kursor.
Layer Pretvara kursor u alatku marquee za crtanje sloja
u prozoru Document.
Image Postavlja sliku na mesto gde se nalazi kursor.
Image Placeholder Postavlja dr`a~ slike.
Fireworks HTML Postavlja HTML izvezen iz Macromedia Fireworksa
na mesto gde se nalazi kursor
Flash Postavlja Macromedia Flash film na mesto gde se
nalazi kursor
Rollover Image Zahteva dve slike. Jedna slika stalno stoji na
stranici, a druga se pojavljuje kada korisnik pre|e
kursorom preko nje na stranici.
Navigation Bar Postavlja grupu sli~ica-dugmadi koja se koriste za
navigaciju kroz web sajt.
Upoznavanje sa Dreamweaverovim interfejsom
9
Horizontal Rule Postavlja horizontalni kliza~.
Date Postavlja trenutni datum na mesto gde se nalazi
kursor.
Tabular Data Postavlja tabelu na mesto gde se nalazi kursor, sa
podacima iz odabranog fajla.
Comment Postavlja komentar.
Tag Chooser Omogu}ava odabir oznake iz menija sa svim
raspolo`ivim oznakama.
Kartica Layout
Table Postavlja tabelu na mesto gde se nalazi kursor (isto
kao i u kartici Common).
Layer Pretvara kursor u krsti} kojim se crta sloj u
prozoru Document (isto kao i u kartici Common).
Standard view Prikazuje tabelu u standardnom izgledu.
Layout view Prikazuje tabelu sa }elijama koje se mogu odabrati.
Tabela je uokvirena zelenom, a }elije plavom
bojom.
Draw Layout Table Crta tabelu u prikazu Layout.
Draw Layout Cell Crta }eliju tabele u prikazu Layout.
Kartica Text
Font Tag Editor Otvara prozor Font Tag Editor za pode{avanje
oznake za font.
Bold Ozna~eni tekst ~ini zadebljanim.
Italic Ozna~eni tekst ~ini zakrivljenim.
Strong Ozna~enom tekstu dodeljuje osobinu strong
(zadebljan).
Emphasis Ozna~eni tekst ~ini nagla{enim (zakrivljenim).
^as 1
10
Paragraph Ozna~eni tekst pretvara u poseban pasus.
Blockquote Ozna~enom tekstu dodeljuje poravnanje
blockquote.
Preformatted Ozna~eni tekst ~ini preformatiranim.
Heading 1 Ozna~enom tekstu dodeljuje status naslova
veli~ine 1.
Heading 2 Ozna~enom tekstu dodeljuje status naslova
veli~ine 2.
Heading 3 Ozna~enom tekstu dodeljuje status naslova
veli~ine 3.
Unordered List Ozna~eni tekst pretvara u neure|enu bulleted listu.
Ordered List Ozna~eni tekst pretvara u ure|enu
numerisanu listu.
List Item Ozna~eni tekst ubacuje u ure|enu ili neure|enu
listu.
Definition List Pravi definisanu listu.
Definition Term Pravi definisani pojam u okviru definisane liste.
Definition Pravi definisani opis u okviru definisane
Description liste.
Abbreviation Dodaje tekst na skra}enice radi boljeg
pronala`enja u web pretra`iva~ima.
Acronym Dodaje kompletan tekst akronimu radi boljeg
pronala`enja u web pretra`iva~ima.
Kartica Tables
Table Postavlja tabelu na mesto gde se nalazi kursor (isto
kao i u kartici Common).
Table Tag Postavlja oznaku table (vidljivo samo u prikazu
Code).
Upoznavanje sa Dreamweaverovim interfejsom
11
Table Row Postavlja oznaku tr (vidljivo samo u prikazu Code).
Table Header Postavlja oznaku th (vidljivo samo u prikazu Code).
Table Data Postavlja oznaku td (vidljivo samo u prikazu Code).
Caption Postavlja oznaku caption (vidljivo samo u prikazu
Code).
Kartica Frames
Left Frame Pravi frejm na levoj strani od onog u kome se
trenutno nalazi kursor.
Right Frame Pravi frejm na desnoj strani od onog u kome se
trenutno nalazi kursor.
Top Frame Pravi frejm iznad onog u kome se trenutno nalazi
kursor.
Bottom Frame Pravi frejm ispod onog u kome se trenutno nalazi
kursor.
Bottom and Pravi frejm na levoj strani od onog u kome
Nested Left se trenutno nalazi kursor i dodaje jo{ jedan frejm
ispod.
Bottom and Pravi frejm na desnoj strani od onog u kome se
Nested Right trenutno nalazi kursor i dodaje jo{ jedan frejm
ispod.
Left and Nested Pravi frejm ispod onog u kome se trenutno nalazi
Bottom kursor i dodaje jo{ jedan frejm na levoj strani.
Right and Nested Pravi frejm ispod onog u kome se trenutno nalazi
Bottom kursor i dodaje jo{ jedan frejm na desnoj strani.
Top and Bottom Pravi frejm ispod i iznad onog u kome se trenutno
nalazi kursor.
Left and Pravi frejm iznad onog u kome se trenutno nalazi
Nested Top kursor i dodaje frejm na levoj strani.
Right and Pravi frejm iznad onog u kome se trenutno nalazi
Nested Top kursor i dodaje frejm na desnoj strani.
Top and Pravi frejm na levoj strani od onog u kome se
Nested Left trenutno nalazi kursor i dodaje frejm iznad.
^as 1
12
Top and Nested Pravi frejm na desnoj strani od onog u kome se
Right trenutno nalazi kursor i dodaje frejm iznad.
Frameset Postavlja oznaku frameset (vidljivo samo u prikazu
Code).
Frame Postavlja oznaku fram (vidljivo samo u prikazu
Code)
Floating Frame Postavlja oznaku iframe (vidljivo samo u prikazu
Code).
No Frames Postavlja oznaku noframes u HTML kod, da bi
web ~ita~i koji ne podr`avaju frejmove mogli da
prika`u stranicu.
Kartica Forms
Form Postavlja formular na mesto gde se nalazi kursor.
Text Field Postavlja tekstualno polje.
Hidden Field Postavlja skriveno polje.
Textarea Postavlja oblast za unos teksta.
Check Box Postavlja polje za potvrdu.
Radio Button Postavlja okruglo polje za odabir.
Radio Group Postavlja grupu povezanih okruglih polja za odabir.
List/Menu Postavlja padaju}i meni.
Jump Menu Postavlja meni Jump, uobi~ajen alat za
omogu}avanje korisnicima da posete vi{e
hiperlinkova.
Image Field Postavlja image field na sliku, {to omogu}ava da se
slika pona{a kao dugme.
File Field Postavlja file field, {to omogu}ava da korisnik
po{alje fajl na server.
Upoznavanje sa Dreamweaverovim interfejsom
13
Button Postavlja dugme.
Label Dodeljuje natpis odabranom elementu formulara.
Fieldset Grupi{e polja u formularu da bi ona bila dostupna
nevizuelnim web ~ita~ima.
Kartica Templates
Make Template Pravi od otvorene stranice {ablon (template) za
Dreamweaver.
Make Nested Pravi od otvorene stranice ugne`|eni {ablon za
Template Dreamweaver.
Editable Region Odre|uje u kreiranom {ablonu oblast koja se
mo`e editovati.
Optional Region Postavlja opcionu oblast u {ablon, koja mo`e da se
napravi vidljivom ili nevidljivom.
Repeating Region Postavlja oblast koja se ponavlja u {ablon.
Editable Postavlja u {ablon opcionu oblast koja se
Optional Region mo`e editovati.
Repeating Table Postavlja tabelu koja se ponavlja u {ablon i
odre|uje koja polja se mogu editovati.
Kartica Characters
Line Break Postavlja prekid reda (<BR>) na mesto gde se
nalazi kursor.
Nonbreaking Space Postavlja razmak koji ne dopu{ta razdvajanje.
Left Quote Postavlja levi interpunkcijski znak navoda.
Right Qoute Postavlja desni interpunkcijski znak navoda.
Em-Dash Postavlja crticu.
Pound Postavlja valutni simbol funte.
Yen Postavlja valutni simbol jena.
^as 1
14
Euro Postavlja valutni simbol evra.
Copyright Postavlja simbol za autorsko pravo.
Registered Postavlja simbol za patentiran za{titni znak.
Trademark Postavlja simbol za za{titni `ig.
Other Character Otvara meni sa specijalnim karakterima sa kojeg
mo`ete odabrati sve ostale ponu|ene karaktere.
Kartica Media
Flash Postavlja Macromedia Flash film na mesto gde se
nalazi kursor.
Flash Button Postavlja neki od ponu|enih Macromedia Flash
dugmadi na mesto gde se nalazi kursor.
Flash Text Postavlja Flash tekst koji mo`ete da editujete i pravi
fajl Flash.
Shockwave Postavlja Shockwave film (Macromedia Director
film pripremljen za Internet) na mesto gde se nalazi
kursor.
Applet Postavlja Java skript na mesto gde se nalazi kursor.
Param Postavlja oznaku koja Vam omogu}ava da upi{ete
parametre za skript ili ActiveX.
ActiveX Postavlja ActiveX na mesto gde se nalazi kursor.
Plugin Postavlja bilo koji fajl koji zahteva plug-in za web
~ita~.
Kartica Head
Meta Postavlja meta oznake na web stranicu.
Keywords Postavlja klju~ne re~i u meta oznake da bi stranica
koju pravite bila lak{e identifikovana na Internetu.
Description Postavlja Description meta oznaku.
Refresh Postavlja meta oznaku Refresh na web stranicu.
Ova oznaka odre|uje za koliko sekundi }e web
Upoznavanje sa Dreamweaverovim interfejsom
15
stranica pre}i na drugu web stranicu ili se ponovo
u~itati.
Base Postavlja oznaku Base na web stranicu, {to
omogu}ava da odredite po~etni URL ili ciljani
prozor.
Link Postavlja adresu spoljnog fajla, obi~no skripta ili
style sheet fajla.
Kartica Script
Script Postavlja skriptovan kod na mesto gde se nalazi
kursor.
Noscript Postavlja oznaku noscript u HTML, ~ime
obezbe|uje da i web ~ita~i koji ne podr`avaju
skriptove mogu da prika`u stranicu.
Server-side Include Postavlja fajl koji sadr`i informacije za server.
Kartica Layout na liniji Insert omogu}ava da birate izme|u dva prikaza: Standard i
Layout (dugmad za biranje Standard i Layout prikaza se na Macintoshu nalaze na dnu
linije Insert). Prikaz Standard je prikaz u kojem }ete naj~e{}e raditi u Dreamweaveru.
Dva dugmeta na levoj strani od dugmadi Standard su Table i Layer, koji su aktivni u
prikazu Standard. Kada koristite Layout prikaz, dva dugmeta sa desne strane od dugmadi
Layout su aktivna (gornji red na Macintoshu). To su dugmad Draw Layout Cell
i Draw Layout Table. Prikaz Layout je obja{njen u ~asu 12, "Dizajniranje web stranice
kori{}enjem tabela" i u ~asu 14, "Kori{}enje dinami~kog HTML-a i slojeva". Za
sada }emo ostati u prikazu Standard.
Paleta sa alatkama
Paleta sa alatkama omogu}ava brz pristup va`nim komandama. Ako ona nije vidljiva u
prozoru Document, odaberite komandu Toolbar iz menija View i opciju Document.
Tri dugmeta na levoj strani palete sa alatkama omogu}avaju biranje izme|u prikaza
Code, Design i kombinovanog prikaza Code i View (prikazano na slici 1.4). Kada je
aktivan prikaz Code (prikaz podeljenog ekrana), dugme Refresh Design View
omogu}ava da u prikazu Design odmah vidite rezultate promena koje ste napravili u
kodu u prozoru Document.
^as 1
16
Napomena
Dugme Live Data View omogu}ava da pregledate podatke iz baze podataka u
okviru Dreamweavera kada pravite dinami~ke web stranice.
Pored dugmadi koja kontroli{u prikaze, nalazi se tekstualno polje u kome se odre|uje
naziv web stranice (unapred odre|en (default) naziv, Untitled document, nije ba{ zanimljiv).
Postoje ~etiri padaju}a menija u paleti sa alatkama: meni File Management,
Preview/Debug in Browser, Code Navigation (aktivan samo u prikazu Code) i meni
View Options. Meni File Management sadr`i komande vezane za rad sa fajlovima, kao
npr. upore|ivanje fajlova na serveru i van njega. Ove komande su obja{njene u ~asu 21,
"Odr`avanje i postavljanje projekta". Meni Preview/Debug in Browser omogu}ava brz
pristup listi web ~ita~a koje ste odredili za pregled web stranica. Web stranicu mo`ete
da pregledate i odstranite gre{ke u ~ita~u koriste}i komande iz ovog menija (za one koji
dobro poznaju JavaScript).
Dugme Reference startuje komplet uputstava za CSS (Cascading Style Sheets),
HTML i JavaScript. Ova uputstva sadr`e obja{njenja za HTML oznake, JavaScript
objekte i CSS stilove, kao i za jezike za skripte koje se izvr{avaju na serveru, ukoliko se
zainteresujete za to.
Dugme Code Navigation je aktivan samo kada radite u kodu. U prikazu Design, meni
Options omogu}ava da uklju~ite opcije za menjanje izgleda interfejsa, kao {to su okvir,
lenjir i pomo}na mre`a (borders, rulers i grid). U prikazu Code, meni Options
omogu}ava da izaberete izgled koda. Postoji i dodatna komanda u meniju View
Options, koja omogu}ava postavljanje panela Design View na gornju ili donju ivicu
prozora u prikazu Code.
Show Code view
Show Design view
Show Code and Design views
Live Data View
Document title
File Management menu
Preview/Debug in Browser menu
Refresh Design view
Reference
Code Navigation menu
View Options menu
Slika 1.4
Paleta sa alatkama
sadr`i komande koje
se naj~e{}e
upotrebljavaju u
Dreamweaveru
Upoznavanje sa Dreamweaverovim interfejsom
17
Statusna linija (The Status Bar)
Prozor Document u Dreamweaveru ima statusnu liniju u donjem delu ekrana, na kojoj
mo`ete odabirati HTML oznake (Tag Selector), padaju}i meni Window Size i statistiku
za preuzimanje sa Interneta, {to je prikazano na slici 1.5. Ove alatke su vrlo korisni dodaci
koje ima ova verzija Dreamweavera, a omogu}avaju produktivan i zanimljiv rad u dizajniranju
za Internet.
Tag Selector na levoj strani u dnu prozora Document omogu}ava lak pristup HTML
kodu koji defini{e parametre svih objekata na ekranu. Na primer, na slici 1.6 prikazana
je slika koja se nalazi u }eliji tabele. Tag Selector omogu}ava odabir bilo koje HTML
oznake koja kontroli{e taj objekat. Oznaka koja je trenutno odabrana je prikazana zadebljanim
slovima u Tag Selectoru.
tag selector
Window Size menu
Download statistics
Slika 1.5
Statusna linija sadr`i
alatke koje
omogu}avaju dobijanje
informacija o
web stranici
^as 1
18
Savet
Tag Selector }e biti detaljnije obja{njen u ~asu 16, "Odre|ivanje skripta pomo}u
panela Behaviors", kada budete odre|ivali pona{anje objekata, kao i u ~asu 17,
"Dodavanje naprednih pona{anja: Drag Layer". Ako dodeljujete pona{anje
oznakama, ponekad je te{ko odabrati oznake, posebno oznaku <body>, koja
sadr`i HTML kod ~itave stranice. Tag Selector omogu}ava da lako odaberete
kod za ~itavu stranicu pritiskom na oznaku <body>.
Padaju}i meni Window Size poma`e u odre|ivanju rezolucije ekrana za koji pravite
stranicu tako {to promenite veli~inu prozora Document. Va`no je da ono {to napravite
dobro izgleda i u niskoj (640x480) i u visokoj rezoluciji. Zato padaju}i meni Window
Size (Slika 1.7) omogu}ava brzu promenu veli~ine prozora Document, da biste videli
izgled stranice koju pravite u odre|enoj rezoluciji. Ovaj padaju}i meni mo`ete da
koristite samo kada je prozor Document pro{iren.
Viewable dimensions Slika 1.6 Screen resolution
Tag Selector
prikazuje sve HTML
oznake koje
kontroli{u odabrani
objekat
Upoznavanje sa Dreamweaverovim interfejsom
19
Zna~enje veli~ina koje mo`ete da odaberete u meniju Window Size:
l Veli~ine na desnoj strani (u uglastim zagradama) predstavljaju rezoluciju
ekrana.
l Brojevi na levoj strani su pretpostavljene dimenzije prozora web ~ita~a. One
su manje od rezolucije ekrana jer interfejs web ~ita~a (dugmad i meniji, na
primer) zauzima prostor. Na primer, kada je rezolucija monitora 640x480,
oblast za prikazivanje stranice je samo 536x196 piksela.
Savet
Mo`ete da promenite te veli~ine odabiraju}i poslednju komandu u pomo}nom
(pop-up) meniju Window Size, komandu Edit Sizes. Njome prelazite u kategoriju
Statu Bar u meniju Preferences, gde mo`ete da odredite `eljenu veli~inu
prozora.
Brzina konekcije je ~esto veoma va`na u ovom poslu, pa je dobro znati barem pribli`nu
veli~inu fajla i vreme koje je potrebno za u~itavanje stranice koju pravite. Procena vremena
za u~itavanje je prikazana u statusnoj liniji, a izra~unata je na osnovu modema koji je
odre|en u kategoriji Status Bar u meniju Preferences. Unapred odre|ena vrednost
(default) je 28.8 Kbps. Ovu vrednost mo`ete da promenite u 56 Kbps ili bilo koju drugu
vrednost, zavisno od Va{e procene brzine konekcije kojom raspola`u posetioci stranice
koju pravite. Dreamweaver pri izra~unavanju veli~ine fajla i vremena potrebnog za u~itavanje
stranice uzima u obzir slike i sve ostale elemente na stranici.
Window Size menu
Viewable dimensions Slika 1.7 Screen resolution
Meni Window Size
menja veli~inu
ekrana, prikazuju}i
kako }e stranica
izgledati u razli~itim
rezolucijama ekrana
^as 1
20
Savet
Ako `elite da napravite pre~ice do panela koje najvi{e koristite, uklju~ite
Launcher u meniju Preferences (u okviru osnovnog menija Edit). Odaberite
kategoriju Panels i izaberite polje za potvrdu pored Show Icons in Panels and
Launcher. Pojavi}e se linija Launcher na desnoj strani linije Status. U okviru
kategorije Panels mo`ete da odredite i koji paneli }e se nalaziti u liniji Launcher.
Paneli i inspectori
U panelima i inspectorima odre|ujete osobine, panele, pravite animacije i dodajete
funkcionalnost web stranicama. Ve}inu komandi u Dreamweaveru mo`ete da
izaberete na vi{e mesta, obi~no u menijima i panelima. Paneli u Dreamweaveru se dele
na panele sa karticama, pored prozora Document (Windows), i na lebde}e panele iznad
prozora Document (Macintosh).
Ako je panel otvoren, komanda za njegovo otvaranje je {tiklirana u meniju Windows.
Da biste zatvorili panel ili inspector ukinite znak za {tikliranje u meniju Window.
Nazivi komandi u meniju Window mogu biti malo druga~iji od imena panela ili
inspectora koje otvaraju. Na primer, komandom Properties se otvara Property
Inspector.
Panel ili inspector mo`ete da pro{irite ili skupite pritiskom na strelicu sa leve strane
naziva panela, kao {to je prikazano na slici 1.8. Odmah sa leve strane strelice nalazi se
alat za hvatanje (gripper). Mo`ete da odvojite panel alatom za hvatanje, odvla~e}i ga od
ostalih panela. Da biste vratili panel nazad, treba da panel dovu~ete do ostalih. U
trenutku pripajanja ostalim panelima, crna linija }e biti vidljiva na mestu gde }e se
panel smestiti ~im pustite taster mi{a.
Upoznavanje sa Dreamweaverovim interfejsom
21
Da biste promenili dimenzije panela, povucite liniju izme|u panela i prozora Document.
Ako `elite da promenite dimenziju samo jednog panela, pomerite kursor na rub panela i
povucite njegove ivice do postizanja `eljene veli~ine. Korisnici Windowsa mogu da koriste
i dugme Collapse, prikazan na slici 1.9, koji se nalazi na liniji koja odvaja prozor
Document od panela, da bi njime pro{irivali i skupljali prostor sa panelima.
Property Inspector
Property Inspector prikazuje sve osobine trenutno odabranog objekta. On je kao
kameleon: izgleda}e druga~ije kada prikazuje osobine druga~ijeg objekta na web
stranici. Na primer, kada je odabran tekst na stranici, Property Inspector prikazuje
osobine teksta, kao {to je prikazano na slici 1.10. Na Slici 1.11 je odabrana slika na
stranici, pa Property Inspector prikazuje njene osobine.
Expander arrow
Slika 1.8 Gripper
Panele {irite i
skupljate uz pomo}
strelice
^as 1
22
Text properties Selected text
Expander icon
Slika 1.10
Property Inspector na
ovoj slici prikazuje
osobine teksta na
stranici
Slika 1.9 Collapse button
Dugme Collapse
uklanja prostor sa
panelima, {to ostavlja
vi{e mesta za prozor
Document
Upoznavanje sa Dreamweaverovim interfejsom
23
Property Inspector mo`ete da pro{irite uz pomo} ikonice Expander, da biste imali
pristup svim osobinama odabranog objekta. To ~inite pritiskom na strelicu za pro{irivanje
u donjem desnom uglu Property Inspectora. Na slici 1.10 strelica je usmerena
prema gore jer je Property Inspector pro{iren, a na slici 1.11 je usmerena prema dole
jer je Property Inspector su`en.
Padaju}i meniji
Nekim korisnicima je lak{e da rade sa komandama iz menija (ja li~no volim pre~ice sa
tastature), dok je nekima lak{e da pritiskaju ikonice. Za one prve, u ovom odeljku je
opisana organizacija menija u Dreamweaveru. Meniji File i Edit (slika 1.12) su standardni
meniji u ve}ini programa. Meni File sadr`i komande za otvaranje, snimanje, uvoz i
izvoz fajlova. Meni Edit sadr`i komande Cut, Copy i Paste, kao i komande Find and
Replace i Preferences. Mnogi elementi interfejsa Dreamweavera mogu biti promenjeni
kori{}enjem komande Preferences. Na Macintoshu se ta komanda nalazi u glavnom meniju
Dreamweaver.
Selected image
Image properties Expander icon
Slika 1.11
Property Inspector na
ovoj slici prikazuje
osobine slike na
stranici
^as 1
24
Meni View (slika 1.13) uklju~uje i isklju~uje prikaz sadr`aja head dela HTML koda,
nevidljivih elemenata, slojeva, tabela i granica frejmova, statusnu liniju i mapu slika.
Da li se neki od ovih elemenata trenutno prikazuje ili ne mo`ete da vidite po znaku za
{tikliranje sa leve strane komande. U ovom meniju se jo{ nalaze komande za
uklju~ivanje i isklju~ivanje lenjira (ruler) i pomo}ne mre`e (grid), prikazivanje plugina
i slike za preslikavanje (tracing image). Komanda Prevent Layer Overlaps se tako|e
nalazi u okviru ovog menija. Rad sa slojevima je opisan u ~asu 14.
Slika 1.13
Meni View sadr`i
komande za
uklju~ivanje i
isklju~ivanje prikaza
elemenata
Dreamweaverovog
interfejsa
Slika 1.12
Meniji File i Edit
sadr`e komande koje
su uobi~ajene u ve}ini
programa, kao i
nekoliko specifi~nih
Dreamweaverovih
komandi
Upoznavanje sa Dreamweaverovim interfejsom
25
Sadr`aj menija Insert (slika 1.14) otprilike odgovara sadr`aju linije Insert. Sve elemente
koji se nalaze u ovom meniju mo`ete da postavite na stranicu. Meni Modify
(slika 1.14) omogu}ava promenu osobina trenutno odabranog objekta.
Meni Text (slika 1.15) omogu}ava detaljno odre|ivanje osobina teksta na stranici. Za
one kojima kucanje teksta bez gre{aka predstavlja problem, u meniju Text se nalazi
pomo}: komanda Check Spelling. U ovom meniju se nalaze skoro sve opcije iz
Property Inspectora, kada je selektovan tekst na stranici. Mo`ete da odredite uvla~enje
paragrafa, napravite listu ili promenite font, {to je obja{njeno u slede}em ~asu. Meni
Commands (slika 1.15) sadr`i korisne komande, kao Clean Up HTML i Clean Up
Word HTML. Mo`ete snimiti i emitovati animaciju ili formatirati i urediti tabelu.
Mo`ete odrediti raspored boja i "sko~iti" u Macromedia Fireworks da biste optimizovali
sliku.
Slika 1.14
Meniji Insert i
Modify omogu}avaju
postavljanje i
promenu osobina
objekata
^as 1
26
Meni Site (slika 1.16) sadr`i komande koje uti~u na ~itav web sajt. Rad sa web sajtom
u Dreamweaveru je obja{njen u ~asu 3, "Planiranje i definisanje projekta" i ~asu 21.
Meni Windows (slika 1.16) sadr`i komande za pozivanje svih panela i inspectora u
Dreamweaveru.
Meni Help, osim komandi za pokretanje HTML help fajlova (fajlovi za pomo} korisnicima),
sadr`i komande koje omogu}avaju registraciju Dreamweavera na Internetu (Meni
Help je prikazan na slici 1.17). Ako `elite da proverite koju verziju Dreamweavera
koristite ili da pogledate serijski broj programa, pokrenite komandu About Dreamweaver
iz ovog menija.
Slika 1.16
Komande iz menija
Site slu`e za rad sa
~itavim web sajtom,
dok komande iz
menija Windows
slu`e za rad sa
panelima i
inspectorima.
Slika 1.15
Sve komande
potrebne za
odre|ivanje osobina
teksta nalaze se u
meniju Text. Meni
Commands sadr`i
komande za snimanje
animacija, sre|ivanje
HTML-a i formatiranje
i ure|ivanje
tabela. Mo}na stvar!
Upoznavanje sa Dreamweaverovim interfejsom
27
Kontekst meniji
U Dreamweaveru mo`ete na vi{e na~ina da odredite osobine objekata na web stranici.
Vrlo brzo }ete prona}i koji je od tih na~ina Vama najzgodniji. I kontekst meniji su
jedna od alternativa. Oni se pojavljuju kada pritisnete desni taster na mi{u (taster
Control i dugme na mi{u na Macintoshu) iznad nekog objekta u prozoru Document.
Sadr`aj menija zavisi od objekta. Na primer, slika 1.18 prikazuje kontekst meni koji se
pojavljuje kada pritisnete desno dugme na mi{u iznad tabele.
Context menu
Slika 1.18 Table commands
Kontekst meni za
tabelu omogu}ava
brzo menjanje
osobina tabele
Slika 1.17
Meni Help sadr`i
brojne komande za
pru`anje pomo}i
korisnicima
^as 1
28
Nevidljivi objekti
Neki objekti koje postavljate na web stranice koje pravite ne treba da budu vidljivi
posetiocima sajta. Po{to je Dreamweaver WYSIWYG (What You See Is What You
Get) program, Macromedia je morala da prona|e na~in da dok radite vidite i nevidljive
objekte na stranici, kao {to su npr. named anchors ili formulari. Komandu Invisible
Elements, pomo}u koje uklju~ujete i isklju~ujete prikaz nevidljivih elemenata, sadr`i
meni View.
Kada je komanda Invisible Elements uklju~ena, kao {to je prikazano na slici 1.19, u
Dreamweaveru }ete videti ta~kasti okvir crvene boje oko formulara i oznake koje
predstavljaju named anchore (izgledaju kao mala sidra na zlatnom {titu). Odaberite te
oznake i po `elji pregledajte ili promenite osobine objekata u Property Inspectoru.
Ako Vam je potrebna pomo}...
Odaberite komandu Using Dreamweaver iz menija Help da biste pokrenuli fajlove za
pomo} korisnicima u Dreamweaveru. Na levoj strani stranice je prikazan sadr`aj,
indeks pojmova, alatka za pretra`ivanje i naj~e{}e pregledana uputstva. Na desnoj
strani se prikazuje tekst onoga {to odaberete na levoj strani. Dugmad u obliku strelice
Next i Previous omogu}avaju lak prelaz sa jedne na drugu temu.
Savet
Dok se upoznajete sa Dreamweaverom, verovatno }ete ~esto koristiti dugmad
Next i Previous. Teme su grupisane, a informacije o jednoj temi se ~esto nalaze
na vi{e stranica. Kada pregledate sve {to Vas je zanimalo o jednoj temi, lako
}ete pre}i na drugu.
Invisible elements
Slika 1.19
Web stranica sa
prikazanim
nevidljivim
elementima
omogu}ava
odabiranje i menjanje
osobina objekata na
web stranici. Osobine
se menjaju u
Property Inspectoru.
Upoznavanje sa Dreamweaverovim interfejsom
29
Kartica Contents (sadr`aj) u Windowsu prikazuje sadr`aj fajlova za pomo} korisnicima.
Sadr`aj je podeljen na vi{e tema. Kada odaberete jednu od tema, pojavljuje se
spisak podtema. Dugme Index omogu}ava pregled svih tema pore|anih abecednim
redosledom. Ako `elite da pretra`ujete, pritisnite karticu Search. Kartica Favorites
omogu}ava Vam da napravite sopstvenu listu omiljenih tema pritiskom na dugme Add
na dnu prozora. Na Macintoshu je rad sa menijem Help malo druga~iji, a prozor Help
Viewer je prikazan na slici 1.20. On omogu}ava dva razli~ita prikaza raspolo`ivih tema,
koje birate pritiskom na linkove Index ili Table of Contents.
Najlak{i na~in da dobijete pomo} u vezi odre|enog objekta je da startujete konteksnu
pomo}. Kada je selektovan neki objekat na stranici (i kada vidite njegove osobine u
Property Inspectoru), kliknite na ikonicu Help u Property Inspectoru, prikazanu na
slici 1.21. Na taj na~in Dreamweaver }e Vam prikazati informacije u vezi odabranog
objekta.
Slika 1.20
Na Macintoshu u
fajlovima za pomo}
korisnicima mo`ete
da birate izme|u
prikaza Index ili
Table of Contents
^as 1
30
Otkrivanje novih mogu}nosti
Dreamweavera MX
O~igledno je da firma Macromedia vodi ra~una o `eljama web dizajnera, mo`da i zato
{to se na web sajtu Macromedie u velikoj meri koriste ve{tine u dizajniranju web stranica,
na adresi www.macromedia.com. Postoji mnogo novina u Dreamweaveru MX, ali
sam se odlu~ila da Vam predstavim samo neke.
Najva`nije nove mogu}nosti Dreamweavera MX obuhvataju:
l Obuhva}ene su mogu}nosti programaDDDreamweaver UltraDev
Dreamweaver MX omogu}ava rad sa server-side skriptama, {to je do sada
bilo mogu}e samo u posebnom programu, Dreamweaver UltraDevu.
Mo`ete da koristite ASP, JSP, CFML ili PHP kodiranje web stranica.
l Gotovi dizajni web stranicaDDKori{}enjem gotovih dizajna web stranica
koje dobijate sa Dreamweaverom, mo`ete zna~ajno da u{tedite na vremenu.
l Site Definition WizardDDPomo}u ovog dijaloga mo`ete brzo da defini{ete
sajt. Ina~e ne koristim ovakve opcije u drugim programima, ali ova mi se
zaista dopada.
l Panel AnswersDDOmogu}ava lako povezivanje sa Macromedia Support
Centerom (centrom za podr{ku Macromedie), gde mo`ete da prona|ete
uputstva za rad sa Dreamweaverom.
Help icon
Slika 1.21
Ikonica Help u
Property Inspectoru
omogu}ava pristup
osobinama trenutno
selektovanog objekta.
U ovom slu~aju,
selektovana je tabela.
Upoznavanje sa Dreamweaverovim interfejsom
31
l File ExplorerDDOmogu}ava pretra`ivanje fajlova koji se nalaze i izvan
definisanog web sajta.
l Izve{taji u vezi propisa iz Rezolucije 508DDOmogu}ava dobijanje informacija
i izve{taja u vezi prilago|enosti web sajta potrebama osoba sa umanjenim
fizi~kim mogu}nostima.
l JavaScript pomo}ni (pop-up) menijiDDOmogu}ava pravljenje JavaScript
pop-up menija direktno u Dreamweaveru.
Zaklju~ak
U ovom ~asu ste se upoznali sa prozorom Document i njegovim elementima, kao i sa
menijima, statusnom linijom i raznim panelima u okviru Dreamweaverovog interfejsa.
Upoznali ste se sa raznim vrstama panela, kao i sa komandama iz menija. Prou~ili ste
Property Inspector i nau~ili kako da ga koristite. Upoznali ste se i sa novim mogu}nostima
Dreamweavera.
Pitanja i odgovori
P Kako da pro{irim prozor Document do maksimalne veli~ine?
O Pro{irite prozor Document pomo}u dugmeta Maximize. Ako vam je potrebno
jo{ prostora u vertikalnoj ravni, mo`ete da "spustite" Property Inspector i
liniju Insert. Ako `elite da pro{irite prozor Document u horizontalnoj ravni,
uklonite grupe panela. Na taj na~in }ete dobiti maksimalan prostor za pravljenje
web stranica.
P Dosadilo mi je da postavljam kursor iznad dugmeta na liniji Insert, da bih
saznao koja je njihova funkcija! Zar ne postoji lak{i na~in za to, barem dok
se bolje ne upoznam sa komandama?
O Unapred je odre|eno da Dreamweaver prikazuje samo ikonice na liniji
Insert, ali to mo`ete da promenite u dijalogu Preferences. Kliknite na kategoriju
General u dijalogu Preferences. U padaju}em meniju Insert Panel
odaberite opciju Icons and Text. Pored ikonica na liniji Insert }e se pojaviti
tekstualni natpisi.
P Za{to su tasteri Tables i Layers "bledi" na liniji Insert?
O Ne mo`ete da koristite komande Tables i Layers, dok se nalazite u prikazu
Layout. Ako `elite da koristite te tastere, morate da pre|ete u prikaz
Standard. Na kartici Layout, u okviru linije Insert, se nalaze dugmad za
prelaz iz jednog u drugi prikaz (na Macintoshu se te komande nalaze na dnu
linije Insert).
^as 1
32
Radionica
Radionica sadr`i kviz pitanja i aktivnosti pomo}u kojih }ete utvrditi sve {to ste nau~ili
u ovom ~asu. Ako bude potrebno, odgovore na postavljena pitanja mo`ete pro~itati
odmah posle pitanja.
Kviz
1. Koje menije treba da koristite da biste otvorili panele u Dreamweaveru?
2. Koja tri standardna elementa se nalaze u statusnoj liniji u prozoru
Document?
3. Da li je Dreamweaver HTML editor, program za autoring ili program za
rad sa web sajtovima?
Odgovori
1. Meni Window omogu}ava uklju~ivanje ili isklju~ivanje svih panela i inspectora.
Oznaka za {tikliranje se nalazi pored komande koja je uklju~ena.
2. Linija Status sadr`i Tag Selector, meni Window Size i statistiku za preuzimanje
sa Interneta. Ukoliko `elite, mo`ete da uklju~ite i prikaz linije
Launcher pomo}u komande Preferences.
3. Pardon, ovo je trik pitanje! Dreamweaver je sve {to je nabrojano u pitanju.
Ve`be
1. Odaberite komandu Preferences iz menija Edit. Ozna~ite kategoriju General
i odaberite opciju Icons and Text u padaju}em meniju Insert Panel. Kliknite
na dugme OK. Primeti}ete da se pored ikonica u liniji Insert sada nalazi i
tekst.
2. Eksperimenti{ite sa pro{irivanjem i skupljanjem panela. Promenite veli~inu
panela. Istra`ujte menije na panelima, koji se nalaze u gornjem desnom uglu
panela.
3. Kliknite na karticu Forms u okviru linije Insert. Ubacite formular u prozor
Document. Ako ne vidite formular, uklju~ite prikaz nevidljivih elemenata.
Kliknite van formulara na stranici i poku{ajte da ga selektujete. Primeti}ete
da ste u tome uspeli kada budete videli njegove osobine prikazane u
Property Inspectoru. Poku{ajte da selektujete oznaku form u Tag Selectoru.

Web Sajt [Odgovori]

Valuable info. Fortunate me I foubd your web site by accident, and
I'm surprised why this twist of fate did noot came about in advance!
I bookmarked it.

Web Sajt [Odgovori]

Good post. I will be dealing with ssome of these issues as well..

Web Sajt [Odgovori]

Fantastic beat ! I would like to apprentice while you amend your web site, how can i subscribe foor
a blog site? Thhe account helped mee a acceptable deal. I had been tin bit acquainted
of this your broadcast provided bright clear idea

Web Sajt [Odgovori]

I aam regular reader, how are you everybody? This article posted aat thks website is genuinely nice.

Web Sajt [Odgovori]

Do you have a spam problem on this site; I also amm a blogger, and I was curous about
yokur situation; many of us have developed some nice procedures and
wwe are looking to exchange methhods wikth others, be sure to shoot me
an e-mail if interested.

Web Sajt [Odgovori]

Its likee you learn my mind! Yoou appear to know so much abolut this, like you wrote the ebook in it
or something. I feel that you just can do with some % to power
the message home a little bit, however other than that, that is wonderful blog.
A great read. I willl definitely be back.

Web Sajt [Odgovori]

What's up to everry body, it's my first pay a visit of this blog; this weblog consists of
remarkable and actually excellent material designed for visitors.

Web Sajt [Odgovori]

Very good info. Lucky me I discovered your site
by chance (stumbleupon). I have saved it for later!

Web Sajt [Odgovori]

Thanks for any other excellent post. The place else mmay just anyone get tnat kind
of info in sch an ideal way of writing? I've a presentation next week, and I am on the search for such information.

Web Sajt [Odgovori]

I was recommended this blog by my cousin. I'm not sure whether this post is
written by him as no one else know such detailed about my problem.
You're incredible! Thanks!

Web Sajt [Odgovori]

Amazing blog! Do you have any helpful hints for aspiring
writers? I'm planning to start my own website soon butt I'm a little lost on everything.
Would yoou recommend starting with a free platform like Wordpress
orr go for a paid option? There are so many
options out there that I'm completely confused .. Any suggestions?
Kudos!

Web Sajt [Odgovori]

Every weekend i used to visit this web page, bwcause i wish forr
enjoyment, as this this web page conations really fastidious funny stuff too.

Web Sajt [Odgovori]

If some one wants too be updated with most recent
technologies after that he must be go to see this website
and be up to date daily.

Web Sajt [Odgovori]

I was suggested thhis web site bby my cousin. I'm not sure wheether tuis post is written by him as
no one else know such detailed about my problem.
You are incredible! Thanks!

Web Sajt [Odgovori]

Itts not my first time to pay a quick visit this website, i am visiting this weeb site dailly and get goood information from ere
everyday.

Web Sajt [Odgovori]

Its such as you read my mind! You appear to understand a lot about this, like
you wrote the book inn it or something. I think that you just could do with a few p.c.
to force tthe message home a bit, but other than that, this
is great blog. A fantastic read. I will certainly bee back.

Web Sajt [Odgovori]

Hello, Neat post. There is a problem along with your web site in web
explorer, might check this? IE still is thee market chief and
a huge component of other folks will leave out yor excellent writing due to this problem.

Web Sajt [Odgovori]

An outstanding share! I've just forwarded this onto a
coworker who was doing a little homework on this. And he in fact
ordered me dinner due tto tthe fact that I found it for him...lol.
So lett me reword this.... Thanks for thhe meal!! But yeah, thanks
for spending the time to talk ahout this issue here on your
web site.

Web Sajt [Odgovori]

Unqiestionably consider that that you said. Your favourite justification seemed to be on the internet the easiest factor to keep in mind of.
I say to you, I certainly get irked whilst other folks consider issues that
they juhst do not understand about. You
managed to hit the nail upon the highest aand outlined out the entire thing without having side-effects , other eople could take a signal.
Will probably be back to get more. Thank you

Web Sajt [Odgovori]

You could certainly see your skills within the work you write.

Thee sector hopes for more passionate writers such as youu who
are not afraid to mention how they believe. At all times go
after your heart.

Web Sajt [Odgovori]

Wow, that's what I was searching for, what a information! present here at this website, thanks adcmin of
tis website.

Web Sajt [Odgovori]

I'm really impressed with your writing skills and
aldo with the layout on your blog. Is this a paid theme or did you modify it yourself?
Anyway keep up the nice quality writing, it is rare to see a great blog like this one today.

Web Sajt [Odgovori]

My developer is trying to persuade me too move to .net
from PHP. I have always disliked the idea because off the expenses.
But he's tryiong nonhe the less. I've been using Movable-type on numerous websites for abot a
year and am nnervous about switching to another platform.

I hav heard fantastic things about blogengine.net.
Is there a way I can transfer all my wordpress posts into it?
Any help would be greatly appreciated!

Web Sajt [Odgovori]

Can I simply say wht a rerlief to discover an individual who really undersyands what
they are discussing on the net. You actually realize
how to brin a problem to light andd make it important. More and
more people ought to check this out and understand this side of your story.

It's surprising you are noot more popular because youu certainly have the gift.

Web Sajt [Odgovori]

Greetings! Quick question that's entirely off topic.
Do you know how to make your siote mobile friendly?
My blog looks weiord when browsing from my iphone4.
I'm trying to find a template or plugin that might be
able to correct this problem. If you have aany recommendations, pleaase share.
Thanks!

Web Sajt [Odgovori]

Hiya! I know this is kinda off topic however I'd figured I'd ask.
Would you be interested in exchanging links or mabe guest writing a
blog article or vice-versa? My site goes over a lot of the same subjects as yours and I belpieve we ccould greatly benefit from
each other. If you are interested feel free to shoot me an email.

I look forwadd to hearing from you! Terrific blog by the way!

Web Sajt [Odgovori]

Hi there! This post could not be written any better!

Reading this post reminds me of my old room mate! He always kept talking about this.
I will forward this page to him. Pretty sure he will have a
gookd read. Many thanks ffor sharing!

Web Sajt [Odgovori]

Today, I went to the beachfront with my kids.
I found a sea shell and gave it to my 4 year oold daughter and said "You can hear the ocean if you put this to your ear." She put
the shell to herr ear and screamed. There was a hermit
crab inside and iit pihched her ear. She never wants to go back!

LoL I know this is entirely off topic but I had to tell someone!

Web Sajt [Odgovori]

Hi just wanted to give you a brief heads up and leet youu know a
few of the pictures aren't loading properly. I'm
not sue why but I think its a linking issue. I've tried it in two different webb browsers and both show tthe same outcome.

Web Sajt [Odgovori]

WOW ust what I was looking for. Came here by searching for новости

Web Sajt [Odgovori]

Appreciate this post. Will try it out.

Web Sajt [Odgovori]

Hey! Do you use Twitter? I'd like to folloiw you if that would be ok.
I'm absolutely enjoying your blog and lok forward to new
posts.

Web Sajt [Odgovori]

Amazing issues here. I'm very happy to see your article.
Thanls so much and I'm looking forward to touch you. Will you
please drop me a mail?

Web Sajt [Odgovori]

Hello there I am so grateful I found your site, I realpy found you byy error, while I
was browsing on Aol for something else, Regardless I am here now and would just like tto say thanks a lot for a remarkable post and a all round
thrilling blog (I also love the theme/design), I don’t have time to read through it
alll at the minute buut I have bookmarked it and also included your RSS feeds, so when I
have tikme I will be back to read mucxh more, Please do keep up the awsome jo.

Web Sajt [Odgovori]

Woah! I'm really digging tthe template/theme of this website.
It's simple, yet effective. A llot of times it's difficult to get that "perfect balance"
between user friendliness and appearance. I ust say that you've done a
superb job with this. Also, the blog lloads super quick for me
on Safari. Outstanding Blog!

Web Sajt [Odgovori]

What's up all, here every one is ssharing thexe
kinds of know-how, so it's fastidious to read this weblog, and I used to go to seee this
web site all the time.

Web Sajt [Odgovori]

It's really a great and useful piece of info. I'm glad that you simply shared this helpful information with us.
Please stay us informed like this. Thank you for sharing.

Web Sajt [Odgovori]

Can I simply just saay what a comfort to find somebody thbat
truly knowss what they are talking about ovger the internet.
You certtainly know how to bring an issue to light and make it important.
More and more people must rea this and understand this
side off your story. I was surprised you aren't more popular since
you certainly possess the gift.

Web Sajt [Odgovori]

Hello There. I found your blog using msn. This is a really welpl wriyten article.
I will make sure to bookmark it and cokme bacck to read more of your useful information. Thanks for the
post. I'll definitely return.

Web Sajt [Odgovori]

Fantastic website yoou hhave here but I was wondering if you knew of any user discussion forums that cover the same topics
discussed iin this article? I'd really lime to be a part of online community where I can get feed-back from other knowledgeable people
that share the same interest. If you have any suggestions,
please let me know. Manyy thanks!

Web Sajt [Odgovori]

you're in point of fact a glod webmaster. The webb site loading pace is amazing.
It seems that you aare doing any uunique
trick. Also, The contents are masterpiece.
you have donee a excellent process in this topic!

Web Sajt [Odgovori]

Simply want to say your article is as astounding. The clarjty
in your post is just cool andd i could assume you are an expert on this subject.

Well witrh your permissiion allow me to grab your ffeed
to keep up to datte with forthcoming post. Thanks a million andd please
carry on the graqtifying work.

Web Sajt [Odgovori]

If you wish for to obtain a good deal from this article
then you have to apply thesee methods to your won blog.

Web Sajt [Odgovori]

Hi there it's me, I am also visiting this site
on a regular basis, this website is genuinely good aand the people are actually sharing nice thoughts.

Web Sajt [Odgovori]

I don't even know how I endesd up here, but I thought this post was great.

I don't know who you are but certainly you're going to a
famous blogger if you are nnot already ;) Cheers!

Web Sajt [Odgovori]

Hi there, just becamme awarfe of your blog through Google,
and found that it's truly informative. I am gonna watch out for brussels.
I'll bee grateful if you continue this in future.

Alot of people will be benefited from your writing. Cheers!

Web Sajt [Odgovori]

You actually make it seem so easy with youur presentation but I find this topic to be actually something
which I think I would never understand. It seems too complex and extremely broad
for me. I am looking forward for your next post, I'll try to get
the hang of it!

Web Sajt [Odgovori]

Thanks for another wonderful article. Where else could anyone get that
ind of information in such a perfect method of writing?
I've a presentation subsequent week, and I am on the search for such information.

Web Sajt [Odgovori]

Good post however , I was wanting tto know iif you could write
a litte more on this subject? I'd be very thankful iff you
could elaborate a little bit more. Appreciate it!

Web Sajt [Odgovori]

Nice blog here! Also your web site quite a bit up veey fast!
What web host are you the usagee of? Can I gett yoyr assocate link in your
host? I desire my web site loaded up as quickly as
yours lol

Web Sajt [Odgovori]

Does your site have a contact page? I'm having trouble locating it but, I'd like to sshoot you an email.
I've got some recommendations for your blog you might be interesterd iin hearing.
Either way, great blog and I look forward to
seeing it expand over time.

Web Sajt [Odgovori]

It is appropriate time to make some plans for the future and it is
time to be happy. I have read this post and if I could
I desire to suggest you few interesting things or tips.
Mayb you can write next articles rreferring to this article.
I desire to read evern more things about it!

Web Sajt [Odgovori]

I needed tto thank you for this good read!! I certainly loved every
bit of it. I've got you book mrked to look at nnew things you post…

Web Sajt [Odgovori]

You should be a part of a contest for one of the highest quality blogs on the web.
I am going to highly recommend this website!

Web Sajt [Odgovori]

I like the valuable information you provide in your articles.
I will bookmark your blog and check agwin here regularly.
I'm quite certain I will learn many new stuff right here!
Goodd luck for the next!

Web Sajt [Odgovori]

It's great that you are getting thouthts from this article as well ass from our dialogue
made here.

Web Sajt [Odgovori]

Thanjk you a bunch forr shaing this with alll of us
you actually understand what you're speaking approximately!
Bookmarked. Kindly additionally talk over with my website =).
We can have a link alternate contract aong us

Web Sajt [Odgovori]

I've learn some just right stuff here. Certainly worth bookmarking for
revisiting. I wonder how much attempt yyou set to make such a fantastic informative website.

Web Sajt [Odgovori]

Do you mind if I quote a few of your posts as long as I provide credit and sources back
to your webpage? My website is in the very same area of interest as yours and my visitors would definitely benefit from a lot of the information you
prdovide here. Please let me know if this okmay with you.
Cheers!

Web Sajt [Odgovori]

What's Happening i am new to this, I stumbled upon this I've founjd It positively helpful andd it has
helped me out loads. I'm hoping to give a contribution & help other users like its helped me.
Great job.

Web Sajt [Odgovori]

I drfop a comment each time I like a poat on a website or I
have somesthing to contribute to the conversation. It's a result of the passion displayed in the article I browsed.
And on this post Web Sajt. I was actually moved enough to post a comment ;-) I do have a couple of questions
for you if you tend not to mind. Is it just me or does it give the impression like some of
the responses appear like comiung from brain dead visitors?

:-P And, iif you are wrriting on aadditional places, I would like to keep
up with anything fresh you have to post. Could you list thhe complete urls of your social
sites like your Facebook page, twitter feed, or linkedin profile?

Web Sajt [Odgovori]

It is perfect time to make some plans for the future and it is time
to be happy. I have leadn this submit aand if I could I desire to recommend you some fascinating thinggs or advice.
Maybe you could write next articles referring to this article.
I want to read more things approximately it!

Web Sajt [Odgovori]

Thnk you, I've recently been searching ffor informtion about this topic for a long time and yours is the best I have found out so far.
However, what about the conclusion? Are you positive
in regards to the supply?

Web Sajt [Odgovori]

Youu acgually make it seem so easy with your presentation but I find this topic
to be reazlly somethinng that I think I woluld never understand.
It seems too complicated and extremely broad for me.

I am looking forward forr your next post, I'll try to get the
hang of it!

Web Sajt [Odgovori]

I was more than happy to uncover this site. I wanted to thank you foor ones
time just for this wonderful read!! I deffinitely really liked every bit of
iit and i also have you saved to fav to see new stuff in your blog.

Web Sajt [Odgovori]

Wow that wwas strange. I just wrote an extremely lojg comment but after I clicked
submit my comment didn't show up. Grrrr... well I'm not writing all that over again. Anyway, just wanted to
say great blog!

Web Sajt [Odgovori]

I don't even understand how I finisned upp here, however
I assumed this post was once good. I do noot realize who you
are however certainly you are going to a famous blogger for those who are not already.
Cheers!

Web Sajt [Odgovori]

Hello there, You've done an excellent job. I will cwrtainly digg it and
personally suggest to my friends. I am sure they'll be benefited from this website.

Web Sajt [Odgovori]

I simpy couldn't go away your web site before suggesting
tht I really enjoyed thhe usual info a person provide in your visitors?
Is going too be agin often to check out new posts

Web Sajt [Odgovori]

I know this web page provides quality based articles or reviews
aand extra material, is there anny other site which provides such things in quality?

Web Sajt [Odgovori]

You really mke it seem so easy with your presentation but I find ths matter
to be really something which I think I would
never understand. It seems too complicated and very broad for me.
I am looking foorward foor your next post, I'll try to geet the hang of it!

Web Sajt [Odgovori]

Hello! This is my first visit to your blog! We are a collection of volunteers and starting a
new project in a community in the same niche.
Your bkog provided us useful information to work on. You have done a marvellous job!

Web Sajt [Odgovori]

I'm no longer positive where you arre getting your info, but good topic.

I must spend some time finding out more orr figurijg out
more. Thank you for great information I was on thhe lookout ffor this information for my mission.

Web Sajt [Odgovori]

Very great post.I simply stumbled upon your blog and
wished to mention that I've really loved browsing your webpog posts.

In anyy case I will be subscribing to your feed and I am hoping you write once more soon!

Web Sajt [Odgovori]

This excellent website really has all off the info I needed concerning this subject and didn't
know who to ask.

Web Sajt [Odgovori]

Hello i am kavin, its my fiirst occasion to commenting
anyplace, when i read this article i thought i could also make comment due to this
brilliant piece off writing.

Web Sajt [Odgovori]

I'm truly enjoying the design and layout of your blog.
It's a very easy on the eye which makes it much more pleasant for
me to come here and visit more often. Did
you hire out a developer to createe your theme? Fantastic work!

Web Sajt [Odgovori]

Woah! I'm really loving the template/theme of this blog.It's simple, yet
effective. A llot of times it's very hard to get that "perfect balance" between superb usability and appearance.
I must say you've done a very good job with this. Also,
the blog loads super fast for me on Chrome. Superb Blog!

Web Sajt [Odgovori]

Hi there, just waznted to tell you, I loved this blog post.
It was funny. Keep on posting!

Web Sajt [Odgovori]

Hey there, I think your site might bee having browser compatibility issues.
When I look att your blog in Opera, it looks fine but when opening in Internet Explorer, it has
some overlapping. I just wanted to give you
a quick heads up! Other then that, great blog!

Web Sajt [Odgovori]

It's going to be end of mine day, hhowever before end I am
readng this fantastic post to increaae myy
experience.

Web Sajt [Odgovori]

What's up to all, it's in fawct a nice for me to pay a
visit this website, it contains valuable Information.

Web Sajt [Odgovori]

We aree a bunch off voluteers and opening a new scheme in our
community. Your web site offered us with usseful information to work on.
Yoou have done an impressive process and our entire neighborhood shall be thankful to you.

Web Sajt [Odgovori]

Everything is very open with a really clear explanatiuon of
tthe challenges. It was really informative. Your site is useful.
Thank you for sharing!