Báo Cáo Thư Mục Và Khảo Sát Nội Dung Giáo Trình: Thiết Kế Web (Mã Mô Đun: MĐ 38)

Tổng quan về giáo trình (250-300 từ)

Giáo trình môn học Thiết kế Web (Mã mô đun: MĐ 38) do Thạc sỹ Phạm Anh Đức biên soạn năm 2019, trực thuộc Khoa Công nghệ thông tin và Ngoại ngữ, Trường Cao đẳng Cơ điện Xây dựng Việt Xô (Bộ Nông nghiệp và Phát triển nông thôn). Tài liệu được xuất bản nhằm phục vụ công tác đào tạo chuyên môn cho nghề Thiết kế đồ họa và nghề Quản trị mạng máy tính ở trình độ Cao đẳng theo khung chương trình dạy nghề quốc gia.

Về vị trí trong chương trình đào tạo, mô đun MĐ 38 được xếp vào nhóm mô đun chuyên môn nghề, được bố trí giảng dạy sau khi sinh viên đã hoàn thành các môn học chung và các môn học cơ sở chuyên ngành.

Mục tiêu học tập của giáo trình được xác định trên ba phương diện cụ thể:

  • Kiến thức: Người học trình bày được cấu trúc tổng thể của một website, nắm vững quy trình 6 bước xây dựng và phát triển trang mạng, đồng thời hiểu rõ các nguyên tắc đảm bảo an toàn và bảo mật hệ thống web.
  • Kỹ năng: Người học có khả năng tự xây dựng và vận hành hoàn chỉnh một website dựa trên các ngôn ngữ tiêu chuẩn gồm HTML, CSS, JavaScript, XML và hệ quản trị nội dung mã nguồn mở.
  • Năng lực tự chủ và trách nhiệm: Người học hình thành phương pháp làm việc khoa học, tuân thủ tiến độ xây dựng và vận hành website, đảm bảo ý thức an toàn thông tin và kỷ luật lao động.

Giáo trình có tổng thời lượng 90 giờ, được kết cấu theo mô hình tích hợp giữa lý thuyết (29 giờ), thực hành/thảo luận/bài tập (58 giờ) và kiểm tra đánh giá (3 giờ). Điểm đặc trưng trong cấu trúc của tài liệu là phương pháp tiếp cận theo lộ trình từ hạ tầng mạng Internet, ngôn ngữ đánh dấu siêu văn bản, phân tách phong cách giao diện bằng CSS cho đến việc triển khai thực tế trên nền tảng WordPress và máy chủ web.

Nội dung kiến thức cốt lõi (500-600 từ)

        CẤU TRÚC PHÂN PHỐI NỘI DUNG MÔ ĐUN MĐ 38 (90 GIỜ)

Các chương/chủ đề chính

