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

2. Thanh chn (Insert) 3. Thanh ti liu (Document)

Vng son tho

4. Tag selector

5. Thanh thuc tnh (Properties)

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).. 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 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

Internet Information Services

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) Next

Chn

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

Mu text, link, link chn (visited), link ang c con tr chut ch vo (Active Link) - Cha l tri, trn. - Cha l theo chiu rng v chiu cao.

Chn UTF-8 (Unicode) s dng ting Vit

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.

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:

You might also like