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

Giáo trình môn học: Thiết kế và quản trị Website (tên trong chương trình đào tạo: Thực hành thiết kế và quản trị Website, mã số môn học: MH24) là học liệu chuyên môn thuộc khối ngành Công nghệ thông tin (chuyên ngành Ứng dụng phần mềm). Tài liệu được Trường Cao đẳng Thương mại và Du lịch Thái Nguyên biên soạn và ban hành theo Quyết định số 405/QĐ-CTMDL ngày 05 tháng 07 năm 2022, trên cơ sở chương trình khung đào tạo nghề do Bộ Lao động – Thương binh và Xã hội ban hành. Môn học có khối lượng 4 tín chỉ với tổng thời lượng 120 giờ, phân bổ thành 114 giờ thực hành/thảo luận và 6 giờ kiểm tra/thi.

Mục tiêu học tập của giáo trình hướng tới việc trang bị cho người học:

  • Kiến thức: Hiểu rõ nguyên lý hoạt động của website theo mô hình máy chủ – máy khách (Client-Server); nắm vững cú pháp và cấu trúc của ngôn ngữ đánh dấu siêu văn bản HTML; hiểu nguyên lý định kiểu CSS; làm chủ cú pháp ngôn ngữ lập trình PHP, cách tổ chức hàm, truyền tham số, cấu trúc điều khiển và tương tác với cơ sở dữ liệu (MySQL, SQL Server).
  • Kỹ năng: Phân tích, thiết kế và lập trình giao diện web; thao tác định dạng văn bản, xử lý biểu mẫu (form), bảng biểu, nhúng đa phương tiện; triển khai mã nguồn PHP xử lý dữ liệu người dùng; sử dụng công cụ Adobe Dreamweaver để quản lý và dựng giao diện website; thực hiện quy trình xuất bản website lên máy chủ.
  • Năng lực tự chủ và trách nhiệm: Rèn luyện ý thức tuân thủ quy trình kỹ thuật, chuẩn mã nguồn, đảm bảo tính an toàn dữ liệu và ý thức kỷ luật lao động.

Cấu trúc giáo trình gồm 6 chương được xây dựng theo phương tiếp cận tích hợp thực hành, lấy kỹ năng viết mã và thao tác phần mềm làm trọng tâm nhằm đáp ứng chuẩn đầu ra của thị trường lao động kỹ thuật.

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

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

Giáo trình phân chia tiến trình giảng dạy thành 6 chương chuyên đề:

  1. Chương 1: Khái quát Website (5 giờ): Cung cấp các khái niệm nền tảng về Web và Website; phân loại Website tĩnh (Static Web) và Website động (Dynamic Web); phân tích chức năng Web Server (truy cập CSDL, bảo mật, quản lý đa luồng); đặc điểm các trình duyệt (Web Browser); cấu trúc địa chỉ URL; phân biệt địa chỉ tuyệt đối và địa chỉ tương đối; giới thiệu các công cụ thiết kế gồm Notepad, Notepad++, Microsoft FrontPage, Adobe Dreamweaver và Visual Studio.
  2. Chương 2: Tạo các trang Web với HTML (15 giờ): Hệ thống hóa cấu trúc một tài liệu HTML (<html>, <head>, <title>, <body>); các thẻ định dạng khối (<p>, <h1>–<h6>, <br>, <hr>, <pre>, <span>, <div>); định dạng danh sách (<ul>, <ol>, <li>); định dạng ký tự (<b>, <strong>, <i>, <em>, <small>, <sub>, <sup>, <del>, <u>, <font>) và ký tự đặc biệt (&nbsp;, &lt;, &gt;, &amp;); thiết lập siêu liên kết (<a> với thuộc tính href, target, liên kết nội trang qua name); chèn đa phương tiện (<embed>, <bgsound>, <object>, <img>); cấu trúc bảng biểu (<table>, <tr>, <td>, colspan, rowspan); xây dựng biểu mẫu (<form>, <input>, <textarea>, <select>, <optgroup>); tạo hiệu ứng chuyển động (<marquee>); tổ chức layout bằng khung (<frameset>, <frame>, <iframe>).
  3. Chương 3: Giới thiệu lập trình PHP (25 giờ): Giới thiệu lịch sử ngôn ngữ PHP do Rasmus Lerdorf phát triển năm 1994; môi trường thực thi Web Server (XAMPP, IIS, Apache); cú pháp cơ bản của PHP; các lệnh xuất dữ liệu (echo, printf); khái niệm biến ($), hằng (define), chuỗi và các kiểu dữ liệu; kiểm tra kiểu dữ liệu với hàm gettype() và chuyển đổi bằng settype(); nhúng mã PHP vào trang HTML; truyền và nhận dữ liệu qua biểu mẫu với phương thức GET và POST; các nhóm toán tử (gán, số học, so sánh, logic, kết hợp); khai báo hàm, phạm vi biến (cục bộ, toàn cục, siêu toàn cục); các hàm toán học tích hợp (abs(), sqrt(), round(), ceil(), floor(), rad2deg(), pi()); các cấu trúc điều khiển rẽ nhánh (if, else if, else, switch...case).
  4. Chương 4: Thiết kế và quản trị Website với Dreamweaver (35 giờ): Hướng dẫn làm việc trên môi trường trực quan của Adobe Dreamweaver với các chế độ hiển thị (Design, Code, Split); thao tác xử lý văn bản, tạo liên kết, chèn hình ảnh, quản lý bảng biểu, xây dựng Frame, tích hợp Multimedia, ứng dụng Dreamweaver Templates, quản lý Layer và gắn các sự kiện tương tác (Behaviors).
  5. Chương 5: CSS (35 giờ): Quy chuẩn viết mã định kiểu tầng (Cascading Style Sheets); cách định nghĩa các bộ chọn (Selector: Type, Class, ID); hệ thống thuộc tính CSS về màu sắc, phông chữ, khoảng cách, đường viền; phụ lục tra cứu bảng thuộc tính và giá trị CSS.
  6. Chương 6: Xuất bản và quản trị Website (5 giờ): Hướng dẫn quy trình đưa trang web lên môi trường máy chủ lưu trữ (Hosting), cấu hình tên miền và các nghiệp vụ quản trị, bảo trì website.
