You are on page 1of 7

CLB Tin hc Mediaspace - HUFLIT

S DNG MACROMEDIA DREAMWEAVER MX


Ngi son: Hong ng Quang

Dreamweaver l mt chng trnh Visual Editor chuyn nghip to v qun l cc trang
web. Dreamweaver cung cp cc cng c phc tho trang web cao cp, h tr cc tnh nng
DHTML (Dynamic HTML) m khng cn vit cc dng lnh gip cc bn khng bit lp trnh
web cng c th thit k c cc trang web ng mt cch d dng, trc quan.Vi Dreamweaver
bn c th d dng nhng cc sn phm ca cc chng trnh thit k web khc nh Flash,
Fireworks, Shockwave, Generator, Authorwave vv...
Vi Dreamweaver bn c th qun l cc Local v Remote site gip cho vic qun l cc
trang web trong cc site cc b v cc website iu khin t xa c th ng b. Ngoi ra
Dreamweaver cn cho php bn chnh sa trc tip HTML.Vi Quick Tag Editor bn c th nhanh
chng b sung hoc xa b mt HTML m khng cn thot khi ca s ti liu.Ch son tho
trang web bng HTML gip cc bn c th thit k trang trc tip bng ngn ng HTML.
Dreamweaver cn h tr cc HTML Styles v Cascading Style Sheet gip bn nh dng
trang web nhm tng tnh hp dn khi duyt cc trang web ny.Vng lm vic ca chng trnh
Deamweaver rt linh ng v d s dng gm cc thnh phn nh sau: Document, Launcher,
Object Palette, Property Inspector, Floating Palette v cc context menu(menu ng cnh) ... m
cc thnh phn ny bn c th vo menu Window-> chn tn ca thnh phn cn hin th .

I. Ca s lm vic:
1. Thanh menu
6. Panel groups


II. M t chc nng:
1. Thanh menu:
Gm cc menu:
- File: gm cc chc nng lin quan n tp tin nh: New, Open, Save, Print
- Edit: gm cc chc nng h tr vic son tho: Copy, Cut, Paste, Undo, Find, Replace
- View: gm cc chc nng lin quan n phn hin th: Code (Hin th phn m HTML hay
m PHP) , Design (cho php bn xem trc trang web trc khi chy trn WebBrowse), Code and
Design (Hin th song song c 2 chc nng)..
Vng son tho
2. Thanh chn
(Insert)
3. Thanh ti liu
(Document)
4. Tag selector
5. Thanh thuc tnh
(Properties)
1

CLB Tin hc Mediaspace - HUFLIT
- Insert: Dng chn cc th hay i tng vo phn son tho: Image, Table, Form
- Modify: Cc chng nng v chnh sa cc thnh phn ca trang. S dng menu ny cc
bn c th sa cha thuc tnh ca cc th (tag), thay i cc thnh phn ca table
- Text: Cc chc nng chnh sa vn bn text: font, css, size, color, canh l (align).
- Command: H tr cc chc nng gip bn trong vic nh dng code, to photo album, ti
u hnh nh vi Macromedia Fireworks.
- Site: H tr cc chc nng nh: to, m v sa site v qun l tp tin trong site.
- Window: Gip bn c th d dng thao cc ca s ca ng dng: panels, inspectors
- Help: Cc ti liu hng dn s dng Dreamweaver.

2. Thanh Insert:
Tng t menu Insert, dng chn cc th hay i tng nh Image, table vo vng son
tho. Chn cch b cc (c 2 cch l standard v layout) cho trang web.

3. Thanh Document:
Tng t menu View, dng chn cch hin th cho vng son tho v mt vi chc nng
v chn trnh duyt hin th trang web

4. Thanh Tag selector:
Bn c th s dng thanh ny chn nhanh cc th (tag).

5. Thanh Properties:
Bn c th xem v thay i cc thuc tnh ca i tng hat text chn.

6. Panel groups:
- Design: Thc hin cc chc nng v thit k: CSS, HTML Style, Behavious.
- Code: Gip bn xem cu trc th ca trang vn bn hin ti, chn nhanh mt nhm th,
mt vi ebook gip bn tra cu v c php trong qu trnh vit code.
- Application: Cc chc nng h tr vic to ng dng web.
- File: y l panel quan trng nht trong nhm panel ny, n gip bn thm, m site v
qun l cc tp tin trong site.
- Answer: Cc thng tin v hng dn s dng v update Dreamwaver.

III. To site trong Dreamwaver:
1. To th mc o (Virtual Directory):
Chn Start Control Panel Administrative Tools Internet Information Services















