Trang 1 BỘ CÔNG THƯƠNG TRƯỜNG CAO ĐẲNG THƯƠNG MẠI VÀ DU LỊCH GIÁO TRÌNH MƠN HỌC: THIẾT KẾ VÀ QUẢN TRỊ WEBSITE NGÀNH CÔNG NGHỆ THÔNG TIN ỨNG DỤNG PHẦN MỀM TRÌNH ĐỘ: TRUNG CẤP Ban hành kèm
BỘ CÔNG THƯƠNG TRƯỜNG CAO ĐẲNG THƯƠNG MẠI VÀ DU LỊCH GIÁO TRÌNH MƠN HỌC: THIẾT KẾ VÀ QUẢN TRỊ WEBSITE NGÀNH CÔNG NGHỆ THÔNG TIN ỨNG DỤNG PHẦN MỀM TRÌNH ĐỘ: TRUNG CẤP (Ban hành kèm theo Quyết định số: 405/ QĐ CTMDL ngày tháng năm 2022 Trường Cao đẳng Thương mại Du lịch) Thái Nguyên, năm 2022 (Lưu hành nội bộ) LỜI NÓI ĐẦU Giáo trình mơn học “Thực hành thiết kế quản trị Website” giáo trình nghề Cơng nghệ thông tin (ứng dụng phần mềm), xây dựng biên soạn sở chương trình khung đào tạo nghề Bộ Lao động – Thương binh Xã hội ban hành chi tiết hóa chương trình đào tạo nghề Cơng nghệ thơng tin (ứng dụng phần mềm) Trường Cao đẳng Thương mại Du lịch Đối tượng phục vụ học sinh sinh viên khố đào tạo trình độ cao đẳng nghề, trung cấp nghề Công nghệ thông tin (ứng dụng phần mềm) đơn vị, sở sản xuất làm tài liệu học tập nghiên cứu Các nhà quản lý người sử dụng nhân lực đơn vị, sở sản xuất làm tài liệu tham khảo Giáo trình biên soạn với thời lượng 120 giờ, 114 tiết lý thuyết thực hành, đề cập đến nội dung sau: Chương : Khái quát WEBSITE Chương : Tạo trang Web với HTML Chương : Giới thiệu PHP Chương : Thiết kế quản trị Website với Dream Weaver Chương : CSS Chương : Xuất quản trị Website Giáo trình mơn học “Thiết kế quản trị Website” biên soạn theo nguyên tắc: Tính định hướng thị trường lao động, tính hệ thống khoa học, tính ổn định linh hoạt, hướng tới chuẩn đào tạo nghề nước giới, tính đại sát thực thực tiễn Giáo trình biên soạn lần đầu nên cố gắng song khó tránh khỏi thiếu sót, chúng tơi mong nhận ý kiến đóng góp người sử dụng đồng nghiệp để giáo trình ngày hồn thiện Xin trân trọng cảm ơn! Mục Lục LỜI NÓI ĐẦU Mục Lục GIÁO TRÌNH MƠN HỌC CHƯƠNG 1: KHÁI QUÁT WEBSITE 10 I Khái Niệm Về Web Và Website 12 II Phân Loại Website 12 III Webserver-Webbrowser 13 IV Địa Chỉ Tương Đối Và Tuyệt Đối 14 V Các Công Cụ Thiết Kế Web 14 CHƯƠNG 2: TẠO CÁC TRANG WEB VỚI HTML 16 I Giới Thiệu 17 II Tạo Và Thực Thi Trang Web Html 19 III Các Thẻ Định Dạng Khối 19 IV Các Thẻ Định Dạng Danh Sách 20 V Các Thẻ Định Dạng Ký Tự 22 VI Liên Kết 23 VII Âm Thanh- Hình Ảnh 235 VIII Các Thẻ Định Dạng Bảng Biểu 27 IX Form 29 X Tạo Hiệu Ứng Chuyển Động 32 XI Frame 33 Bài Tập 36 CHƯƠNG 3: GIỚI THIỆU LẬP TRÌNH PHP 39 I Giới Thiệu Về PHP 40 II Nhúng Php Và HTML 43 III Toán Tử Trong PHP 45 CHƯƠNG 4:THIẾT KẾ VÀ QUẢN TRỊ WEBSITE VỚI DREAM WEAVER 54 I Mở Đầu 55 II Giao Diện Của Dreamweaver 58 III Tạo Lập Website 62 IV Làm Việc Với Text 68 V Siêu Liên Kết 71 VI Sử Dụng Hình Ảnh Trên Trang Web 73 VII Thiết Lập Bảng Biểu Trên Trang 78 VIII Sử Dụng Frame 85 IX Forms 88 X Thêm Muntimedia Elements Vào Trang Web 90 XI Sử Dụng Dreamweaver Templates 92 XII Làm Việc Với Layer 97 XIII Làm Việc Với Behaviors 98 XIV Các Tính Năng Khác 104 Bài Tập 105 CHƯƠNG 5: CSS 113 I Giới Thiệu 114 II Một Số Quy Ước Về Cách Viết Css 115 III Cách Định Nghĩa Các Selector 120 IV Các Thuộc Tính Của Css 125 Bài Tập 137 Phụ Lục:Bảng Thuộc Tính & Giá Trị Thuộc Tính CSS 151 CHƯƠNG 6: XUẤT BẢN VÀ QUẢN TRỊ WEBSITE 156 I Xuất Bản Website 157 II Quản Trị Website 164 GIÁO TRÌNH MƠN HỌC Tên mơn học: Thực hành thiết kế quản trị website Mã mơn học: MH24 Vị trí, tính chất, ý nghĩa vai trị mơn học: 3.1 Vị trí: Giáo trình dành cho người học trình độ Trung cấp Cao đẳng trường Cao đẳng Thương mại Du lịch Thái Ngun 3.2 Tính chất: Giáo trình cung cấp kiến thức, kỹ lực tự chủ trách nhiệm cho người học liên quan đến hoạt động thực hành thiết kế quản trị website Qua đó, người học học tập trường sẽ: (1) có giáo trình phù hợp với chương trình đào tạo trường; (2) dễ dàng tiếp thu vận dụng kiến thức kỹ học vào môi trường học tập thực tế thuộc lĩnh vực CNTT UDPM 3.3 Ý nghĩa vai trò mơn học: Mơn học lập trình mơn học khoa học mang tính thẩm mỹ trừu tượng dành cho đối tượng người học thuộc chuyên ngành thiết kế đồ họa, thiết kế giao diện, vv, Nội dung chủ yếu môn học nhằm cung cấp kiến thức kỹ thiết kế website: (1) Nắm quy trình thiết kế website; Các kỹ thuật liên quan sâu đến mã nguồn, định dạng liệu hiển thị vv Mục tiêu môn học: + Về kiến thức: - Hiểu nguyên lý hoạt động website, xác định bước hồn thiệt website, cơng dụng câu lệnh dùng PHP, MySQL, CSS - Nắm vững quy tắc xây dựng sử dụng hàm, cách truyền tham số cho hàm + Về kỹ năng: - Phân tích thiết kế cài đặt thành thạo yêu cầu cho website - Xác định điều khiển áp dụng cho việc nhập liệu đảm bảo xác, có chu trình xử lý liệu - Vận dụng thành thạo phương pháp lặp điều kiện trước sau, đảm bảo điều kiện kết thúc vòng lặp PHP + Về lực tự chủ trách nhiệm: Sinh viên nhận thức tầm quan trọng học phần, từ có ý thức học tập, rèn luyện, bổ sung kiến thức cho thân Nội dung mơn học 5.1 Chương trình khung Mã MH I MH01 MH02 MH03 MH04 MH05 MH06 II II.1 MH07 MH08 MH09 MH10 MH11 MH12 MH13 MH14 II.2 MH15 MH16 MH17 MH18 MH19 MH20 MH21 MH22 MH23 MH24 Tên môn học Các mơn học chung Chính trị Pháp luật Giáo dục thể chất Giáo dục quốc phòng an ninh Tin học Ngoại ngữ Các môn học chuyên môn Môn học sở Tin học văn phịng Bảng tính Excel Cấu trúc máy tính Mạng máy tính Lập trình Cấu trúc liệu giải thuật Cơ sở liệu Lắp ráp bảo trì máy tính Mơn học chuyên môn Ngoại ngữ ch.ngành CNTT Hệ điều hành Windows Server Quản trị CSDL với Access Quản trị CSDL với SQL Server Lập trình Windows Thiết kế quản trị website Đồ họa ứng dụng An toàn bảo mật thông tin TH xây dựng phần mềm quản lý TH thiết kế quản trị Số tín Tổng số Thời gian học tập (giờ) Trong Thực hành/ thực Lý Thi/Kiểm tập/ thuyết tra tập/ thảo luận 94 148 13 15 13 24 12 1 255 30 15 30 45 21 21 64 16 2 2 2 2 46 45 90 1560 240 30 30 30 30 30 30 30 30 1290 60 15 30 504 224 12 12 28 15 28 28 28 28 313 57 29 56 1013 17 17 14 948 - 43 13 1 2 2 28 30 28 - 45 43 - 45 27 17 3 2 45 45 30 30 43 43 28 28 - 2 2 120 - 114 120 - 114 6 website MH25 Thực tập tốt nghiệp Môn học tự chọn (chọn II.3 2) Kỹ giao tiếp, phục vụ MH26 khách hàng MH27 Lập trình mạng Tổng cộng 16 720 - 720 30 28 - 2 30 28 - 2 76 30 1815 28 598 1161 56 5.2 Chương trình chi tiết môn học Thời gian (giờ) Số Tên chương TT Tổng Lý Thực Kiểm số thuyết hành tra Chương : Khái quát WEBSITE 5 Chương : Tạo trang Web với HTML 15 14 Chương : Giới thiệu PHP 25 23 Chương : Thiết kế quản trị Website với Dream Weaver Chương : CSS 35 34 35 33 Chương : Xuất quản trị Website Cộng 5 120 114 6 Điều kiện thực mơn học: 6.1 Phịng học Lý thuyết/Thực hành: Đáp ứng phòng học chuẩn 6.2 Trang thiết bị dạy học: Projetor, máy vi tính, bảng, phấn 6.3 Học liệu, dụng cụ, mơ hình, phương tiện: Giáo trình, mơ hình học tập,… 6.4 Các điều kiện khác: Người học tìm hiểu thêm kiến thức tư logic Nội dung phương pháp đánh giá: 7.1 Nội dung: - Kiến thức: Đánh giá tất nội dung nêu mục tiêu kiến thức - Kỹ năng: Đánh giá tất nội dung nêu mục tiêu kỹ - Năng lực tự chủ trách nhiệm: Trong trình học tập, người học cần: + Nghiên cứu trước đến lớp + Chuẩn bị đầy đủ tài liệu học tập + Tham gia đầy đủ thời lượng môn học + Nghiêm túc trình học tập 7.2 Phương pháp: Người học đánh giá tích lũy mơn học sau: 7.2.1 Cách đánh giá - Áp dụng quy chế đào tạo Cao đẳng hệ quy ban hành kèm theo Thơng tư số 09/2017/TT-LĐTBXH, ngày 13/3/2017 Bộ trưởng Bộ Lao động – Thương binh Xã hội - Hướng dẫn thực quy chế đào tạo áp dụng Trường Cao đẳng Thương mại Du lịch sau: Điểm đánh giá Trọng số + Điểm kiểm tra thường xuyên (Hệ số 1) 40% + Điểm kiểm tra định kỳ (Hệ số 2) + Điểm thi kết thúc môn học 60% 7.2.2 Phương pháp đánh giá Phương pháp Phương pháp Hình thức đánh giá tổ chức kiểm tra Thường xuyên Chuẩn đầu đánh giá Viết/ Tự luận/ Kiến thức Thuyết trình Trắc nghiệm/ Định kỳ Viết/ Tự luận/ Kiến thức, kỹ Thuyết trình Trắc nghiệm/ lập trình Kết thúc mơn Viết/ thực Tự luận Kiến thức, tư học hành trắc nghiệm logic kỹ lập trình 7.2.3 Cách tính điểm Số cột Thời điểm kiểm tra Sau chương Sau chương Sau 28 - Điểm đánh giá thành phần điểm thi kết thúc môn học chấm theo thang điểm 10 (từ đến 10), làm tròn đến chữ số thập phân - Điểm môn học tổng điểm tất điểm đánh giá thành phần môn học nhân với trọng số tương ứng Điểm môn học theo thang điểm 10 làm tròn đến chữ số thập phân, sau quy đổi sang điểm chữ điểm số theo thang điểm theo quy định Bộ Lao động Thương binh Xã hội đào tạo theo tín 8 Hướng dẫn thực môn học 8.1 Phạm vi, đối tượng áp dụng: Đối tượng Trung cấp nghề CNTT UDPM 8.2 Phương pháp giảng dạy, học tập môn học 8.2.1 Đối với người dạy * Lý thuyết: Áp dụng phương pháp dạy học tích cực bao gồm: thuyết trình ngắn, nêu vấn đề, hướng dẫn đọc tài liệu, tập tình huống, câu hỏi thảo luận… * Bài tập: Phân chia nhóm nhỏ thực tập theo nội dung đề * Thảo luận: Phân chia nhóm nhỏ thảo luận theo nội dung đề * Hướng dẫn tự học theo nhóm (nếu có): Nhóm trưởng phân cơng thành viên nhóm tìm hiểu, nghiên cứu theo u cầu nội dung học, nhóm thảo luận, trình bày nội dung, ghi chép viết báo cáo nhóm 8.2.2 Đối với người học: Người học phải thực nhiệm vụ sau: - Nghiên cứu kỹ học nhà trước đến lớp Các tài liệu tham khảo cung cấp nguồn trước người học vào học môn học (trang web, thư viện, tài liệu ) - Tham dự tối thiểu 70% buổi giảng lý thuyết Nếu người học vắng >30% số tiết lý thuyết phải học lại môn học tham dự kì thi lần sau - Tự học thảo luận nhóm (nếu có): phương pháp học tập kết hợp làm việc theo nhóm làm việc cá nhân Một nhóm gồm 8-10 người học cung cấp chủ đề thảo luận trước học lý thuyết, thực hành Mỗi người học chịu trách nhiệm số nội dung chủ đề mà nhóm phân cơng để phát triển hồn thiện tốt toàn chủ đề thảo luận nhóm - Tham dự đủ kiểm tra thường xuyên, định kỳ - Tham dự thi kết thúc môn học - Chủ động tổ chức thực tự học Tài liệu tham khảo: [1] VN Guide, Internet toàn tập, NXB Khoa học kỹ thuật, 2009; [2] Khuất Thùy Phương, Lập Trình Ứng Dụng Web Với PHP, NXBTK,2009 [3] VN-Guide, Thiết kế trang web với HTML, NXB Thống kê HN, 2010; [4] SCC Technology, Thiết kế website với Macromedia Dreamweaver, 2004; [5] Nguyễn Trường Sinh, Thiết kế website với FrontPage, NXB Thống kê, 2016; [6] Các tài liệu, tập HTML internet; [7] Mediaspace Club, Macromedia Dreamweaver MX, 2004 [8] Maricopa Center for Learning and Instruction, Writing HTML Tutorial, 2000; CHƯƠNG KHÁI QUÁT VỀ WEBSITE 10