Nội dung giáo trình được triển khai qua 5 bài học tuần tự:

  • Bài 1: Các định nghĩa và thuật ngữ (3 giờ): Cung cấp hệ thống lý thuyết về mạng máy tính và Internet dựa trên kỹ thuật chuyển mạch gói (packet switching) và giao thức IP. Giới thiệu các dịch vụ mạng: Web, E-Mail, giao thức FTP (mô hình client-server), Gopher, Usenet/Newsgroup, Mailing List, Telnet, VoIP (dịch vụ 178 Viettel, 171 VNPT), Video Conference và WAP. Nêu lịch sử siêu văn bản từ ý tưởng của Ted Nelson (1965) đến dự án World Wide Web của Tim Berners-Lee (1989); phân định trang web tĩnh và trang web động; hướng dẫn quy trình 6 bước xây dựng website và thao tác trên trình duyệt Google Chrome (phím tắt Ctrl+Shift+N, Ctrl+Shift+B, quản lý tab Ctrl+T/Ctrl+W).
  • Bài 2: Giao diện Web (16 giờ): Phân tích các thành phần cấu thành layout website gồm Header, Navigation, Content, Sidebar và Footer. Cập nhật các thẻ ngữ nghĩa của chuẩn HTML5: <header>, <nav>, <section>, <article>, <aside>, <footer>, <details>, <summary>. Hướng dẫn thu thập và xây dựng giao diện theo yêu cầu người dùng.
  • Bài 3: Ngôn ngữ HTML - CSS (41 giờ): Trình bày chi tiết cú pháp HTML và các thẻ định dạng văn bản (<h1>-<h6>, <p>, <strong>, <i>, <u>, <strike>), thẻ liên kết <a> (thuộc tính href, target, neo #id), thẻ hình ảnh <img> (src, alt), bảng <table> (<tr>, <th>, <td>), biểu mẫu tương tác <form> với các phần tử input (text, password, checkbox, radio, file, submit, reset, button, hidden), <textarea>, <select> và thẻ <video> đa phương tiện. Phần CSS giới thiệu bộ chọn (Selector theo tag, class .name, id #name, phân cấp, thuộc tính input[name="..."], ký tự đại diện *), 3 phương thức nhúng CSS (inline, internal style, external .css), hệ thống đơn vị đo (px, em, ex, pt, pc, %, rgb, hex), các thuộc tính nền (background), kiểu chữ (font), văn bản (text), lớp giả liên kết (a:link, a:hover, a:visited, a:active), thẻ trung hòa <div>/<span>, và mô hình hộp (Box Model: margin, border, padding, content).
  • Bài 4: Mã nguồn mở (23 giờ): Giới thiệu khái niệm phần mềm nguồn mở, thiết lập Web Server và cài đặt CMS WordPress. Hướng dẫn khai thác AdminCP: quản lý danh mục, soạn thảo bài viết, quản lý thư viện hình ảnh, cấu hình người dùng; quản trị Theme (tùy biến CSS, header, background, giới thiệu 21 website tìm theme miễn phí); cấu hình Plugin mở rộng và tối ưu hóa công cụ tìm kiếm (SEO).
  • Bài 5: Xuất bản và duy trì Website (7 giờ): Trình bày quy trình đăng ký tên miền (Domain) và dịch vụ lưu trữ (Hosting); phương pháp xác nhận thông số máy chủ và chuyển mã nguồn lên Web Server qua giao thức FTP; quy trình kiểm thử nội dung, bảo trì và nhận diện các hiểm họa tấn công website.

Kiến thức nền tảng được xây dựng

Giáo trình thiết lập hệ thống tri thức cơ sở thông qua ba trụ cột:

  1. Lý thuyết mạng và giao thức: Cơ chế vận hành của bộ giao thức TCP/IP, hệ thống phân giải tên miền (DNS), giao thức truyền siêu văn bản HTTP, giao thức truyền tệp tin FTP, và cấu trúc định danh tài nguyên URL do tổ chức W3C chuẩn hóa.
  2. Nguyên lý phân tách cấu trúc và trình bày: Tách bạch phần nội dung ngữ nghĩa (HTML) với phần định dạng hiển thị (CSS), tạo nền tảng cho việc lập trình giao diện chuẩn hóa.
  3. Mô hình kiến trúc ứng dụng web: Nguyên lý hoạt động của website tĩnh lưu trữ tệp tin .htm/.html so với website động vận hành trên máy chủ (PHP, .NET, Java, Ruby on Rails) kết hợp cơ sở dữ liệu và hệ quản trị nội dung CMS.

Kỹ năng phát triển

Qua hệ thống 58 giờ thực hành và bài tập, giáo trình rèn luyện các nhóm năng lực cụ thể:

  • Kỹ năng kỹ thuật: Viết mã HTML chuẩn cú pháp, tổ chức biểu mẫu thu thập dữ liệu (GET/POST), căn chỉnh bố cục trang bằng Box Model của CSS, nhúng đa phương tiện không phụ thuộc plugin ngoài.
  • Kỹ năng phân tích và thiết kế: Bóc tách layout từ bản vẽ yêu cầu sang cấu trúc thẻ HTML5 ngữ nghĩa, thiết lập hệ thống định danh class/id khoa học để tối ưu mã nguồn CSS.
  • Kỹ năng vận hành thực tế: Cài đặt môi trường Web Server cục bộ, tùy biến giao diện và tính năng CMS WordPress, tải dữ liệu lên hosting bằng tài khoản FTP và kiểm thử khả năng hiển thị trên nhiều trình duyệt khác nhau.

Phương pháp giảng dạy và học tập (300-350 từ)

Giáo trình áp dụng phương pháp đào tạo nghề tích hợp (Integrated Vocational Training Method), kết hợp trực tiếp giữa bài giảng lý thuyết trên lớp và giờ thực hành trực tiếp tại phòng máy vi tính. Cơ cấu thời lượng được phân bổ rõ rệt: 29 giờ lý thuyết (chiếm 32.2%), 58 giờ thực hành/thảo luận (chiếm 64.4%) và 3 giờ kiểm tra định kỳ (chiếm 3.4%).

          PHÂN PHỐI THỜI LƯỢNG MÔ ĐUN (TỔNG 90 GIỜ)

Phương pháp tiếp cận sư phạm đi từ các khối kiến thức vi mô đến hoàn thiện sản phẩm tổng thể:

  • Thực hành theo kịch bản mẫu: Mỗi bài học đều có đoạn mã nguồn mẫu rõ ràng. Ví dụ, việc phân biệt class và id được minh họa thông qua bài toán định dạng danh sách tỉnh, thành phố của Việt Nam (gán thuộc tính màu sắc riêng cho nhóm thẻ <li>); việc giải thích Box Model được triển khai qua đoạn mã căn chỉnh độ rộng 200px kèm thông số margin: 30px 20px, padding: 20px 10px và viền border: 1px solid #000.
  • Bài tập dự án thực tế: Sau khi làm chủ các thẻ cơ bản, sinh viên phải tự thiết kế một giao diện web tĩnh chuẩn SEO từ đầu, sau đó chuyển sang cài đặt máy chủ cục bộ và xây dựng website động hoàn chỉnh trên nền tảng WordPress.
  • Phương pháp đánh giá năng lực: Đánh giá dựa trên 3 bài kiểm tra định kỳ (2 giờ tại Bài 3 về HTML/CSS và 1 giờ tại Bài 4 về WordPress). Tiêu chí chấm điểm căn cứ trực tiếp trên sản phẩm mã nguồn, khả năng tổ chức thẻ đúng chuẩn W3C, khả năng chạy thực tế trên trình duyệt Chrome và thao tác quản trị trên AdminCP.
  • Hướng dẫn tự học: Giáo trình cung cấp quy trình tự nghiên cứu bằng cách tra cứu danh mục 21 website tài nguyên theme miễn phí, hướng dẫn sử dụng phím tắt và chế độ ẩn danh (Incognito) trên trình duyệt để kiểm tra cache và giao diện sau khi chỉnh sửa CSS.

Điểm nổi bật và cập nhật (250-300 từ)

Nội dung giáo trình phản ánh các bước tiến quan trọng trong công nghệ phát triển web tại thời điểm biên soạn năm 2019:

  • Cập nhật chuẩn HTML5 và loại bỏ công nghệ cũ: Giáo trình chuyển dịch từ các chuẩn HTML 4 và XHTML sang HTML5. Tài liệu nhấn mạnh việc áp dụng các thẻ cấu trúc ngữ nghĩa mới (<header>, <nav>, <section>, <article>, <aside>, <footer>) để thay thế việc lạm dụng thẻ <div> không ngữ nghĩa. Đồng thời, giáo trình giới thiệu thẻ <video> của HTML5 nhằm nhúng trực tiếp đa phương tiện vào trang web, giải quyết sự phụ thuộc vào tiện ích Adobe Flash vốn gây nặng tải phần cứng và không tương thích tốt trên các thiết bị di động.
  • Tích hợp các nguyên tắc SEO kỹ thuật (Technical SEO): Giáo trình lồng ghép yêu cầu tối ưu hóa công cụ tìm kiếm vào từng bài học mã nguồn. Cụ thể, tài liệu quy định cấu trúc thẻ tiêu đề từ <h1> đến <h6> (mỗi trang có duy nhất 1 thẻ <h1> chứa từ khóa quan trọng và tối thiểu 2 thẻ <h2> bổ trợ), yêu cầu điền thuộc tính văn bản thay thế alt cho thẻ ảnh <img>, tối ưu hóa thẻ <title>, thiết lập cấu trúc URL thân thiện và hướng dẫn SEO trên CMS WordPress.
  • Gắn liền với thực tiễn viễn thông và hạ tầng tại Việt Nam: Giáo trình trích dẫn các dịch vụ mạng thực tế do các doanh nghiệp viễn thông Việt Nam cung cấp, tiêu biểu như dịch vụ VoIP 178 của Viettel và VoIP 171 của VNPT. Ở phần xuất bản, giáo trình hướng dẫn quy trình đăng ký tên miền, thuê hosting và sử dụng FTP để đưa mã nguồn lên máy chủ thực tế.
  • Khai thác hệ quản trị nội dung mã nguồn mở: Đưa WordPress vào chương trình chính khóa giúp sinh viên nghề Thiết kế đồ họa có thể tạo dựng website thương mại và tin tức hoàn chỉnh mà không cần lập trình backend chuyên sâu từ đầu.

Đối tượng sử dụng giáo trình (200-250 từ)

Giáo trình Thiết kế Web (MĐ 38) được biên soạn phục vụ các nhóm đối tượng và điều kiện học tập xác định:

  • Sinh viên hệ Cao đẳng: Tài liệu được thiết kế trực tiếp cho sinh viên theo học nghề Thiết kế đồ họa, Quản trị mạng máy tính và Công nghệ thông tin tại các trường Cao đẳng, Trường Trung cấp đào tạo nghề kỹ thuật.
  • Điều kiện tiên quyết (Prerequisites): Để tiếp thu tốt môn học, sinh viên cần hoàn thành các môn học chung (Tin học cơ sở) và các môn cơ sở ngành thuộc khối kỹ thuật phần mềm hoặc mạng máy tính. Người học cần có kiến thức cơ bản về thao tác tệp tin, tổ chức thư mục trên hệ điều hành và kỹ năng duyệt web cơ bản.
  • Giảng viên chuyên ngành: Giảng viên sử dụng tài liệu làm khung bài giảng tích hợp 90 giờ, làm cơ sở xây dựng giáo án thực hành, phân chia thời lượng các bài tập trên máy và làm đề thi kiểm tra kỹ năng lập trình web căn bản.
  • Người tự học và kỹ thuật viên quản trị website: Giáo trình đóng vai trò tài liệu tra cứu có hệ thống cho người bắt đầu tìm hiểu quy trình dựng web tĩnh (HTML/CSS), người làm quản trị nội dung cần nắm bắt cấu trúc bảng mã nguồn WordPress, cách cấu hình theme/plugin và thao tác xuất bản website lên hosting server.

Câu hỏi thường gặp (250-300 từ)

1. Giáo trình này phù hợp với ai?

Tài liệu được biên soạn phục vụ sinh viên trình độ Cao đẳng các ngành Thiết kế đồ họa, Quản trị mạng máy tính, Công nghệ thông tin và người bắt đầu học kỹ thuật web cần nắm vững quy trình từ dựng giao diện HTML/CSS đến quản trị WordPress.

2. Cần kiến thức nền nào trước khi học mô đun này?

Người học cần hoàn thành các môn học chung và cơ sở chuyên ngành, có kỹ năng sử dụng máy tính căn bản, hiểu biết sơ bộ về hệ điều hành, cấu trúc thư mục tệp tin và thao tác sử dụng các trình duyệt web như Google Chrome hoặc Mozilla Firefox.

3. Điểm khác biệt của giáo trình này so với các tài liệu khác là gì?

Giáo trình tích hợp đào tạo thực hành chiếm hơn 64% thời lượng (58/90 giờ), tập trung hướng dẫn giải quyết các thao tác cụ thể: viết mã HTML5 chuẩn SEO, phân tích bộ chọn và Box Model trong CSS, cài đặt WordPress trên Web Server và đưa website thực tế lên hosting qua giao thức FTP.

4. Làm sao để tự học hiệu quả với tài liệu này?

Người học cần kết hợp đọc lý thuyết và gõ trực tiếp các đoạn mã ví dụ trong giáo trình vào trình soạn thảo, kiểm tra kết quả hiển thị trên trình duyệt, sử dụng phím tắt Chrome DevTools để quan sát cấu trúc hộp CSS và thực hành cài đặt thử nghiệm CMS trên máy chủ cục bộ.

5. Giáo trình cung cấp những tài liệu và nguồn tham khảo bổ trợ nào?

Giáo trình cung cấp các tài liệu đối sánh cú pháp W3C (chuẩn HTML 4, XHTML, HTML5), danh mục 21 website tìm kiếm theme miễn phí cho WordPress, cùng các ví dụ mẫu về cấu trúc mã nguồn, bảng tra cứu đơn vị đo lường và hệ màu trong CSS.

Kết luận (150 từ)

Giáo trình Thiết kế Web (MĐ 38) cung cấp hệ thống kiến thức toàn diện và có cấu trúc chặt chẽ về quy trình xây dựng trang mạng dành cho bậc đào tạo nghề Cao đẳng. Nội dung tài liệu kết hợp cân đối giữa lý thuyết hạ tầng mạng, ngôn ngữ đánh dấu siêu văn bản, kỹ thuật định dạng giao diện và phương pháp vận hành hệ quản trị nội dung mã nguồn mở.

Lộ trình học tập đề xuất:

  1. Nắm vững khái niệm mạng, dịch vụ Internet và quy trình 6 bước xây dựng website (Bài 1).
  2. Phân tích bố cục giao diện và áp dụng hệ thống thẻ ngữ nghĩa HTML5 (Bài 2).
  3. Làm chủ kỹ thuật viết mã HTML, định dạng phong cách giao diện với CSS và Box Model (Bài 3).
  4. Triển khai, tùy biến theme/plugin và quản trị website trên nền tảng WordPress (Bài 4).
  5. Thực hiện đăng ký domain/hosting, tải mã nguồn lên máy chủ và thiết lập an toàn thông tin (Bài 5).

Để đạt hiệu quả thực hành cao nhất, người học nên khai thác bổ trợ các chuẩn tài liệu W3C, danh mục 21 website theme mã nguồn mở và môi trường Web Server thực tế trong suốt quá trình học tập.