1. Phi chut ngay Default WebSite Chn
New Virtual Directory
2. Mn hnh Welcome to the Virtual
Directory Creation Wizard, chn Next.
3. Mn hnh Virtual Directory Alias, cc bn
g b danh (tn trang web, bn c th t tn
bt k) vo textbox Alias, chn Next.
4. Mn hnh Web Site Content Directory,
chn ng dn n th mc vt l trn a.
Nhn vo nt Browse chn th mc hay
bn c th g vo textbox Directory, chn
Next.
5. Mn hnh Access Permissions: Cc bn s
phn quyn cho php user c quyn Read
2

CLB Tin hc Mediaspace - HUFLIT
(c tp tin trong th mc o), Run scripts (chy cc server script nh PHP hay ASP) , Execute
(chy cc ng dng ISAPI hay CGI), Write (quyn ghi vo th mc o), Browse (duyt ni dung
ca th mc o). Cc bn c chn nh mc nh (quyn Read v Run Scripts), chn Next.
6. Mn hnh cui cng, Cc bn chn Finish hon tt qu trnh to th mc o.

Sau khi to xong cc bn s thy th mc o bn va to nh hnh bn di.















Cch to nhanh th mc o
1. Dng Explorer To mt th mc bt k trn a.
2. Phi chut, chn Properties.
3. Chn Tab Web Sharing.
4. Chn Share this folder.
5. Ti ca s Edit Alias, bn c th thay i tn
ca th mc o hay phn quyn li cho th mc o.
Chn OK hon tt vic to th mc o.

2. To site trong Dreamwaver:
Chn menu Site New Site
mn hnh th 1 (Editing Files) G tn site bn mun to vo textbox What would you
like to name your site ? Chn Next




mn hnh th 2 (Editing Files, Part 2): y l bc cho php cc bn chn ngn ng
s dng cho trang web, trong trng hp ny do chng ta s s dng PHP nn chn Yes,
I want to use a server tehnology (cc bn c th chn No, I do not want to use a server
technology nu ch lm trang web tnh, ch c s dng HTML, khng s dng server
script) v trong combobox Which server techology chn PHP MySQL. Chn Next.

3

CLB Tin hc Mediaspace - HUFLIT


mn hnh th 3 (Editing Files, Part3) Chn ng dn n th mc m bn chn
lm th mc o phn 1 Chn Next.


Chn ng dn

mn hnh th 4 (Testing Files): Cc bn g b danh (alias) ca th mc o m bn
to phn 1 vo sau chui: http://localhost/. Sau khi g xong bn c th nhn vo nt
Test URL kim tra.



mn hnh th 5 (Sharing Files), chn No (do khng s dng remote server) Chn
Next




4

CLB Tin hc Mediaspace - HUFLIT
mn hnh th 6 (Summary), chn Finish hon tt vic to site.




IV. S dng Dreamwaver thit k trang web n gin:
1. To trang web mi:
- Chn File New
- Trong danh sach Category Chn Basic Page.
- Trong Basic Page Chn HTML.
- Nhn nt Create

2. nh dng cho trang:
Chn Modify Page Propertives (Ctrl-J)


Tiu ca trang, s
hin ra trn thanh
taskbar ca WebBrowse
Hnh nn
Mu nn
- Cha l tri, trn.
- Cha l theo chiu
rng v chiu cao.
Chn UTF-8 (Unicode)
s dng ting Vit
Mu text, link, link
chn (visited), link ang
c con tr chut ch vo
(Active Link)



5

CLB Tin hc Mediaspace - HUFLIT
3. S dng thanh chn (Insert):
a. Tab Common:


Image Placeholder Fireworks HTML HR Date Comment



Link Mail Name Anchor Image Flash Navigation Bar TatularBar Tag Choose

* Chn link:
- Cch 1: Chn icon Link:


Ni dung lin kt
URL ca lin kt
Cch m lin kt

Phm tc m lin kt

- Cch 2: Chn on text trong vng son tho, g URL vo textbox Link trong thanh thuc
tnh (Properties).

* Chn a ch mail:


Phn text hin ra trn
WebBrowse

ia ch email

* Chn hnh nh:

- Chn hnh nh
cn chn vo v tr
con tr trong vng
son tho.
- Deamwaver s
yu cu save li
hnh va chn vo
trong th mc
cha site.
6

CLB Tin hc Mediaspace - HUFLIT
b. Tab Layout: DrawLayoutTable DrawLayoutCell





InsertTable DrawLayer Ch xem chun Ch layout (dng thit k b cc cho trang)

* Chn bng (Insert Table):


S dng
S ct
rng
(theo % hay pixel)
rng ng vin


* Ch Standard View: y l ch thng dng xem ton b trang web.
* Ch Layout View: Dng thit k b cc cho trang. Khi dng ch ny cc bn s
dng DrawLayoutTable v Table (ging th <table>) v DrawLayoutCell v Cell (ging th
<td>).



BI TP THC HNH

S dng Dreamwaver Thit k trang web sau:
7

You might also like