GIỚI THIỆU VÀ ĐÁNH GIÁ HỌC THUẬT GIÁO TRÌNH: THIẾT KẾ VÀ QUẢN TRỊ WEBSITE (MÃ MÔ ĐUN: MĐ20)

Tổng quan về giáo trình

Giáo trình môn đun "Thiết kế và quản trị Website" (Mã số: MĐ20) là tài liệu học tập chuyên môn thuộc bộ giáo trình đào tạo nghề Công nghệ thông tin (chuyên ngành Ứng dụng phần mềm) ở trình độ Trung cấp và Cao đẳng nghề. Tài liệu được biên soạn bởi Khoa Công nghệ Thông tin trực thuộc Trường Trung cấp Công nghệ và Du lịch Hà Nội, được ban hành chính thức theo Quyết định số 78/QĐ-CNDL ngày 03 tháng 06 năm 2019 của Hiệu trưởng nhà trường, dựa trên khung chương trình đào tạo của Bộ Lao động - Thương binh và Xã hội.

Về vị trí trong chương trình đào tạo, mô đun MĐ20 được bố trí giảng dạy sau khi người học đã hoàn thành các môn học kỹ thuật cơ sở, mô đun Hệ quản trị cơ sở dữ liệu Access và mô đun xử lý hình ảnh Photoshop. Mục tiêu học tập tổng thể của giáo trình nhằm trang bị cho người học:

  • Về mặt kiến thức: Nắm vững cấu trúc hệ thống website, phân biệt cơ chế vận hành của website tĩnh và website động; hiểu rõ cú pháp ngôn ngữ HTML, phần mềm thiết kế Adobe Dreamweaver, kỹ thuật lập trình kịch bản máy chủ PHP kết nối cơ sở dữ liệu SQL, cùng quy trình đăng ký tên miền, quản lý hosting và bảo mật hệ thống.
  • Về mặt kỹ năng: Xây dựng hoàn chỉnh trang web tĩnh bằng mã nguồn HTML/CSS; phát triển ứng dụng web động tương tác cơ sở dữ liệu bằng PHP; sử dụng thành thạo Dreamweaver và thực hiện xuất bản, quản trị trang web trên môi trường Internet.
  • Về năng lực tự chủ và trách nhiệm: Rèn luyện năng lực tự nghiên cứu tài liệu kỹ thuật, tác phong làm việc cẩn thận, tư duy logic và tính kỷ luật trong lập trình ứng dụng.

Giáo trình có tổng thời lượng đào tạo là 75 giờ, bao gồm 15 giờ lý thuyết, 56 giờ thực hành và 4 giờ kiểm tra. Cấu trúc nội dung tiếp cận từ các giao thức mạng cơ bản, kỹ thuật soạn thảo mã giao diện tĩnh, ứng dụng phần mềm thiết kế trực quan, cho đến lập trình backend và vận hành hệ thống.

Nội dung kiến thức cốt lõi

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

Nội dung giáo trình được cấu trúc thành 5 bài học chính với tiến trình logic từ tổng quan hạ tầng đến xây dựng mã nguồn và triển khai thực tế:

