bài giảng thiết kế web - chương8 - dreamweaver

DREAMWEAVER CHNG VIII I. GII THIU 1. Dreamweaver MX là mt công c thit k web chuyên nghip, phn ct lõi ca nó là HTML 2. Dreamweaver MX là mt công c trc quan, trong đó có th b sung Javascrip, biu mu, bng biu và nhiu loi đi tng khác mà không cn vit mt đon mã nào 3. Dreamweaver MX có th thit k bng ch đ Design view hoc Code view hoc Code and Design II. CÀI T 1. Dreamweaver MX 2004 là mt chng trình trong b Macromedia MX, bn nên cài đt trên máy trn b Macromedia MX 2. Sau khi cài đt, khi đng Draemvaerver MX: Start Programs Macromedia  Macromedia Dreamweaver MX 2004 III. MÀN HÌNH DREAMWEAVER 1. Insert Bar: Gm các chc nng tin ích dùng đ chèn các đi tng vào trang web a) Common: Chèn các đi tng: Image, Flash, Date, Template, … b) Layout: Cha các công c trình bày trang, gm 3 ch đ: Standard, Expended, Layout c) Forms: Cha các công c to Form d) Text: Dùng đnh dng vn bn e) HTML: cha các công c to trang web bng code view 2. Document Toolbar: Cha các nút cho phép xem trang web  dng Design hay dng Code a) Show code view: Xem dng trang HTML b) Show Design view: Xem trang dng thit k, s dng các công c ca Dreamwerver c) Show code and design view: Chia ca s làm 2 phn: phn trên dng code view, phn di dng Design view d) Title: tiêu đ ca trang Web e) Preview/Debug in Browser:Xem kt qu trang web thông qua trình duyt web f) Document Window: Ca s dùng đ to và hiu chnh trang Web 3. Properties Inspector: Hin th các thuc tính ca các đi tng đang đc chn, đng thi cho phép chnh sa các thuc tính đó 4. Panel groups: nhóm các Panel cho phép qun lý các đi tng trong trang Web a) Bt / tt các thanh Panel: Chn menu Window  Chn thanh Panel tng ng b) M rng các thanh Panel: Click vào mi tên  góc trái ca mi Panel 5. Status bar: Thanh trng thái, nm di đáy ca Document Window, hin th Tag Selector, Window size, Document size và Download time. a) Tag Selector: Hin th các tag HTML ti v trí hin hành ca con tr b) Document size and Download time: Kích c c chng ca tài liu và thi gian ti tài liu xung c) Window size: Hin th kích thc hin ti ca tài liu, đc tính bng Pixel. Khi đnh kích thc ca trang web phi tính đn vic sao cho an toàn đi vi mi đ phân gii. IV. K HOCH THIT K MT WEBSITE 1. Các yêu cu c bn khi thit k website: a) Xác đnh yêu cu và mc đích ca Website b) Chun b ni dung cho các trang c) Phác tho khuôn mu (Template) cho trang, thng các trang có cùng ch đ thì s dng chung mt template d) Xác đnh cu trúc ca Website, có 3 kiu cu trúc: – Tuyn tính – Phân cp – Hình chóp Tu theo mc đích ca Website mà chn kiu phù hp 2. Khi thit k Website cn lu ý 2 vn đ: a) Ni dung ch đ chính, t đó chn b cc, h màu cho tng ng, (ví d: Website thng mi phi sáng sa, rõ ràng v b cc, …) sau đó thu thp đy đ tài liu, phân nhóm theo ni dung, t đó quyt đnh cn bao nhiêu trang, ni dung ca tng trang b) Chn hình nh, logo, Banner, h thng nút liên kt, nh minh ho, nh b cc, nh trang trí… Phác ho s đ liên kt trên giy đ thy r mi liên kt gia các trang đn trong mt website Mt s kiu liên kt gia các trang: . DREAMWEAVER CHNG VIII I. GII THIU 1. Dreamweaver MX là mt công c thit k web chuyên nghip, phn ct lõi ca nó là HTML 2. Dreamweaver MX là mt công c. Title: tiêu đ ca trang Web e) Preview/Debug in Browser:Xem kt qu trang web thông qua trình duyt web f) Document Window: Ca s dùng đ to và hiu chnh trang Web 3. Properties Inspector:. trang web phi tính đn vic sao cho an toàn đi vi mi đ phân gii. IV. K HOCH THIT K MT WEBSITE 1. Các yêu cu c bn khi thit k website: a) Xác đnh yêu cu và mc đích ca Website