DCCT 2021 thiet ke web

TRƯỜNG ĐẠI HỌC PHAN THIẾT KHOA CÔNG NGHỆ THÔNG TIN CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc Lập - Tự Do - Hạnh Phúc CHƯƠNG TRÌNH GIÁO DỤC ĐẠI HỌC Trình độ đào tạo: Đại học Ngành: Cơng nghệ Thông tin Mã số: 7480201 ĐỀ CƯƠNG CHI TIẾT HỌC PHẦN Thông tin chung HP 1.1 Mã học phần: 10281 1.3 Ký hiệu học phần: 1.5 Số tín chỉ: 1.6 Phân bố thời gian: - Lý thuyết: - Bài tập Thảo luận nhóm: - Tự học: 1.7 Các giảng viên phụ trách học phần: - Giảng viên phụ trách chính: - Danh sách giảng viên giảng dạy: 1.8 Điều kiện tham gia học phần: - Học phần tiên quyết: - Học phần học trước: - Học phần song hành: 1.2 Tên học phần: Thiết kế Web 1.4 Tên tiếng Anh: Web Design Basic 03 30 tiết 30 tiết 135 tiết TS Nguyễn Quang Tấn ThS Nguyễn Hồng Minh Nhật Khơng có Mạng máy tính Khơng có Mục tiêu HP 2.1 Mục tiêu chung Mục tiêu môn học nhằm cung cấp cho sinh viên kiến thức kỹ thiết kế Website Trình bày thơng tin liệu sử dụng Web Sinh viên có kiến thức kỹ phân tích Website thơng tin Web 2.2 Mục tiêu HP cụ thể 2.2.1 Về kiến thức: Hiểu biết sử dụng thành thạo ngơn ngữ trình bày lập trình để tạo lập trang Web 2.2.2 Về kỹ năng: - Kỹ thu thập, xử lý trình bày thơng tin, số liệu, phản biện khoa học - Xây dựng ứng dụng Website tĩnh triển khai môi trường trực tuyến - Xây dựng ứng dụng Website động dựa frameworks thiết kế Website triển khai môi trường trực tuyến 2.2.3 Tự chủ chịu trách nhiệm - Tự đánh giá quan điểm cá nhân phân tích - Có ý thức tự học nâng cao kiến thức thiết kế Web để đạt hiệu đọc hiểu cao Chuẩn đầu HP “Thiết kế Web” Bảng 3.1 Chuẩn đầu (CĐR) HP Sau học xong học phần, SV có khả năng: Ký hiệu Nội dung CĐR HP (CLO) CĐR HP CLO1 Cung cấp cho sinh viên kiến thức web HTML/DHTML CLO2 Cung cấp cho sinh viên kiến thức JavaScript CLO3 Cung cấp cho sinh viên kiến thức CSS CLO4 Nắm phương pháp tổ chức, xây dựng website tĩnh cụ thể CLO5 Thiết kế triển khai ứng dụng web tĩnh; CLO6 CLO7 CLO8 CLO9 Rèn luyện tính cẩn thận, xác, thẩm mĩ việc phát triển Web; Khả tự học, vận dụng kiến thức phát triển trang Web thực tế Trang bị cho người học kỹ tổng hợp kiến thức thiết kế web, xây dựng website tĩnh Trình bày trước đám đơng sử dụng phương tiện trình chiếu; Có kỹ làm việc nhóm Mơ tả tóm tắt nội dung học phần Học phần Thiết kế Web cung cấp kiến thức cho sinh viên khái niệm kiến thức trình thiết kế Web bao gồm nội dung sau: - Phần đầu trình bày vấn đề chung thiết kế website - Phần thứ tập trung vào số nội dung sau - Giới thiệu số công cụ thiết kế giao diện - Giới thiệu HTML, Javascript, CSS - Dreamwaver, Photoshop, Flash, Một số công cụ hỗ trợ thiết kế web khác - Xây dựng website tĩnh Mối liên hệ CĐR HP (CLO) với CĐR CTĐT (PLO) Mức độ đóng góp, hỗ trợ CLO PLO xác định cụ thể sau:  I (Introduced) – CLO có hỗ trợ đạt PLO mức giới thiệu/bắt đầu  R (Reinforced ) – CLO có hỗ trợ đạt PLO mức nâng cao mức bắt đầu, có nhiều hội thực hành, thí nghiệm, thực tế,…  M (Mastery) – CLO có hỗ trợ cao đạt PLO mức thục/thông hiểu Bảng 5.1.Mối liên hệ CĐR HP (CLO) đến CĐR CTĐT (PLO) PLO (12 (14) (15) (1) (2) (3) (4) (5) (6) (7) (8) (13) ) CLO1 I CLO2 R R R CLO3 R R CLO4 R R CLO5 M M M CLO6 M M M CLO7 R M M CLO8 R R R R CLO9 R R R R Tổng hợp học phần Đánh giá HP a Phương pháp, hình thức kiểm tra - đánh giá HP Bảng 6.1 Ma trận Chuẩn đầu học phần Phần trăm đánh giá 10% 30% 60% Chuẩn đầu học phần CLO CLO CLO Chuyên cần/ hoạt động lớp Cung cấp cho sinh viên kiến thức web HTML/DHTML Cung cấp cho sinh viên kiến thức JavaScript Cung cấp cho sinh viên Khảo sát Kiểm tra kỳ Đồ án môn học cuối kỳ X X X X X X X CLO CLO CLO CLO CLO CLO kiến thức CSS Nắm phương pháp tổ chức, xây dựng website tĩnh cụ thể Thiết kế triển khai ứng dụng web tĩnh; Rèn luyện tính cẩn thận, xác, thẩm mĩ việc phát triển Web; Khả tự học, vận dụng kiến thức phát triển trang Web thực tế Trang bị cho người học kỹ tổng hợp kiến thức thiết kế web, xây dựng website tĩnh Trình bày trước đám đơng sử dụng phương tiện trình chiếu; Có kỹ làm việc nhóm X X X X X X X X X X X X X X X X X X Bảng 6.2 Phương pháp, hình thức kiểm tra - đánh giá kết học tập SV HP Thành Trọng Bài đánh giá Trọng Rubric Lquan HD PP đánh giá phần số số (đánh đến đánh dấu X CĐR giá có) bảng 4.1 (1) (2) (3) (4) (5) (6) (7) Tham gia buổi A1 8% học Chuyên 10% Phát biểu, xây dựng 2% cần lớp A2 30% Sinh viên thực X CLO - GV xác định Đánh tập thiết kế cá (Rubric CLO phân tích giá nhân trang Web làm CLO Website mẫu kỳ tĩnh có hiệu ứng việc CLO Theo hướng dẫn, sử dụng CSS nhóm) CLO SV nhóm Javascripts, làm việc CLO tự phân cơng theo nhóm thảo luận, t/viên phụ trách theo đề tài chọn lựa n/cứu tài liệu, báo cáo Phân tích thu thập thơng yếu tố nội dung, tài tin viết báo cáo liệu, thông tin văn cho đề tài tư liệu media trình nhóm n/cứu bày trang Web đề tài nhóm Website cá khác để có thơng nhân tin phản biện (để cộng điểm); - GV chấm điểm kỹ làm việc nhóm (theo rubric), kỹ thuyết trình viết báo cáo; Bài báo cáo sản phẩm Website cuối kỳ CLO1 theo đề tài môn học CLO2 đăng ký: Phân tích CLO5 chi tiết thơng tin, CLO7 hình thức trình bày CLO8 Website, menu chính, CLO9 A3 hiệu ứng Đánh Website 50% giá cuối Thơng qua cấu kỳ Website cộng thêm điểm mạnh cấu liệu liên quan Phân tích điểm mạnh sản phẩm Website để đánh giá kỹ sinh viên b Chính sách HP - SV tham dự >=80% số buổi HP Nếu nghỉ >20% số buổi không dự thi kết thúc HP Điểm chuyên cần điểm kiểm tra kỳ phải ≥4 điểm (theo thang điểm 10) dự thi kết thúc học phần Kế hoạch nội dung giảng dạy HP Bảng 7.1 Kế hoạch nội dung giảng dạy HP theo tuần Tên Liên Số quan Tuần/ CĐR PP Hoạt đánh Các nội dung tiết đến Buổi học giảng động giá học (chương) (LT/ CĐR (4 (chương) dạy đạt học (ở cột (đến số) TH/ tiết/b) / chủ đề CĐR SV(*) TT) bảng bảng 4.1 6.2 (1) (2) (3) (4) (5) (6) (7) (8) Đọc A1 Giới thiệu môn học Thuyết Nghe hiểu Chương – Ngôn ngữ giảng; giảng; khái CLO1 HTML Đặt câu Trả lời niệm - 1.1 Giới thiệu hỏi; câu hỏi; thiết kế - 1.2 Ngôn ngữ HTML Hướng Thảo Web dẫn luận - 1.3 XHTML Bước thảo nhóm; đầu sử luận, Đọc tài dụng làm liệu tập lệnh lớp; HTML XHTML 4/4 Biết CLO2 Thuyết Nghe A1 Chương 2: cách tìm Cascading Style giảng; giảng; đọc Sheets (CSS) - 2.1 Giới thiệu - 2.2 CSS - 2.3 Các nhóm thuộc tính - 2.4 Một số ví dụ - 2.5 Bài tập thực hành cuối chương Chương 3: Ngôn ngữ Javascript 4/4 - 3.1 Giới thiệu - 3.2 Ngôn ngữ Javascript - 3.3 Bài tập thực hành cuối chương Chương 4: Giới thiệu tổng quan thiết kế web - 4.1 Các bước thiết kế trang web - 4.2 Các thành phần trang web: banner, footer, navigator, content… - 4.3 Một số vấn đề cần lưu ý thiết kế web: màu sắc, bố cục, font chữ… 4/4 hiểu chức CSS, bước đầu sử dụng ví dụ CSS Thực số tập thực hành với CSS cho trang Web tĩnh Biết cách tìm đọc hiểu tập lệnh ngôn ngữ script ví dụ Javascript Thực tập thực hành với Javascript cho trang Web tĩnh Nắm vững bước thiết kế trang Web Website Bước đầu có kỹ làm việc với bố cục, màu sắc, hình ảnh media CLO3 CLO2 CLO5 CLO4 CLO5 Đặt câu hỏi; Trả lời câu hỏi; Hướng dẫn thảo luận, làm việc nhóm; Thảo luận nhóm; Thuyết giảng; Nghe giảng; Đặt câu hỏi; Trả lời câu hỏi; Hướng dẫn thảo luận, làm việc nhóm; Thảo luận nhóm; Thuyết giảng; Nghe giảng; Đặt câu hỏi; Trả lời câu hỏi; Hướng dẫn thảo luận, làm việc nhóm; Thảo luận nhóm; Đọc tài liệu A1 Đọc tài liệu Đọc tài liệu A2 trang Web - 4.4 Một số khái niệm xử lý ảnh số - 4.5 Bài tập tổng hợp tổng kết chương Làm kiểm tra Chương 5: Dreamweaver 4/4 - 5.1 Giới thiệu - 5.2 Một số thao tác - 5.3 Thiết kế web Tìm hiểu, cài đặt sử dụng Dreamwe aver cho thiết kế Web CLO4 CLO5 CLO6 Tìm hiểu, cài đặt sử dụng Photosho p áp dụng cho thiết kế Web CLO4 CLO5 CLO6 CLO7 CLO8 CLO9 Hiểu áp dụng mạnh Flash hiệu ứng Web CLO4 CLO5 CLO6 CLO7 CLO8 CLO9 Dreamweaver - 5.4 Bài tập áp dụng Thuyết giảng; Nghe giảng; Đặt câu hỏi; Trả lời câu hỏi; Hướng dẫn thảo luận, làm việc nhóm; Thảo luận nhóm; Thuyết giảng; Nghe giảng; Đặt câu hỏi; Trả lời câu hỏi; Hướng dẫn thảo luận, làm việc nhóm; Thảo luận nhóm; Thuyết giảng; Nghe giảng; Đặt câu hỏi; Trả lời câu hỏi; Hướng dẫn thảo luận, làm việc nhóm; Thảo luận nhóm; A2 Đọc tài liệu Bài tập cuối chương Chương 6: Photoshop 4/4 - 6.1 Giới thiệu - 6.2 Các thao tác - 6.3 Thiết kế web Photoshop Bài tập cuối chương Chương 7: Flash 4/4 - 7.1 Giới thiệu - 7.2 Các thao tác - 7.3 Thiết kế web với Flash Bài tập chương Hệ thống kiến thức 4/4 CLO4 CLO5 CLO6 CLO7 CLO8 A2 Đọc tài liệu A2 Đọc tài liệu A3 CLO9 (*) Ghi chú: - (3) Số tiết (LT/TH/TT): Xác định số tiết lý thuyết, thực hành, thực tập chương - (6) PP giảng dạy đạt CĐR: Nêu tên PP giảng dạy sử dụng chương để đạt CĐR - (7) Hoạt động học SV: Xác định nội dung SV cần chuẩn bị nhà (đọc tài liệu nào, từ trang thứ mấy, LVN để giải BT, làm dự án …… ); Hoạt động lớp (thảo luận nhóm, làm BT thường xuyên.…) Học liệu: Bảng 8.1 Sách, giáo trình, tài liệu tham khảo NXB, tên tạp Nă T Tên sách, giáo trình, chí/ Tên tác giả m T tên báo, văn nơi ban hành XB VB Giáo trình Learning Web Design: A 201 NXB O'Reilly Jennifer Niederst Beginner's Guide to HTML, Robbins CSS, JavaScript and Web Media Graphics Sách, giáo trình tham khảo 200 Thiết kế lập trình ứng dụng Lê Đình Duy NXB Thống kê web ASP 201 HTML and CSS: Design and Jon Duckett NXB Wiley Build Websites T T Bảng 8.2 Danh mục địa website để tham khảo học HP Nội dung Link trang web Ngày tham cập khảo nhật HTML 21/3/20 http://www.pagetutor.com 21 Javascript http://www.dynamicdrive.com 21/3/20 21 Dreamwea https://quantrimang.com/ 21/3/20 ver 21 21/3/20 http://www.mpi.gov.vn/ 21 Holistic Rubric đánh giá đồ án điểm điểm Đồ án Đồ án đăng ký nộp đăng ký nộp hạn hạn Khối lượng Khối lượng công việc công việc nhiệm vụ liên nhiệm vụ liên quan thực quan thực đầy đủ đầy đủ Thể xuất Thể tốt sắc lập trình với lập trình với mơn học qua điểm Đồ án đăng ký nộp hạn Khối lượng công việc nhiệm vụ liên quan thực chưa đầy đủ Thể tập lớn (đồ án) điểm Đồ án đăng ký nộp hạn Khối lượng công việc nhiệm vụ liên quan thực chưa đầy đủ Thể HTML, CSS, Javascript phần mềm hỗ trợ khác rõ ràng Báo cáo đồ án trình bày rõ ràng, khơng lỗi tả Có ý tưởng sáng tạo sản phẩm đồ án HTML, CSS, Javascript phần mềm hỗ trợ khác rõ ràng Báo cáo đồ án trình bày rõ ràng, lỗi tả Có ý tưởng sáng tạo sản phẩm đồ án lập trình với HTML, CSS, Javascript phần mềm hỗ trợ khác Báo cáo đồ án trình bày rõ ràng, cịn lỗi tả Có ý tưởng sản phẩm đồ án lập trình với HTML, CSS, Javascript phần mềm hỗ trợ Báo cáo đồ án trình bày khơng rõ ràng, cịn nhiều lỗi tả Bình Thuận, ngày tháng 04 năm 2021 Trưởng khoa Trưởng môn Người biên soạn ... Đình Duy NXB Thống kê web ASP 201 HTML and CSS: Design and Jon Duckett NXB Wiley Build Websites T T Bảng 8.2 Danh mục địa website để tham khảo học HP Nội dung Link trang web Ngày tham cập khảo... chức, xây dựng website tĩnh cụ thể Thiết kế triển khai ứng dụng web tĩnh; Rèn luyện tính cẩn thận, xác, thẩm mĩ việc phát triển Web; Khả tự học, vận dụng kiến thức phát triển trang Web thực tế Trang... thức trình bày CLO8 Website, menu chính, CLO9 A3 hiệu ứng Đánh Website 50% giá cuối Thơng qua cấu kỳ Website cộng thêm điểm mạnh cấu liệu liên quan Phân tích điểm mạnh sản phẩm Website để đánh giá