[Bài 1: Tổng quan về dịch vụ WWW] 
[Bài 2: Ngôn ngữ HTML] 
[Bài 3: Thiết kế Website với công cụ Dreamweaver] 
[Bài 4: Lập trình web với PHP] 
[Bài 5: Xuất bản và Quản trị Website] 
         (Tên miền, Hosting, Cập nhật nội dung, Phân quyền & Bảo mật)
  • Bài 1: Tổng quan về dịch vụ WWW (Thời lượng: 2 giờ lý thuyết): Cung cấp kiến thức nền tảng về mạng Internet (nguyên lý chuyển mạch gói - packet switching dựa trên giao thức IP, tiền thân từ mạng Arpanet năm 1969). Giới thiệu các dịch vụ mạng tiêu chuẩn bao gồm FTP (truyền tệp dạng ASCII và nhị phân), E-mail (mô hình SMTP, POP3, IMAP, Webmail, phần mềm Outlook Express), Telnet (cổng TCP 23 và so sánh với SSH, RDP, VNC, SNMP), và dịch vụ WWW thông qua giao thức HTTP và bộ định vị tài nguyên URL. Phân loại 4 nhóm máy chủ Web (truyền thông, thương mại, nhóm làm việc, chuyên dụng) kèm các tiêu chuẩn đánh giá (hiệu năng, bảo mật, tích hợp CSDL, khả năng quản trị từ xa).
  • Bài 2: Ngôn ngữ HTML (Thời lượng: 13 giờ, gồm 3 giờ lý thuyết và 10 giờ thực hành): Trình bày chi tiết cú pháp thẻ HTML lồng nhau, quy cách khai báo bảng mã tiếng Việt Unicode/UTF-8. Phân loại và hướng dẫn sử dụng các nhóm thẻ:
    • Định dạng văn bản: Thẻ <body> (với thuộc tính bgcolor, text, background), cặp chú thích <!-- -->, các ký hiệu đặc biệt (&nbsp;, &lt;, &gt;, &amp;, &quot;, &copy;, &reg;, &trade;, &yen;, &euro;, &sum;, &frac12;), thẻ <div>, <p>, hệ thống tiêu đề <h1> đến <h6>, thẻ định dạng ký tự (<b>, <i>, <u>, <strong>, <em>, <big>, <small>, <font>, <pre>, <sup>, <sub>), và thẻ chạy chữ <marquee>.
    • Danh sách và liên kết: Danh sách không thứ tự <ul>, danh sách có thứ tự <ol>, danh sách định nghĩa <dl>; phân biệt URL tuyệt đối và tương đối; thiết lập 3 loại siêu liên kết (<a>): liên kết trong (sử dụng thuộc tính name và cú pháp #), liên kết ngoài (target="_blank", _self, _parent, _top), và liên kết thực thi.
    • Đa phương tiện và dàn trang: Chèn hình ảnh qua thẻ <img> (hỗ trợ GIF, JPEG, PNG với các thuộc tính src, alt, title, align, border); nhúng âm thanh ngầm qua <bgsound> và trình phát <embed>; tổ chức bảng biểu bằng <table>, <tr>, <td>, <th> (các thuộc tính border, cellpadding, cellspacing, colspan, rowspan) phục vụ việc bố cục giao diện web.
    • Xây dựng biểu mẫu: Thẻ <form> (thuộc tính method="POST/GET", action, name), các điều khiển <input> (type="text", password, radio, checkbox, hidden, file, submit, reset, button), ô nhập nhiều dòng <textarea>, danh sách chọn <select> kết hợp <option> (tạo Combobox và Listbox), và thẻ gom nhóm <fieldset> cùng tiêu đề <legend>.
  • Bài 3: Thiết kế Website với công cụ Dreamweaver: Hướng dẫn tạo lập và quản lý Site cục bộ, thiết lập thuộc tính trang, định dạng văn bản và bảng biểu trực quan, tạo hiệu ứng Rollover Image, chèn Flash Button, xử lý cấu trúc Frame và quản lý siêu liên kết qua giao diện đồ họa.
  • Bài 4: Lập trình web với PHP (Thời lượng: 33 giờ, gồm 5 giờ lý thuyết và 28 giờ thực hành): Chiếm dung lượng lớn nhất trong mô đun. Nội dung bao gồm cài đặt và cấu hình máy chủ web IIS và Apache; cú pháp PHP cơ bản, biến, hằng, kiểu dữ liệu, mảng 1 chiều và 2 chiều, kiểu đối tượng, cấu trúc điều khiển; xử lý dữ liệu form qua hai phương thức GET và POST; quản lý trạng thái phiên làm việc bằng Session; hàm xử lý chuỗi và tệp; tương tác trực tiếp với hệ quản trị cơ sở dữ liệu SQL (tạo kết nối, truy vấn SELECT, thêm INSERT, cập nhật UPDATE bản ghi).
  • Bài 5: Xuất bản và quản trị Website (Thời lượng: 10 giờ, gồm 2 giờ lý thuyết, 6 giờ thực hành và 2 giờ kiểm tra): Cung cấp các thao tác chọn lựa và đăng ký tên miền, cấu hình máy chủ lưu trữ (hosting), sử dụng công cụ quản trị trang web, bảo trì và cập nhật nội dung, quản lý phân quyền người dùng và thực hiện các giải pháp bảo mật 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 lý thuyết nền móng vững chắc cho người học công nghệ thông tin:

  • Nguyên lý kiến trúc Client - Server trên mạng diện rộng: Giải thích cách thức vận hành của các giao thức tầng ứng dụng (HTTP, FTP, SMTP, Telnet) trên nền giao thức truyền tải TCP/IP.
  • Quy chuẩn cấu trúc tài liệu siêu văn bản (HyperText): Quy định các nguyên tắc mở/đóng thẻ, phân biệt thẻ đơn và thẻ kép, cơ chế bao đóng phần tử, và nguyên tắc kế thừa thuộc tính định dạng hiển thị trên trình duyệt.
  • Mô hình tương tác dữ liệu động: Phân tách rõ ràng cơ chế phân phối trang web tĩnh (lấy trực tiếp tệp .html từ máy chủ) và quy trình thực thi trang web động (máy chủ biên dịch mã nguồn PHP, truy vấn dữ liệu từ cơ sở dữ liệu SQL, tạo mã HTML động trả về trình duyệt).

Kỹ năng phát triển

  • Kỹ năng kỹ thuật (Technical skills): Viết mã nguồn HTML theo đúng cú pháp; cấu hình dịch vụ thư điện tử (Microsoft Outlook kết nối Gmail qua cổng POP3/IMAP với giao thức bảo mật TLS); thiết lập môi trường máy chủ cục bộ (Apache Web Server); lập trình kịch bản PHP để đọc dữ liệu từ form và thao tác trên cơ sở dữ liệu SQL.
  • Kỹ năng phân tích (Analytical skills): Phân tích bố cục giao diện để chuyển đổi thành cấu trúc bảng lồng nhau (<table>); phân tích luồng dữ liệu biểu mẫu để lựa chọn phương thức truyền nhận GET hoặc POST phù hợp với yêu cầu bảo mật.
  • Năng lực thực hành ứng dụng (Practical competencies): Xây dựng các trang web tĩnh hoàn chỉnh có bố cục banner, menu, nội dung, footer; tạo lập biểu mẫu thu thập thông tin người dùng; đóng gói và xuất bản website lên máy chủ Internet.

Phương pháp giảng dạy và học tập

  • Cách tiếp cận sư phạm (Pedagogical approach): Giáo trình áp dụng phương pháp đào tạo tích hợp giữa lý thuyết và thực hành, trong đó thời lượng thực hành chiếm 74.6% tổng quỹ thời gian (56/75 giờ). Tiến trình giảng dạy đi từ việc minh họa lý thuyết thông qua các đoạn mã nguồn mẫu cụ thể, sau đó chuyển giao trực tiếp cho người học thực hành trên máy tính.
  • Hệ thống bài tập và nghiên cứu tình huống: Mỗi bài học đều tích hợp các ví dụ mẫu có mã lệnh và hình ảnh trực quan tương ứng (chẳng hạn ví dụ Vidu1-2-1.html đến Vidu1-5-1.html). Hệ thống bài tập định hướng thực hiện các tác vụ kỹ thuật cụ thể:
    • Bài tập cấu hình hệ thống: Thiết lập tài khoản Gmail, cấu hình các thông số máy chủ thư đến pop.gmail.com, máy chủ thư đi smtp.gmail.com, chọn phương thức xác thực và mã hóa kết nối TLS trên phần mềm Microsoft Outlook.
    • Bài tập xây dựng giao diện: Thiết kế trang web cho đơn vị thực tế (ví dụ: Website Trường Cao đẳng Kỹ thuật Đắk Lắk tại địa chỉ http://cdndaklak.vn), tổ chức lưu trữ tệp tin vào thư mục theo cấu trúc đường dẫn quy định D:/hotenSV/.
    • Bài tập biểu mẫu tương tác: Thiết kế trang "Đăng ký thành viên" tích hợp đầy đủ các trường nhập văn bản (txtHTen, txtMSSV), mật khẩu (pswMKhau), danh sách chọn quê quán (slQQuan), danh sách chọn môn học tích lũy (slMon), lựa chọn giới tính bằng Radio Button (rdGTinh), chọn sở thích bằng Checkbox (chbxSThich), và khung hiển thị quy định diễn đàn bằng <textarea readonly>.
  • Phương pháp đánh giá và tự học: Đánh giá kết quả học tập được thực hiện thông qua khả năng hoàn thành bài tập thực hành trên máy tính và bài kiểm tra kỹ năng tổng hợp cuối mô đun (chiếm 4 giờ). Người học được hướng dẫn tự nghiên cứu mã nguồn mẫu, sử dụng các trình soạn thảo mã (Notepad, Dreamweaver) và chạy kiểm thử trực tiếp trên các trình duyệt web khác nhau (như Firefox, Internet Explorer) để quan sát sự khác biệt về hiển thị giữa các engine trình duyệt.

Điểm nổi bật và cập nhật

  • Cấu trúc bao quát trọn vẹn vòng đời website: Khác với các tài liệu chỉ tập trung vào một khía cạnh riêng biệt, giáo trình MĐ20 xâu chuỗi liên tục từ khâu tìm hiểu dịch vụ mạng, viết mã giao diện (HTML), sử dụng phần mềm đồ họa thiết kế giao diện (Dreamweaver), lập trình backend tương tác CSDL (PHP & SQL), đến khâu xuất bản và cấu hình an ninh máy chủ.
  • Tính chi tiết và minh bạch về mặt kỹ thuật: Toàn bộ các thuộc tính của thẻ HTML (như cellpadding, cellspacing, colspan, rowspan trong bảng; maxlength, size, readonly, enctype="multipart/form-data" trong form) đều được liệt kê dưới dạng bảng biểu phân loại rõ ràng, đi kèm giải thích ý nghĩa vận hành và mã nguồn mẫu.
  • Gắn kết thực tế sản xuất và vận hành: Hướng dẫn cụ thể quy trình làm việc với các hệ thống máy chủ thực tế (IIS, Apache), thao tác cấu hình cổng mạng, phân quyền thư mục trên máy chủ FTP, xử lý sự cố hiển thị bảng mã tiếng Việt bằng thẻ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />.

Đối tượng sử dụng giáo trình

  • Học sinh, sinh viên: Phục vụ trực tiếp cho người học đang theo học chương trình Trung cấp nghề và Cao đẳng nghề ngành Công nghệ thông tin (chuyên ngành Ứng dụng phần mềm).
  • Yêu cầu kiến thức tiên quyết (Prerequisites): Người học cần hoàn thành các học phần:
    1. Các môn học/mô đun kỹ thuật cơ sở ngành công nghệ thông tin.
    2. Mô đun Hệ quản trị cơ sở dữ liệu (Microsoft Access).
    3. Mô đun Xử lý ảnh (Adobe Photoshop) để chuẩn bị tư liệu đồ họa trước khi đưa vào trang web.
  • Giảng viên và cán bộ đào tạo: Sử dụng giáo trình làm đề cương chi tiết để biên soạn bài giảng lý thuyết, thiết kế phiếu hướng dẫn thực hành và xây dựng ngân hàng đề kiểm tra đánh giá kỹ năng nghề.
  • Người tự học và cán bộ quản lý kỹ thuật: Tài liệu cung cấp kiến thức nền tảng và quy trình quản trị cơ bản dành cho các kỹ thuật viên vận hành website tại các cơ quan, đơn vị, cơ sở sản xuất có nhu cầu tiếp cận kiến thức quản trị web có hệ thống.

Câu hỏi thường gặp

1. Giáo trình này phù hợp với đối tượng nào?

Giáo trình được thiết kế chuẩn hóa cho học sinh, sinh viên thuộc hệ đào tạo nghề Trung cấp và Cao đẳng ngành Công nghệ thông tin (Ứng dụng phần mềm), đồng thời làm tài liệu tham khảo cho kỹ thuật viên và cán bộ quản lý hệ thống thông tin tại các cơ quan, doanh nghiệp.

2. Cần chuẩn bị những kiến thức nền tảng nào trước khi học mô đun này?

Người học bắt buộc phải hoàn thành các môn học kỹ thuật cơ sở, có kỹ năng làm việc với hệ quản trị cơ sở dữ liệu (như Microsoft Access) và kỹ năng xử lý đồ họa, tối ưu hóa kích thước hình ảnh từ mô đun Adobe Photoshop.

3. Cấu trúc môn học phân bổ giữa lý thuyết và thực hành như thế nào?

Môn đun MĐ20 có tổng thời lượng 75 giờ, tập trung trọng tâm vào rèn luyện kỹ năng với 56 giờ thực hành trên máy tính, 15 giờ trang bị lý thuyết nền tảng và 4 giờ thực hiện các bài kiểm tra đánh giá định kỳ.

4. Người học có thể tự học giáo trình này tại nhà không?

Có thể tự học hiệu quả do giáo trình cung cấp đầy đủ mã nguồn cho từng ví dụ, giải thích rõ các tham số kỹ thuật và có hướng dẫn từng bước (step-by-step) đối với các bài thực hành cài đặt môi trường máy chủ (Apache, IIS) và phần mềm thiết kế (Dreamweaver).

5. Những công cụ và phần mềm nào được sử dụng xuyên suốt giáo trình?

Các công cụ được đề cập và sử dụng trong giáo trình bao gồm: phần mềm soạn thảo mã nguồn (Notepad, Dreamweaver), hệ thống máy chủ web (Apache Web Server, IIS), phần mềm quản lý thư điện tử (Outlook Express, Microsoft Outlook), và các trình duyệt web phổ biến (Mozilla Firefox, Internet Explorer).

Kết luận

Giáo trình "Thiết kế và quản trị Website" (MĐ20) của Trường Trung cấp Công nghệ và Du lịch Hà Nội cung cấp một chương trình đào tạo chuẩn mực, định hướng trực tiếp vào kỹ năng thực hành nghề nghiệp trong lĩnh vực công nghệ thông tin. Lộ trình học tập được thiết kế khoa học: khởi đầu từ kiến thức mạng WWW, tiến đến kỹ năng cắt giao diện HTML và Dreamweaver, làm chủ kịch bản xử lý dữ liệu backend PHP/SQL, và kết thúc bằng năng lực quản trị, xuất bản website hoàn chỉnh. Đây là tài liệu giảng dạy và học tập mang tính hệ thống, phục vụ thiết thực cho việc hình thành năng lực nghề nghiệp đáp ứng nhu cầu của thị trường lao động.