flowchart TD
    C1["Chương 1: Khái quát Website (5h)"] --> C2["Chương 2: Tạo trang Web với HTML (15h)"]
    C2 --> C3["Chương 3: Giới thiệu lập trình PHP (25h)"]
    C2 --> C4["Chương 4: Thiết kế với Dreamweaver (35h)"]
    C2 --> C5["Chương 5: CSS (35h)"]
    C3 --> C6["Chương 6: Xuất bản & Quản trị Website (5h)"]
    C4 --> C6
    C5 --> C6

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

Giáo trình hình thành nền tảng lý thuyết và nguyên lý kỹ thuật gồm:

  • Nguyên lý Client-Server: Cơ chế truyền nhận giao thức HTTP/FTP giữa trình duyệt của người dùng và máy chủ Web Server; phương thức xử lý kịch bản phía máy chủ (Server-side Scripting) và phía máy khách (Client-side Scripting).
  • Mô hình tài liệu có cấu trúc: Cấu trúc phân cấp phần tử HTML, tính chất đóng mở thẻ, tổ chức phần tử khối (Block-level elements) và phần tử nội dòng (Inline elements).
  • Nguyên lý xử lý luồng dữ liệu động: Chu trình xử lý biến Form qua phương thức HTTP POST/GET, cơ chế điều hướng luồng dữ liệu, cấu trúc thuật toán điều khiển và quản lý phạm vi biến trong PHP.

Kỹ năng phát triển

  • Kỹ năng kỹ thuật (Technical skills): Viết mã nguồn HTML/CSS chuẩn cú pháp; lập trình xử lý form và tính toán logic với PHP; cấu trúc hóa bảng biểu và form dữ liệu phức tạp.
  • Kỹ năng phân tích (Analytical skills): Phân tích giao diện từ bản vẽ sang cấu trúc mã nguồn; kiểm tra lỗi logic và cú pháp trong mã PHP; phân tích sự khác biệt giữa hiển thị trên các trình duyệt khác nhau.
  • Kỹ năng thực hành ứng dụng (Practical competencies): Sử dụng thành thạo các môi trường soạn thảo (Notepad, Notepad++, Adobe Dreamweaver); tạo lập dự án web đa trang, thiết lập cây thư mục chuẩn hóa và xuất bản website.

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

