tailieunhanh - Bài giảng môn học Thiết kế Web - GV. Phạm Hồng Phong

Bài giảng môn học Thiết kế Web trình bày nội dung thiết kế Web bằng Macromedia Dreamweaver. Nội dung bài giảng bao gồm: 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Ô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 .

• Quản trị Web
• Thiết kế web
• Giới thiệu về Macromedia Dreamweaver
• Kỹ thuật thiết kế Frame
• Kỹ thuật Layout
• Sử dụng CSS
• Hiệu ứng trong trang Web
• Thiết kế trang web
• hướng dẫn Thiết kế trang web
• kinh nghiệm Thiết kế trang web
• tài liệu Thiết kế trang web
• cẩm nang Thiết kế trang web
• kỹ thuật Thiết kế trang web
• Bài giảng Thiết kế Web
• Đại cương Thiết kế Web
• Tổng quan Thiết kế Web
• Môn học Thiết kế Web
• Mục tiêu Thiết kế Web
• Giáo trình Thiết kế giao diện web
• Thiết kế và quản lý website
• Thiết kế giao diện web
• Nhận dạng các trang web
• Cấu trúc trang web
• phương pháp thiết kế trang Web
• kỹ thuật thiết kế Web
• thiết kế web nhanh
• thực hành thiết kế web
• thiết kế web đẹp
• tài liệu về thiết kế web
• thủ thuật thiết kế web
• mẹo dùng web
• học thiết kế web
• Thiết kế web động
• tài liệu Thiết kế web động
• hướng dẫn Thiết kế web động
• kinh nghiệm Thiết kế web động
• cẩm nang Thiết kế web động