CLB Tin học - Mediaspace - HUFLIT SỬ DỤNG MACROMEDIA DREAMWEAVER MX Người soạn: Hoàng Đăng Quang Dreamweaver là một chương trình Visual Editor chuyên nghiệp để tạo và quản lý các trang web. Dreamweaver cung cấp các công cụ phác thảo trang web cao cấp, hỗ trợ các tính năng DHTM L (Dynamic HTML) mà không cần viết các dòng lệnh giúp các bạn không biết lập trình web cũng có thể thiết kế được các trang web động một cách dễ dàng, trực quan.Với Dreamweaver bạn có thể dễ dàng nhúng các sản phấm của các chương trình thiết kế web khác như Flash, Fireworks, Shockwave, Generator, Authorwave w ... Với Dreamweaver bạn có thế quản lý các Local và Remote site giúp cho việc quản lý các trang web trong các site cục bộ và các website điều khiến từ xa có thể đồng bộ. Ngoài ra Dreamweaver còn cho phép bạn chỉnh sửa trực tiếp HTML.VỚi Quick Tag Editor bạn có thể nhanh chóng bổ sung hoặc xóa bỏ một HTML mà không cần thoát khỏi cửa số tài liệu.Chế độ soạn thảo trang web bằng HTML giúp các bạn có thể thiết kế trang trực tiếp bằng ngôn ngữ HTML. Dreamweaver còn hố trợ các HTM L Styles và Cascading Style Sheet giúp bạn định dạng trang web nhàm tăng tính hấp dẫn khi duyệt các trang web này.Vùng làm việc của chương trình Deamweaver rất linh động và dễ sử dụng gồm các thành phần như sau: Document, Launcher, Object Palette, Property Inspector, Floating Palette và các context menu(menu ngữ cảnh) ... đế mở các thành phần này bạn có thế vào menu Window-> chọn tên của thành phần cần hiến th ị. I. Cửa số làm việc: 1. Thanh menu Ç j M acrom edia Dream weaver MX [U n title d Docum ent (U n title d 1)] ► De**.’.n ► C o d e ► A p p lic a tio n ■ ▼ fife* 2. Thanh chèn 3. Thanh tài liệu (Document) - f f X ► Des* 'n y » C ode ► A p p lic a tio n ▼ File« i?. 4. Tag selecti 5. Thanh thuộc tính (Properties)- Vùng soạn thảo File- E dit. View. Site, | \ 0 | I t I ' ta I □ Edit Sites... V ; Local View V E Ö 'no site defined) D efnc a Site [£ 0 ^ Desktop 57$ X 289 w KM sec Form« Non# V I jo*f*ufc Fow V Sat Non* V I J I I B / ĨỄE IE 3s s ® | (¿91 I_3 J>9«| s= J= £3 ±i II. Mỏ tà chức năng: 1. Thanh menu: Gồm các menu: - File: gồm các chức năng liên quan đến tập tin như: New, Open, Save, Print... - Edit: gồm các chức năng hồ trợ việc soạn thảo: Copy, Cut, Paste, Undo, Find, Replace... - View: gồm các chức năng liên quan đến phần hiển thị: Code (Hiến thị phần mã HTML hay mã P H P ), Design (cho phép bạn xem trước trang web trước khi chạy trên WebBrowse), Code and Design (Hiến thị song song cả 2 chức năng).. 1 CLB Tin học - Mediaspace - HUFLIT - Insert: Dùng để chèn các thẻ hay đối tượng vào phàn soạn thảo: Image, Table, Forai... - Modify: Các chứng năng về chình sửa các thành phần của trang. Sử dụng menu này các bản có thế sửa chữa thuộc tính của các thẻ (tag), thay đối các thành phần của table... - Text: Các chức năng chỉnh sửa văn bản text: font, css, size, color, canh le (align). - Command: Hồ trợ các chức năng giúp bạn trong việc định dạng code, tạo photo album, toi ưu hình ảnh vói Macromedia Fireworks. - Site: Hồ trợ các chức năng như: tạo, mở và sửa site và để quản lý tập tin trong site. - Window: Giúp bạn có thể dễ dàng thao các cửa sổ của ứng dụng: panels, inspectors... - Help: Các tài liệu hướng dẫn sử dụng Dreamweaver. 2. Thanh Insert: Tương tự menu Insert, dùng để chèn các thẻ hay đối tượng như Image, table vào vùng soạn thảo. Chọn cách bố cục (có 2 cách là Standard và layout) cho trang web. 3. Thanh Document: Tương tự menu View, dùng đế chọn cách hiển thị cho vùng soạn thảo và một vài chức năng về chọn trinh duyệt để hiển thị trang w eb... 4. Thanh Tag selector: Bạn có thể sử dụng thanh này đế chọn nhanh các thẻ (tag). 5. Thanh Properties: Bạn có thể xem và thay đổi các thuộc tính của đối tượng hat text đã chọn. 6. Panel groups: - Design: Thực hiện các chức năng về thiết kế: c s s , HTML Style, Behavious. - Code: Giúp bạn xem cấu trúc thẻ của trang văn bản hiện tại, chọn nhanh một nhóm thẻ, một vài ebook giúp bạn tra cứu về cú pháp trong quá trình viết code. - Applica