tailieunhanh - Thiết kế web bằng Macromedia Dreamweaver

Tài liệu tham khảo cho các bạn thiết kế web. Tạo bảng có số lượng hàng và cột phù hợp với lượng thông tin trên trang Web (có Border = 0). Tạo thêm, nối hoặc chia nhỏ các hàng và cột, tùy theo giao diện của yêu cầu thiết kế. Chèn thông tin vào các ô ở các vị trí tương ứng trên bảng. | MÔN HỌC: THIẾT KẾ WEB THIẾT KẾ WEB BẰNG MACROMEDIA DREAMWEAVER GV: Phạm Hồng Phong NỘI DUNG Giới thiệu về Macromedia Dreamweaver. Thiết kế Web bằng một số công cụ cơ bản. Cách tạo liên kết (Hyperlink). Kỹ thuật thiết kế Frame. Kỹ thuật Layout. Sử dụng CSS để tạo một số hiệu ứng trong trang Web. MỤC TIÊU Sử dụng phần mềm DreamWeaver để: Thiết kế các trang Web tĩnh. Tạo các hiệu ứng trong trang Web. Quản lý một Website cục bộ. 1) Tổng quan về Dreamweaver: Là một phần mềm thiết kế Web chuyên nghiệp. Tương thích với nhiều đối tượng nhúng (Flash, Shockwave, Active X, ). Hỗ trợ các công cụ thiết kế trang Web động rất hiệu quả. GIỚI THIỆU DREAMWEAVER 2) Khởi động Dreamweaver: Chọn Start Programs Macromedia Dreamweaver GIỚI THIỆU DREAMWEAVER 3) Giao diện chính của Dreamweaver: GIỚI THIỆU DREAMWEAVER 4) Chức năng các thành phần: Thanh công cụ Document: GIỚI THIỆU DREAMWEAVER Thiết kế bằng HTML Thiết kế bằng HTML và bằng công cụ Thiết kế bằng công cụ Tiêu đề của trang hiện hành Thể . | MÔN HỌC: THIẾT KẾ WEB THIẾT KẾ WEB BẰNG MACROMEDIA DREAMWEAVER GV: Phạm Hồng Phong NỘI DUNG Giới thiệu về Macromedia Dreamweaver. Thiết kế Web bằng một số công cụ cơ bản. Cách tạo liên kết (Hyperlink). Kỹ thuật thiết kế Frame. Kỹ thuật Layout. Sử dụng CSS để tạo một số hiệu ứng trong trang Web. MỤC TIÊU Sử dụng phần mềm DreamWeaver để: Thiết kế các trang Web tĩnh. Tạo các hiệu ứng trong trang Web. Quản lý một Website cục bộ. 1) Tổng quan về Dreamweaver: Là một phần mềm thiết kế Web chuyên nghiệp. Tương thích với nhiều đối tượng nhúng (Flash, Shockwave, Active X, ). Hỗ trợ các công cụ thiết kế trang Web động rất hiệu quả. GIỚI THIỆU DREAMWEAVER 2) Khởi động Dreamweaver: Chọn Start Programs Macromedia Dreamweaver GIỚI THIỆU DREAMWEAVER 3) Giao diện chính của Dreamweaver: GIỚI THIỆU DREAMWEAVER 4) Chức năng các thành phần: Thanh công cụ Document: GIỚI THIỆU DREAMWEAVER Thiết kế bằng HTML Thiết kế bằng HTML và bằng công cụ Thiết kế bằng công cụ Tiêu đề của trang hiện hành Thể hiện lỗi khi thiết kế Quản lý file Xem thử kết quả bằng trình duyệt Các tùy chọn khi thiết kế 4) Chức năng các thành phần: Thanh công cụ Insert: Common: GIỚI THIỆU DREAMWEAVER Tạo liên kết Tạo liên kết đến địa chỉ mail Tạo điểm neo Bảng (table) Ảnh Flash, ActiveX Ngày Chú thích Mẫu Thẻ lựa chọn 4) Chức năng các thành phần: Thanh công cụ Insert: Ngoài ra còn có các nhóm công cụ khác: + Layout: cách bố trí, sắp xếp các thành phần. + Forms: biểu mẫu. + Text: định dạng văn bản. + HTML: các thẻ HTML. + Application: những ứng dụng trong Web động. + Flash elements: các thành phần của Flash. GIỚI THIỆU DREAMWEAVER 1) Tạo và lưu một trang Web: THIẾT KẾ TRANG WEB Xuất hiện cửa sổ thiết kế Hoặc chọn menu File New Tạo mới một trang Web: click HTML (Create New) 1) Tạo và lưu một trang Web: THIẾT KẾ TRANG WEB 1. Chọn đường dẫn nơi lưu file 2. Đặt tên file và phần mở rộng loại file 4. Sau khi đã chọn đầy đủ thì click Save Lưu trang Web: chọn menu File Save (Ctrl + S) Xuất hiện hộp .