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

Giáo trình Mô đun: Thiết kế Web (Mã số mô đun: MĐ 38) là tài liệu đào tạo chuyên môn được biên soạn cho nghề Quản trị mạng máy tính ở trình độ Cao đẳng nghề, ban hành theo Quyết định số 120/QĐ-TCDN ngày 25 tháng 02 năm 2013 của Tổng cục trưởng Tổng cục Dạy nghề và do Trường Cao đẳng Kỹ thuật Việt – Đức (Hà Tĩnh) phát hành năm 2017. Trong khung chương trình đào tạo, mô đun này được xếp sau các học phần nền tảng bao gồm Hệ quản trị cơ sở dữ liệu, Cơ sở dữ liệu và Lập trình trực quan. Tổng thời lượng phân bổ cho mô đun là 90 giờ, gồm 28 giờ lý thuyết, 58 giờ thực hành và 4 giờ kiểm tra định kỳ.

Mục tiêu học tập của giáo trình xác định người học có khả năng: định hướng phương pháp thiết kế website; xây dựng giao diện hoàn chỉnh; sử dụng thành thạo các thẻ HTML và tệp định kiểu CSS; tổ chức thông tin trên trang chủ; cài đặt và cấu hình dịch vụ máy chủ Internet Information Services (IIS); ứng dụng môi trường Visual Studio và các điều khiển ASP.NET để xây dựng ứng dụng web động kết nối cơ sở dữ liệu; đồng thời đảm bảo quy trình an toàn lao động trong môi trường phòng máy tính.

Cấu trúc giáo trình triển khai tuần tự theo 3 bài học:

  1. Tổng quan về WWW – Ngôn ngữ HTML (5 giờ: 2 lý thuyết, 3 thực hành)
  2. Thiết kế web tĩnh (25 giờ: 9 lý thuyết, 15 thực hành, 1 kiểm tra)
  3. Lập trình web động / Xây dựng web động (60 giờ: 17 lý thuyết, 40 thực hành, 3 kiểm tra)

Điểm đặc trưng của giáo trình là tiếp cận kỹ thuật thiết kế web theo mô hình phân tầng rõ rệt: bắt đầu từ hạ tầng giao thức mạng, chuyển tiếp qua kỹ thuật dàn trang tĩnh bằng HTML/CSS/Frame, và hoàn thiện ở mô hình tách biệt mã nguồn giao diện (Markup Code .aspx) với mã nguồn xử lý logic (Code Behind Page kế thừa từ lớp System.Web.UI.Page).

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

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