Giáo trình quy định cụ thể các phương pháp sư phạm và hoạt động học tập:

  • Phương pháp giảng dạy của giảng viên: Áp dụng phương pháp dạy học tích cực, bao gồm thuyết trình ngắn, giảng dạy giải quyết vấn đề (problem-based learning), vấn đáp và hướng dẫn sinh viên đọc tài liệu; giao nhiệm vụ bài tập tình huống và phân nhóm thực hành.
  • Phương pháp học tập của sinh viên: Tự nghiên cứu tài liệu trước giờ học; làm việc độc lập kết hợp thảo luận nhóm (mỗi nhóm từ 8–10 người học, được phân công chủ đề thảo luận trước khi học lý thuyết và thực hành); thực hiện đầy đủ các bài tập thực hành trên máy vi tính.
  • Quy định điều kiện tham gia: Người học phải tham dự tối thiểu 70% thời lượng của môn học; nếu nghỉ quá 30% số tiết, người học buộc phải học lại để đủ điều kiện thi.
flowchart LR
    A["Đánh giá quá trình (40%)"] --> C["Tổng điểm môn học (Thang điểm 10 -> Chuyển sang thang điểm 4)"]
    B["Đánh giá kết thúc môn (60%)"] --> C
    
    subgraph "Thành phần đánh giá"
    A1["Kiểm tra thường xuyên: Vấn đáp / Bài tập"] --> A
    A2["Kiểm tra định kỳ: Thực hành HTML / PHP"] --> A
    B1["Thi kết thúc: Tự luận / Thực hành máy"] --> B
    end

Phương thức kiểm tra và đánh giá kết quả: Quy trình đánh giá được thực hiện theo Quy chế đào tạo ban hành kèm theo Thông tư số 09/2017/TT-BLĐTBXH của Bộ Lao động – Thương binh và Xã hội:

  • Điểm kiểm tra thường xuyên (Hệ số 1) & Định kỳ (Hệ số 2): Chiếm trọng số 40% tổng điểm môn học. Hình thức: Tự luận, trắc nghiệm, vấn đáp hoặc thực hành sau từng chương (ví dụ: thực hành lập trang web với HTML ở Chương 2; thực hành lấy dữ liệu với PHP ở Chương 3).
  • Điểm thi kết thúc môn học: Chiếm trọng số 60% tổng điểm môn học. Hình thức: Tự luận kết hợp thực hành nhằm đánh giá toàn diện kiến thức, tư duy logic và kỹ năng lập trình.
  • Thang điểm: Điểm thành phần và điểm tổng kết chấm theo thang điểm 10 (làm tròn đến một chữ số thập phân), sau đó quy đổi sang điểm chữ và thang điểm 4 theo quy định tín chỉ.

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

Tài liệu được biên soạn nhằm phục vụ trực tiếp cho chương trình đào tạo nghề với các đặc điểm kỹ thuật cụ thể:

  • Định hướng thực hành kỹ thuật rõ ràng: Cơ cấu thời lượng dành tới 114 giờ trên tổng số 120 giờ cho các hoạt động thực hành, bài tập và thảo luận nhóm, giảm thiểu phần lý thuyết đơn thuần nhằm rèn luyện kỹ năng thao tác máy.
  • Tích hợp phần mềm phát triển giao diện: Tài liệu kết hợp song song giữa việc viết mã thuần (Notepad, Notepad++) với việc sử dụng phần mềm hỗ trợ trực quan Adobe Dreamweaver (thao tác qua các chế độ Design, Code, Split, ứng dụng Templates và Behaviors), giúp người học nhanh chóng hoàn thiện sản phẩm giao diện.
  • Nội dung ví dụ bám sát tác vụ thực tế: Giáo trình xây dựng các mẫu bài tập chi tiết như thiết kế form đăng ký thành viên có kiểm soát dữ liệu, lập trình trang login.php và dologin.php để xử lý dữ liệu đăng nhập bằng phương thức POST, sử dụng các thẻ nhúng iframe, marquee và tổ chức frame điều hướng.
  • Hệ thống hóa bảng tra cứu thuộc tính: Phần phụ lục chương CSS và các bảng tổng hợp thẻ HTML (thẻ định dạng, thuộc tính bảng, thuộc tính form, ký tự đặc biệt) cung cấp danh mục đối chiếu đầy đủ các thuộc tính và giá trị chuẩn.

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

  • Sinh viên và học viên: Dành cho người học trình độ Trung cấp và Cao đẳng nghề ngành Công nghệ thông tin (chuyên ngành Ứng dụng phần mềm) tại Trường Cao đẳng Thương mại và Du lịch cũng như các cơ sở giáo dục nghề nghiệp có khung chương trình tương đương.
  • Điều kiện tiên quyết (Prerequisites): Người học cần hoàn thành các học phần cơ sở trong chương trình đào tạo gồm: Tin học văn phòng (MH07), Lập trình cơ bản (MH11), Cơ sở dữ liệu (MH13), Mạng máy tính (MH10) để có nền tảng về logic lập trình và cấu trúc dữ liệu trước khi tiếp cận PHP.
  • Giảng viên chuyên ngành: Sử dụng làm căn cứ thiết kế giáo án, xây dựng bài giảng lý thuyết, biên soạn hệ thống bài tập thực hành phòng máy và làm chuẩn đề thi kết thúc học phần.
  • Cán bộ kỹ thuật và tự học: Dùng làm tài liệu tham khảo cho người làm công tác quản trị nội dung website, kỹ thuật viên tại các cơ quan, xí nghiệp cần tra cứu nhanh cú pháp HTML, thuộc tính CSS và lập trình giao diện cơ bản.

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

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

