^as 1
Upoznavanje sa Dreamweaverovim
interfejsom
^as 2
Pravljenje jednostavne web stranice sa
tekstom
^as 3
Planiranje i definisanje projekta
^as 4
Pode{avanje linkova: Hyperlinkovi, URL-i,
Anchori i Mailto linkovi
^as 5
HTML je zabavan! Pregledavanje i
pode{avanje HTML-a
Po~etak rada sa
Dreamweaverom MX
1
D
Deeoo
I
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 upotre-
bu. 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 najpopularni-
jih 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).
^as 1
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
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 izgle-
du, ali imaju potpuno iste funkcije i mogu}nosti.
Grupa Panel
Paleta sa alatima Linija Insert Prozor Document
Status linija
Slika 1.2
Radna povr{ina
Dreamweavera MX
sadr`i prozor
Document i panele
Upoznavanje sa Dreamweaverovim interfejsom
7