Cấu trúc nội dung của giáo trình vận hành theo tiến trình logic từ giao thức mạng, cú pháp đánh dấu cơ bản đến lập trình tương tác máy chủ:

  • Bài 1: Tổng quan về WWW – Ngôn ngữ HTML (Mã bài: MĐ38-01): Khái quát lịch sử hình thành World Wide Web từ khái niệm siêu văn bản (Hypertext) do Ted Nelson đề xuất năm 1965 đến công trình của Tim Berners-Lee năm 1989. Trình bày cấu trúc 3 phần của URL (giao thức, máy tính lưu trữ, đường dẫn tài nguyên), cơ chế định danh đoạn fragment identifiers (#) và URL tương đối/tuyệt đối. Phân tích chu trình kết nối HTTP qua cổng 80 gồm 4 giai đoạn (Tạo kết nối $\rightarrow$ Thực hiện yêu cầu GET/POST $\rightarrow$ Phản hồi $\rightarrow$ Kết thúc kết nối). Giới thiệu cú pháp thẻ HTML đóng/mở; phân loại 4 dạng trang web cơ bản (Master page, Content page, Home page/Start page, Special page). Hướng dẫn ngôn ngữ đặc tả VBScript (khai báo biến Dim, hằng Const, mảng động Redim, toán tử số học/logic, cấu trúc If...Then...Else, Select Case, vòng lặp Do...Loop Until, For...Next, While...Wend, các hàm xử lý chuỗi TRIM, LEFT, RIGHT, MID, SPLIT, JOIN và hàm số học SQR, INT, MOD, Round). Giới thiệu cú pháp CSS (Selector {Property: Value}), thuộc tính Class, ID và 3 phương thức chèn CSS (tệp .css ngoài qua thẻ <link>, thẻ <style> trong <head>, và thuộc tính nội dòng style).

  • Bài 2: Thiết kế web tĩnh (Mã bài: 20.2): Hướng dẫn nhóm thẻ định dạng khối văn bản gồm tiêu đề <H1> đến <H6>, <ADDRESS>, <P> (thuộc tính ALIGN),
    (thuộc tính CLEAR), <CENTER>, <HR> (thuộc tính WIDTH, SIZE, ALIGN, NOSHADE), <PRE>, <BLOCKQUOTE>. Xây dựng cấu trúc bảng biểu qua <asp:Table>, <asp:TableRow>, <asp:TableCell> và các thuộc tính CellPadding, CellSpacing, GridLines, HorizontalAlign. Trình bày kỹ thuật phân chia khung nhìn bằng thẻ <FRAMESET> (thuộc tính rows, cols), <FRAME> (thuộc tính name, src, noresize, scrolling, frameborder, marginwidth, marginheight), thẻ hiển thị thay thế <NOFRAMES> và khung nội tuyến <IFRAME>. Triển khai thành phần đa phương tiện: màu nền BGCOLOR, màu chữ TEXT, màu trạng thái liên kết (LINK, VLINK, ALINK), ảnh nền cuộn cố định bgproperties="fixed", chèn ảnh <IMG> (thuộc tính ALT, WIDTH, HEIGHT, ALIGN, VSPACE, HSPACE), nhúng âm thanh/video qua thẻ <EMBED> (SRC, AUTOSTART, LOOP), và nhúng Flash qua <object> kết hợp <param>. Cung cấp cú pháp xây dựng biểu mẫu <FORM METHOD=POST|GET ACTION="URL"> với các Server Controls: <asp:TextBox> (TextMode=password|multiline), <asp:RadioButton> (GroupName, AutoPostBack), <asp:CheckBox> (OnCheckedChanged), <asp:ListBox>, <select runat="server">, <asp:Button> (OnClick) và <asp:Label>. Xây dựng liên kết siêu văn bản qua thẻ <A> (HREF), kỹ thuật neo nội tại bookmark #Top, và điều khiển máy chủ <asp:HyperLink>.

  • Bài 3: Xây dựng web động / Lập trình web động (Mã bài: MĐ38-03): Tổng quan về nền tảng .NET Framework, cấu hình Web Server IIS và bộ công cụ Visual Studio. Phân tích hai mô hình trang web: Single File Page (chứa chung Markup và Programming code) và Code Behind Page (tách tệp giao diện .aspx và tệp lớp logic .cs/.vb). Khai báo Partial Class kế thừa từ lớp Page thuộc không gian tên System.Web.UI với các thuộc tính (ID, Title, Server, Session, Controls, ErrorPage) và phương thức (HasControls, LoadControl, GetValidators, MapPath). Cú pháp hệ thống chỉ dẫn Directives <%@ ... %> gồm @Page (thuộc tính Language, CodeFile, Inherits, ErrorPage), @Import, @Assembly, @Master, @Reference, @Register. Mô hình dữ liệu ADO/ADO.NET, các lớp truy xuất thuộc SqlClient và nhóm điều khiển dữ liệu ASP.NET Web Server Controls.

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

  1. Lý thuyết truyền thông Web và giao thức không trạng thái: Bản chất của mô hình Client-Server trong môi trường Internet thông qua giao thức HTTP; cơ chế ngắt kết nối sau khi Server phản hồi giúp giải phóng tài nguyên và giảm lưu thông đường truyền.
  2. Nguyên lý siêu văn bản và định vị tài nguyên: Quy tắc phân giải địa chỉ URL (tuyệt đối, tương đối, định danh đoạn #) và vai trò điều hướng liên kết trong không gian tài nguyên World Wide Web.
  3. Mô hình cấu trúc trang và đối tượng trình duyệt: Phân định hoạt động mã lệnh Client-side dựa trên BOM (Browser Object Model) và Server-side; quy tắc bao đóng các thành phần giao diện trong thẻ <FORM> và <FRAMESET>.
  4. Kiến trúc hướng đối tượng của ASP.NET: Cơ chế biên dịch trang web thông qua Partial Class, nguyên lý kế thừa các thuộc tính và phương thức quản lý phiên, nạp điều khiển của lớp System.Web.UI.Page.

Kỹ năng phát triển

  • Kỹ năng kỹ thuật (Technical skills): Soạn thảo mã nguồn HTML và CSS đúng chuẩn cú pháp; khai báo biến, mảng, viết hàm/thủ tục trong VBScript; chèn và tinh chỉnh thông số media (hình ảnh, âm thanh, video, Flash); thiết lập các điều khiển Web Server Control trong ASP.NET; cấu hình máy chủ web IIS.
  • Kỹ năng phân tích (Analytical skills): Phân tích bố cục giao diện để lựa chọn giải pháp dựng khung (dùng Table, Frame hay CSS); lựa chọn phương thức truyền dữ liệu GET hoặc POST phù hợp với độ an toàn và kích thước dữ liệu biểu mẫu; phân biệt phạm vi ứng dụng giữa Single File Page và Code Behind Page.
  • Kỹ năng thực hành nghề nghiệp (Practical competencies): Xây dựng biểu mẫu thu thập thông tin người dùng hoàn chỉnh; thiết lập hệ thống liên kết điều hướng nội bộ và ngoại tuyến; quản lý sự kiện điều khiển máy chủ (AutoPostBack, OnClick, OnCheckedChanged); kết nối và hiển thị dữ liệu từ hệ quản trị cơ sở dữ liệu lên trang web động.

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

Giáo trình được thiết kế theo phương pháp đào tạo nghề tích hợp, chú trọng thực hành kỹ năng. Thời lượng thực hành chiếm 58/90 giờ (tương đương 64,4% tổng thời lượng mô đun), đảm bảo học viên trực tiếp thao tác trên máy tính sau mỗi phần lý thuyết.

Phân bổ thời lượng mô đun Thiết kế Web (Tổng 90 giờ):

Hệ thống câu hỏi ôn tập và bài tập thực hành được bố trí tại cuối mỗi bài:

  • Bài 1: Hệ thống câu hỏi củng cố định nghĩa URL, nguyên lý hoạt động của giao thức HTTP, đặc điểm siêu văn bản HTML và 3 phương thức tích hợp CSS vào trang web kèm ví dụ minh họa.
  • Bài 2: Bài tập thiết kế giao diện tĩnh hoàn chỉnh, yêu cầu vận dụng phối hợp màu sắc (BGCOLOR, TEXT, LINK), hình nền, cấu trúc bảng biểu, chia khung bằng Frame/Table kết hợp CSS, chèn hình ảnh, và tích hợp các nút liên kết (Link Button).
  • Bài 3: Các bài tập thực hành trên môi trường Visual Studio, hướng dẫn học viên lập trình chức năng với các Server Controls, thiết lập mã xử lý sự kiện trong tệp Code Behind và kết nối cơ sở dữ liệu qua ADO/SqlClient.

Phương pháp đánh giá kết quả học tập gồm 4 giờ kiểm tra định kỳ phân bổ cụ thể: 1 giờ tại Bài 2 (đánh giá kỹ năng thiết kế web tĩnh) và 3 giờ tại Bài 3 (đánh giá kỹ năng xây dựng ứng dụng web động và kết nối dữ liệu).

Hướng dẫn tự học: Học viên đọc tuần tự các chỉ dẫn kỹ thuật trong giáo trình, đối chiếu mã nguồn mẫu của từng thẻ/điều khiển, trực tiếp viết mã và kiểm thử kết quả hiển thị trên trình duyệt trước khi triển khai các bài tập tình huống nâng cao.

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

  • Tuân thủ chương trình khung dạy nghề: Nội dung giáo trình bám sát danh mục kỹ năng của nghề Quản trị mạng máy tính theo Quyết định 120/QĐ-TCDN của Tổng cục Dạy nghề.
  • Tích hợp công nghệ chuyển tiếp: Giáo trình phản ánh giai đoạn chuyển giao công nghệ phát triển web, kết hợp giữa việc xử lý kịch bản dạng thông dịch (VBScript/Classic ASP) với nền tảng lập trình hướng đối tượng biên dịch hiện đại ASP.NET trên .NET Framework.
  • Áp dụng mô hình tách mã nguồn Code Behind: Thay vì trộn lẫn mã kịch bản với mã hiển thị, giáo trình hướng dẫn việc phân tách tệp giao diện (.aspx) và tệp lớp chứa logic nghiệp vụ (.cs hoặc .vb) dựa trên cơ chế Partial Class kế thừa từ lớp Page, giúp chuẩn hóa quy trình phát triển phần mềm web.
  • Hệ thống Server Controls phong phú: Chuyển đổi các phần tử form HTML thuần túy sang các đối tượng điều khiển máy chủ chuyên dụng của ASP.NET (<asp:TextBox>, <asp:RadioButton>, <asp:Table>, <asp:HyperLink>), cho phép bắt sự kiện và xử lý dữ liệu trực tiếp trên máy chủ thông qua thuộc tính runat="server".
  • Bao quát đa phương tiện truyền thống: Cung cấp chi tiết các thuộc tính nhúng đối tượng đa phương tiện bao gồm âm thanh nền, tệp video, và các đối tượng Flash SWF thông qua cặp thẻ <object> và <param>.

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

  • Sinh viên/Học viên: Học viên hệ Cao đẳng nghề ngành Quản trị mạng máy tính học tập mô đun MĐ 38 ở giai đoạn chuyên ngành.
  • Điều kiện tiên quyết (Prerequisites): Người học bắt buộc phải hoàn thành các môn học:
    1. Cơ sở dữ liệu
    2. Hệ quản trị cơ sở dữ liệu
    3. Lập trình trực quan
  • Giảng viên: Sử dụng làm giáo trình giảng dạy chính thức, làm căn cứ phân bổ bài giảng lý thuyết (28 giờ) và thiết kế bài tập thực hành phòng máy (58 giờ), đồng thời biên soạn đề kiểm tra kỹ năng nghề (4 giờ).
  • Tự học và tham khảo: Kỹ thuật viên quản trị mạng máy tính, người quản trị hệ thống cần tài liệu tham khảo để cấu hình dịch vụ web IIS, quản trị máy chủ web nội bộ, hoặc nắm bắt quy trình xây dựng giao diện web tĩnh và web động cơ bản trên nền tảng công nghệ Microsoft.

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 biên soạn phục vụ đào tạo trình độ Cao đẳng nghề cho nghề Quản trị mạng máy tính, đồng thời phù hợp cho những người bắt đầu học thiết kế giao diện web và lập trình web động trên nền tảng Microsoft .NET.

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

Học viên cần hoàn thành 3 môn học tiên quyết: Hệ quản trị cơ sở dữ liệu, Cơ sở dữ liệu và Lập trình trực quan để đủ khả năng tiếp thu các nội dung về lập trình web động và kết nối dữ liệu ADO/SqlClient ở Bài 3.

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

Giáo trình phân bổ thời lượng thực hành vượt trội (58/90 giờ), tích hợp song song giữa các thẻ đánh dấu chuẩn HTML/CSS với hệ thống các điều khiển máy chủ ASP.NET Web Server Controls và hướng dẫn cấu hình dịch vụ máy chủ web IIS trực tiếp.

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

Người học nên tuân thủ lộ trình: học lý thuyết và cú pháp thẻ ở Bài 1 $\rightarrow$ thực hành thiết kế biểu mẫu, bảng biểu và chia khung giao diện ở Bài 2 $\rightarrow$ cài đặt máy chủ IIS, môi trường Visual Studio và thực hành viết mã Code Behind, kết nối cơ sở dữ liệu ở Bài 3.

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

Giáo trình cung cấp hệ thống câu hỏi, bài tập thiết kế mẫu sau mỗi bài học, danh mục thuộc tính/phương thức của lớp System.Web.UI.Page, bảng tra cứu toán tử VBScript và các tài liệu tham khảo kỹ thuật từ W3C Technical Reports / W3Schools.

Kết luận

Giáo trình Mô đun: Thiết kế Web (MĐ 38) cung cấp hệ thống kiến thức toàn diện về công nghệ phát triển web, từ kiến trúc mạng WWW, cú pháp HTML, CSS, VBScript đến mô hình lập trình web động ASP.NET và kết nối dữ liệu ADO trên nền tảng .NET Framework. Lộ trình đào tạo được xây dựng chuẩn mực theo tỷ lệ 28 giờ lý thuyết và 58 giờ thực hành, giúp người học phát triển năng lực thiết kế giao diện và xây dựng ứng dụng web hoàn chỉnh phục vụ chuyên môn Quản trị mạng máy tính. Người học có thể khai thác thêm các tài liệu kỹ thuật của W3C, tài liệu thư viện lớp .NET Framework và hệ thống bài tập thực hành trong giáo trình để củng cố kỹ năng nghề nghiệp.