Giáo trình được thiết kế chuẩn hóa cho người học trình độ Trung cấp và Cao đẳng chuyên ngành Công nghệ thông tin (Ứng dụng phần mềm), đồng thời phù hợp cho kỹ thuật viên muốn học về thiết kế và quản trị website cơ bản.

2. Cần kiến thức nền nào để học?

Người học cần trang bị kiến thức cơ bản về tin học văn phòng, tư duy lập trình căn bản (ngôn ngữ C/C++), hiểu biết về cấu trúc máy tính, mạng máy tính và hệ quản trị cơ sở dữ liệu.

3. Điểm khác biệt với giáo trình khác?

Giáo trình tập trung cao độ vào thực hành nghề nghiệp (114/120 giờ thực hành), kết hợp đồng bộ giữa việc học mã nguồn nền tảng (HTML, CSS, PHP) với việc sử dụng công cụ thiết kế trực quan chuyên nghiệp Adobe Dreamweaver.

4. Làm sao để tự học hiệu quả?

Người học cần cài đặt môi trường thực hành máy tính (trình duyệt, trình soạn thảo mã, web server XAMPP/Apache), hoàn thành tuần tự các bài tập mã mẫu từ Chương 2 đến Chương 5, tự viết lại code thay vì chỉ đọc tài liệu lý thuyết.

5. Có tài liệu bổ trợ nào kèm theo?

Giáo trình tích hợp hệ thống danh mục 8 tài liệu tham khảo gồm:

  1. VN Guide (2009), Internet toàn tập, NXB Khoa học kỹ thuật.
  2. Khuất Thùy Phương (2009), Lập Trình Ứng Dụng Web Với PHP, NXB Thống kê.
  3. VN-Guide (2010), Thiết kế trang web với HTML, NXB Thống kê Hà Nội.
  4. SCC Technology (2004), Thiết kế website với Macromedia Dreamweaver.
  5. Nguyễn Trường Sinh (2016), Thiết kế website với FrontPage, NXB Thống kê.
  6. Hệ thống tài liệu, bài tập HTML trực tuyến.
  7. Mediaspace Club (2004), Macromedia Dreamweaver MX.
  8. Maricopa Center for Learning and Instruction (2000), Writing HTML Tutorial.

Kết luận

Giáo trình môn học: Thiết kế và quản trị Website (MH24) cung cấp đầy đủ cấu trúc tri thức kỹ thuật từ nền tảng ngôn ngữ đánh dấu, lập trình kịch bản đến công cụ thiết kế giao diện đồ họa và quản trị hệ thống. Lộ trình đào tạo được xây dựng liền mạch từ việc hiểu khái niệm web/máy chủ (Chương 1), triển khai mã nguồn HTML (Chương 2), lập trình kịch bản xử lý PHP (Chương 3), thiết kế giao diện bằng Dreamweaver (Chương 4), định kiểu nâng cao với CSS (Chương 5), đến xuất bản và vận hành website (Chương 6). Kết hợp cùng hệ thống 8 tài liệu tham khảo chuyên khảo, giáo trình đáp ứng các tiêu chuẩn đào tạo kỹ thuật nghề nghiệp trong chương trình Công nghệ thông tin ứng dụng.