Môn học này trang bị cho sinh viên kiến thức về ngôn ngữ HTML, JavaScript, công cụ thiết kế web và các kiến thức khác có liên quan. Các kiến thức này chính là kiến thức nền tảng để sinh viên học các môn học lập trình web sau này, và cũng giúp cho sinh viên có thể làm đồ án, đề tài trong trường cũng như làm việc sau khi ra trường.
TRƯỜNG ĐẠI HỌC MỞ TP HỒ CHÍ MINH KHOA CÔNG NGHỆ THÔNG TIN ĐỀ CƯƠNG MÔN HỌC THÔNG TIN VỀ MÔN HỌC 1.1 Tên môn học: Mã MH: ỨNG DỤNG WEB ITEC1404 1.2 Khoa phụ trách: Công Nghệ Thông Tin 1.3 Số tín chỉ: 03 (02 LT, 01 TH) MÔ TẢ MÔN HỌC Môn học trang bị cho sinh viên kiến thức ngôn ngữ HTML, JavaScript, công cụ thiết kế web kiến thức khác có liên quan Các kiến thức kiến thức tảng để sinh viên học môn học lập trình web sau này, giúp cho sinh viên làm đồ án, đề tài trường làm việc sau trường MỤC TIÊU MÔN HỌC 3.1 Mục tiêu chung: Học xong môn học sinh viên phải hiểu, biết sử dụng ngôn ngữ HTML, ngôn ngữ JavaScript, DHTM, CSS có khả sử dụng công cụ thiết kế web để tạo website đơn giản có chứa trang web tĩnh web động (phía client) 3.2 Mục tiêu cụ thể: 3.2.1 Kiến thức: Nguyên lý hoạt động trang web Ngôn ngữ HTML Ngôn ngữ JavaScript Ngôn ngữ DHTML Ngôn ngữ định dạng hình thức trang web CSS 3.2.2 Kỹ năng: Sử dụng chức công cụ Dreamweaver Tạo website, trang web tĩnh, trang web động (chạy phía client) Lập trình web với ngôn ngữ HTML, JavaScript, DHTML CSS 3.2.3 Thái độ: Nhận thức tầm quan trọng vị trí môn học Nhận thức đầy đủ ý nghĩa nội dung môn học Nhận thức kiến thức kỹ cần có để tạo lập website NỘI DUNG CHI TIẾT MÔN HỌC S T T CHƯƠNG Chương 1: Giới thiệu MỤC TIÊU Học viên phải biết, hiểu áp dụng nội dung sau: Ngôn ngữ HTML Các thành phần trang web Chương 2: Ngôn ngữ HTML MỤC, TIỂU MỤC Giới thiệu Internet SỐ TIẾT T L T C T H 3 Giới thiệu ngôn ngữ HTML Sử dụng thẻ (tag) Học viên phải biết, hiểu áp dụng nội dung sau: Frame Frame Control Form Multimedia 4 Form Ngôn ngữ JavaScript Chương 4: Xử lý kiện Javascript Học viên phải biết, hiểu JavaScript thẻ 4 áp dụng HTML nội dung sau: Các đối tượng JavaScript Ý nghĩa cách dùng ngôn ngữ Các thành phần Javascript JavaScript: biến, kiểu Cấu trúc, cú pháp liệu, toán tử, cấu trúc thành phần điều khiển, array, function ngôn ngữ Javascript Bộ slides giảng thực hành giảng viên soạn Học viên phải biết, hiểu áp dụng nội dung sau: Các đối tượng trình duyệt 3 Các đối tượng trình duyệt Trình xử lý kiện Bộ slides giảng thực hành giảng viên soạn Các kiện Chương 5: Giới thiệu DHTML Website http://www.w 3schools.com Website http://www.w 3schools.com Xử lý kiện Bộ slides giảng thực hành giảng viên soạn Website http://www.w 3schools.com Tài liệu Multimedia HTML Chương 3: Bộ slides giảng thực hành giảng viên soạn Website http://www.w 3schools.com Control TÀI LIỆU TỰ HỌC Học viên phải biết, hiểu áp dụng nội dung sau: CSS (style sheet) CSS Dynamic Content Layer 4 Bộ slides giảng thực hành giảng viên soạn Ngôn ngữ DHTML Dynamic Positioning Website http://www.w 3schools.com Special Effects Data Bindin Chương 6: Giới thiệu Dreamweaver Học viên phải biết hiểu Công cụ DreamWeaver Những tiện ích Dreamweaver thiết kế web 4 Bộ slides giảng thực hành giảng viên soạn 4 Bộ slides giảng thực hành giảng viên soạn Định dạng văn giao diện Chương 7: Dreamweaver Học viên phải biết, hiểu Các thao tác sử dụng Dreamweaver chức Làm việc với bảng DreamWeaver (table) Các công cụ hình ảnh, chèn, hiệu chỉnh hình ảnh trang Web Thao tác form Chương 8: Học viên phải biết, hiểu sử dụng Dreamweaver chức nâng cao nâng cao DreamWeaver Library Item & Snippets frame, framesets Các hiệu ứng flash cho văn bản, nút lệnh… 4 Bộ slides giảng thực hành giảng viên soạn Các hiệu ứng hình ảnh, hyperlinks… Các navigation bar Ghi chú: TC: Tổng số tiết; LT: Lý thuyết; BT: Bài tập; TH: Thực hành TÀI LIỆU THAM KHẢO 5.1 Tài liệu chính: Bài giảng lớp (slides) Tài liệu hướng dẫn thực hành: giảng viên biên soạn Website http://www.w3schools.com HTML, XHTML, & CSS, nhà xuất Peachpit Macromedia Dreamweaver 8, nhà xuất Macromedia Press 5.2 Tài liệu tham khảo HTML: A Beginner’s Guide, nhà xuất McGraw-Hill Professional JavaScript for Web Developers, nhà xuất Wiley Engineering Web Applications, nhà xuất Springer ĐÁNH GIÁ KẾT QUẢ HỌC TẬP Quy định thang điểm, số lần đánh giá trọng số lần đánh giá kết học tập: Hình thức đánh giá STT Trọng số Thi thực hành (trong phòng máy tính) 40% Thi trắc nghiệm hay tự luận cuối môn học 60% KẾ HOẠCH GIẢNG DẠY Kế hoạch giảng dạy đề nghị (có tính tham khảo): 7.1 Kế hoạch giảng dạy lớp ngày Phần lý thuyết: tín x 15 tiết = 30 tiết Phân bổ lý thuyết: (6 buổi x 4,5 tiết) + (1 buổi x tiết) = 30 tiết STT Buổi học Buổi Buổi Buổi Buổi Buổi Buổi Buổi Nội dung Chương (3,0 tiết): Giới thiệu Chương (1,5 tiết): Ngôn ngữ HTML Chương (2,5 tiết): Ngôn ngữ HTML Chương (2,0 tiết): Ngôn ngữ Javascript Ghi Mỗi buổi có thời lượng 4,5 tiết, riêng buổi thứ có thời lượng tiết Chương (2,0 tiết): Ngôn ngữ Javascript Chương (2,5 tiết): Xử lý kiện Javascript Chương (0,5 tiết): Xử lý kiện Javascript Chương (4,0 tiết): Giới thiệu DHTML Chương (4,0 tiết): Giới thiệu Dreamweaver Chương (0,5 tiết): Dreamweaver Chương (3,5 tiết): Dreamweaver Chương (1,0 tiết): Dreamweaver nâng cao Chương (3,0 tiết): Dreamweaver nâng cao 7.2 Kế hoạch giảng dạy lớp tối Phần lý thuyết: tín x 15 tiết = 30 tiết Phân bổ lý thuyết: (8 buổi x 3,5 tiết) + (1 buổi x 2,0 tiết) = 30 tiết STT Buổi học Nội dung Chương (3,0 tiết): Giới thiệu Buổi Buổi Chương (3,5 tiết): Ngôn ngữ HTML Buổi Chương (3,5 tiết): Ngôn ngữ Javascript Buổi Buổi Buổi Chương (0,5 tiết): Ngôn ngữ HTML Chương (0,5 tiết): Ngôn ngữ Javascript Chương (3,0 tiết): Xử lý kiện Javascript Chương (3,5tiết): Giới thiệu DHTML Chương (0,5 tiết): Giới thiệu DHTML Chương (3,0 tiết): Giới thiệu Dreamweaver Ghi Mỗi buổi có thời lượng 3,5 tiết, riêng buổi thứ có thời lượng 2,0 tiết STT Buổi học Buổi Buổi Buổi Nội dung Ghi Chương (1,0 tiết): Giới thiệu Dreamweaver Chương (2,5 tiết): Dreamweaver Chương (1,5 tiết): Dreamweaver Chương (2,0 tiết): Dreamweaver nâng cao Chương (2,0 tiết): Dreamweaver nâng cao KHOA TRƯỞNG Giảng viên biên soạn (Ký ghi rõ họ tên) (Ký ghi rõ họ tên) LÊ ANH TUẤN HỒ QUANG KHẢI