Thiết kế và quản trị Website

Giáo trình Mô đun Thiết kế và quản trị Website - Trường Trung cấp nghề Tổng hợp Hà Nội

• Tác giả: Phạm Văn Thuận
• Trường học: Trường Trung Cấp Nghề Tổng Hợp Hà Nội
• Chuyên ngành: Công nghệ thông tin
• Đề tài: Thiết kế và quản trị Website
• Loại tài liệu: Giáo trình
• Năm xuất bản: 2025
• Địa điểm: Hà Nội

Tóm tắt

I. Tổng quan Giáo trình Thiết kế và quản trị Website Trường TCN

Giáo trình Thiết kế và quản trị Website Trường TCN Tổng hợp Hà Nội đóng vai trò nòng cốt trong khung chương trình trung cấp nghề công nghệ thông tin. Tài liệu do tác giả Phạm Văn Thuận chủ biên tại cơ sở 21 Bùi Bằng Đoàn, quận Hà Đông. Giáo trình hướng tới mục tiêu tích hợp lý thuyết chuyên ngành với kỹ năng thao tác thực tiễn trong sản xuất. Cấu trúc bài giảng chia thành nhiều mô-đun mạch lạc và cô đọng. Người học tiếp cận lần lượt các khái niệm then chốt từ hạ tầng mạng Internet, ngôn ngữ đánh dấu siêu văn bản đến các giải pháp quản trị nội dung tân tiến. Tài liệu chuẩn bị nền tảng kỹ thuật vững vàng để học viên làm chủ công nghệ web hiện đại. Mô hình giáo trình kết hợp giữa kiến thức nền tảng và bài tập thực hành cụ thể. Mỗi chương đều có phần thực hành bổ trợ nhằm củng cố năng lực chuyên môn cho học sinh. Khung bài học cập nhật linh hoạt theo sự phát triển của công nghệ máy tính.

1.1. Mục tiêu đào tạo nghề công nghệ thông tin

Mô-đun học tập được thiết kế nhằm đáp ứng chuẩn đầu ra khắt khe của nghề kỹ thuật viên mạng và website. Học sinh nắm vững cách phân biệt mô hình web tĩnh và web động. Giáo trình rèn luyện tư duy phân tích cấu trúc dịch vụ World Wide Web. Người học hiểu rõ cơ chế vận hành của máy chủ và trình duyệt. Kỹ năng thực hành được đặt lên hàng đầu qua từng bài tập mã hóa. Người học hình thành tác phong công nghiệp và kỷ luật lao động kỹ thuật cao. Tài liệu đáp ứng tốt nhu cầu tuyển dụng thực tế của doanh nghiệp công nghệ số.

1.2. Tính pháp lý và bản quyền lưu hành nội bộ

Tài liệu mang tính chất giáo trình lưu hành nội bộ của Trường Trung cấp nghề Tổng hợp Hà Nội. Nguồn thông tin phục vụ trực tiếp cho mục đích giảng dạy và nghiên cứu của giáo viên cùng học sinh. Mọi hành vi sao chép nhằm trục lợi thương mại đều bị nghiêm cấm theo quy chế sở hữu trí tuệ. Người sử dụng được phép trích dẫn thông tin cho mục đích học thuật minh bạch. Nhà trường khuyến khích các ý kiến đóng góp xây dựng để hoàn thiện giáo trình. Địa chỉ tiếp nhận phản hồi nằm tại số 21 Bùi Bằng Đoàn, Hà Đông. Tinh thần tôn trọng bản quyền giúp duy trì môi trường đào tạo chuyên nghiệp và chuẩn mực.

II. Phân tích cấu trúc Giáo trình Thiết kế và quản trị Website TCN

Chương trình đào tạo phân định rõ ràng giữa hạ tầng mạng và kỹ thuật giao diện người dùng. Việc tiếp thu đồng thời nhiều công nghệ thường gây khó khăn cho học viên mới bắt đầu. Giáo trình chỉ rõ sự phức tạp trong việc quản lý hệ thống Web Server hoạt động liên tục 24/7/365. Máy chủ phải kết nối cơ sở dữ liệu ổn định nhằm phục vụ truy vấn của người dùng trực tuyến. Ở tầng giao diện, việc ghi nhớ các cú pháp thẻ HTML và định dạng bảng biểu phức tạp đòi hỏi sự tập trung cao. Sinh viên dễ nhầm lẫn giữa định dạng tương đối và tuyệt đối trong liên kết siêu văn bản. Ngoài ra, việc thiết kế biểu mẫu thu thập dữ liệu yêu cầu hiểu biết sâu về các trường dữ liệu như text, password, radio và checkbox. Nếu thiếu thực hành liên tục, học viên khó nắm bắt mối liên kết giữa mã nguồn tĩnh và logic xử lý dữ liệu động trên máy chủ.

2.1. Thách thức trong vận hành hạ tầng Web Server

Hệ thống máy chủ dịch vụ World Wide Web đòi hỏi tính sẵn sàng tuyệt đối để xử lý yêu cầu liên tục từ Web Browser. Vị trí đặt máy chủ đóng vai trò then chốt quyết định tốc độ lưu chuyển luồng thông tin trên mạng. Sự cố đường truyền hay lỗi cấu hình dịch vụ mạng FTP, Email và Telnet đều ảnh hưởng trực tiếp tới trang tin. Quá trình tích hợp cơ sở dữ liệu đòi hỏi kỹ thuật bảo mật nghiêm ngặt. Người quản trị phải giám sát máy chủ suốt ngày đêm để ngăn ngừa gián đoạn truy cập. Đây là rào cản kỹ thuật tương đối lớn đối với học viên nghề khi mới tiếp xúc hạ tầng thực tế.

2.2. Khó khăn trong chuẩn hóa mã nguồn HTML

Ngôn ngữ HTML đòi hỏi tính chuẩn xác tuyệt đối trong việc đóng mở thẻ và lồng ghép thuộc tính. Người học thường gặp lỗi khi xây dựng các bảng biểu có hợp nhất cột hoặc dòng phức tạp. Việc căn chỉnh thẻ table, thẻ hàng tr và thẻ ô td đòi hỏi tính toán logic chặt chẽ. Ngoài ra, việc thiết lập biểu mẫu form thu thập thông tin dễ phát sinh lỗi cú pháp. Khi gán nhầm thuộc tính type giữa text và password, tính bảo mật của dữ liệu sẽ bị xâm phạm. Việc tổ chức liên kết đường dẫn tương đối sai lệch cũng làm trang web bị đứt gãy siêu liên kết tài nguyên.

III. Phương pháp học Giáo trình Thiết kế và quản trị Website hiệu quả

Giáo trình đưa ra phương pháp sư phạm tích hợp nhằm tháo gỡ triệt để các rào cản kỹ thuật. Học viên tiếp cận kiến thức theo lộ trình từ đơn giản đến chuyên sâu. Khâu đầu tiên tập trung vào viết mã HTML thủ công để hiểu bản chất của từng thẻ hiển thị. Sau khi nắm vững cấu trúc gốc, người học chuyển sang công cụ soạn thảo trực quan Adobe Dreamweaver. Cách tiếp cận này giúp rút ngắn thời gian dàn trang và tối ưu hóa việc quản lý site cục bộ. Giáo trình hướng dẫn từng bước tạo form nhập liệu, chèn bảng và xử lý siêu liên kết mượt mà. Bên cạnh đó, môi trường thực hành ảo XAMPP được cài đặt cục bộ để hỗ trợ giả lập máy chủ Apache và MySQL. Học sinh có thể thử nghiệm xuất bản website động với nền tảng WordPress một cách an toàn. Phương pháp học gắn liền với thao tác thực hành giúp củng cố kiến thức vững chắc.

3.1. Ứng dụng công cụ Adobe Dreamweaver quản trị site

Adobe Dreamweaver giữ vai trò công cụ thiết kế trực quan đắc lực trong chương trình đào tạo. Phần mềm cho phép học viên quản lý cấu trúc tập tin của toàn bộ site cục bộ một cách khoa học. Các thao tác nhập nội dung, định dạng văn bản và chèn hình ảnh được trực quan hóa tối đa. Khung nhìn mã nguồn song song với giao diện thiết kế giúp kiểm soát lỗi hiển thị lập tức. Học sinh thao tác nhanh chóng với các thành phần form phức tạp như textarea, radio và checkbox. Việc tạo khung trang chuẩn xác giúp tiết kiệm thời gian phát triển giao diện hoàn chỉnh.

3.2. Triển khai máy chủ cục bộ và hệ thống CMS

Giáo trình hướng dẫn chi tiết quy trình thiết lập máy chủ thử nghiệm thông qua phần mềm XAMPP. Gói phần mềm tích hợp đầy đủ Apache Web Server, cơ sở dữ liệu MySQL và trình thông dịch PHP. Học viên tự tay cấu hình cổng kết nối và khởi động các dịch vụ mạng an toàn. Sau khi hoàn tất môi trường nền tảng, hệ thống quản trị nội dung WordPress được cài đặt trực tiếp. Học viên thực hành tạo cơ sở dữ liệu, kết nối tệp tin cấu hình và quản trị bảng điều khiển web động. Quy trình thực hành khép kín này trang bị năng lực triển khai thực tế rất vững vàng.

IV. Ứng dụng nghề nghiệp từ Giáo trình Thiết kế và quản trị Website

Kiến thức từ Giáo trình Thiết kế và quản trị Website Trường TCN Tổng hợp Hà Nội tạo bệ phóng vững chắc cho sự nghiệp công nghệ thông tin. Sinh viên tốt nghiệp có khả năng đảm nhận tốt vị trí kỹ thuật viên lập trình giao diện trang tin điện tử. Năng lực xây dựng cấu trúc HTML chuẩn mực giúp website thân thiện với công cụ tìm kiếm và tối ưu trải nghiệm người dùng. Bên cạnh đó, hiểu biết về quản trị hệ thống máy chủ và cơ sở dữ liệu mở ra cơ hội việc làm trong ngành quản trị hạ tầng mạng. Học viên có thể tự tin vận hành các cổng thông tin doanh nghiệp vừa và nhỏ một cách an toàn. Nền tảng thực tế từ trường nghề thu hẹp khoảng cách giữa lý thuyết học đường và yêu cầu thực tiễn của doanh nghiệp phần mềm. Tài liệu thực sự là cẩm nang nghề nghiệp giá trị và lâu bền cho thế hệ lao động kỹ thuật trẻ.

4.1. Năng lực phát triển trang web chuẩn công nghiệp

Sau khóa đào tạo, học viên làm chủ kỹ thuật xây dựng layout web chuẩn xác và thẩm mỹ. Khả năng phối hợp linh hoạt giữa văn bản, bảng biểu, hình ảnh và âm thanh giúp nội dung hiển thị sinh động. Học sinh có kỹ năng tổ chức liên kết dữ liệu nội bộ chặt chẽ và không phát sinh liên kết gãy. Biểu mẫu tương tác được cấu hình an toàn nhằm bảo vệ dữ liệu người truy cập. Tác phong viết mã tuân thủ quy chuẩn quốc tế giúp việc bảo trì trang web thuận tiện. Kỹ năng thiết kế này đáp ứng tức thì các yêu cầu xây dựng website thương mại cơ bản của thị trường.

4.2. Khả năng bảo trì và quản trị hạ tầng mạng

Bên cạnh thiết kế giao diện, năng lực quản trị hệ thống đóng vai trò quan trọng trong việc vận hành bền vững. Học viên hiểu sâu nguyên lý hoạt động 24/7 của máy chủ cung cấp dữ liệu mạng. Việc sao lưu định kỳ và kiểm tra quyền truy cập thư mục giúp bảo vệ website trước các nguy cơ tấn công mạng. Kỹ thuật viên có thể nhanh chóng khắc phục các lỗi phát sinh từ phân giải địa chỉ URL hay nghẽn luồng truyền tải FTP. Khả năng làm chủ CMS WordPress trên nền XAMPP cho phép triển khai dự án nhanh chóng. Đây là lợi thế cạnh tranh rõ rệt của học sinh tốt nghiệp trường nghề.

Nội dung chính

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

Giáo trình Mô đun Thiết kế và quản trị Website (mã số mô đun: MĐ20) là tài liệu đào tạo chuyên môn nghề bắt buộc thuộc chương trình đào tạo trình độ Trung cấp nghề Công nghệ thông tin (chuyên ngành Ứng dụng phần mềm). Tài liệu do Nhà giáo Phạm Văn Thuận chủ biên, được biên soạn và ban hành theo nội dung chương trình đào tạo của Trường Trung cấp nghề Tổng hợp Hà Nội (địa chỉ: số 21 Bùi Bằng Đoàn, quận Hà Đông, thành phố Hà Nội) với hình thức lưu hành nội bộ phục vụ công tác giảng dạy và tham khảo học thuật. Trong tiến trình đào tạo, mô đun này được bố trí giảng dạy sau khi người học đã hoàn thành các môn học cơ sở ngành và học phần Quản trị cơ sở dữ liệu.

Tổng thời lượng thực hiện mô đun là 60 giờ, bao gồm 20 giờ lý thuyết, 38 giờ dành cho thực hành, thảo luận, bài tập và 2 giờ dành cho công tác kiểm tra đánh giá định kỳ.

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 mô hình, cấu trúc và nguyên lý hoạt động của website; hệ thống hóa được cấu trúc tài liệu HTML, tính năng và cú pháp của các thẻ đánh dấu siêu văn bản; giải thích được các đặc điểm, công cụ định dạng và tổ chức dữ liệu của phần mềm Adobe Dreamweaver; mô tả được cơ chế hoạt động của hệ quản trị nội dung CMS (WordPress) và hệ thống máy chủ phục vụ web.
• Kỹ năng: Xây dựng và hoàn thiện website bảo đảm yêu cầu thẩm mỹ và bố cục; nhúng các thành phần đa phương tiện và siêu liên kết nội bộ cũng như liên kết ngoài; thiết lập biểu mẫu tương tác dữ liệu; cài đặt môi trường máy chủ cục bộ (IIS, XAMPP); xuất bản website lên mạng Internet thông qua việc quản lý tên miền và tải dữ liệu lên hosting; duy trì các tác vụ quản trị và an toàn website.
• Năng lực tự chủ và trách nhiệm: Hình thành phương pháp làm việc nhóm, tư duy giải quyết vấn đề kỹ thuật theo trình tự khoa học và logic; có khả năng hướng dẫn chuyên môn cho các bậc thợ thấp hơn; rèn luyện tính độc lập, tác phong cẩn thận, tỉ mỉ và năng lực tự nâng cao trình độ chuyên môn.

Cấu trúc giáo trình tiếp cận theo mô hình tích hợp lý thuyết gắn liền với kỹ năng thực hành nghề nghiệp, trong đó thời lượng thực hành chiếm 63,3% tổng quỹ thời gian đào tạo. Nội dung biên soạn bám sát các tiêu chuẩn kỹ thuật mạng và công nghệ phát triển web, đi từ kiến thức giao thức mạng Internet đến kỹ thuật viết mã nền tảng và sử dụng công cụ quản trị hiện đại.

---

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 phân bổ thành 5 bài học chính theo logic phát triển từ cơ sở mạng, cú pháp mã nguồn đến công cụ trực quan và quy trình vận hành thực tế:

• Bài 1: Tổng quan về dịch vụ WWW (5 giờ - 3 giờ lý thuyết, 2 giờ thực hành): Cung cấp kiến thức nền tảng về hạ tầng dịch vụ mạng Internet bao gồm giao thức truyền tập tin FTP (mô hình client-server, chế độ kết nối chủ động/bị động, cấu trúc FTP URL ftp(s)://<user>:<password>@<host>:<port>), dịch vụ thư điện tử Email (cấu trúc địa chỉ, cơ chế hoạt động của MUA và MTA, phân biệt email client như Microsoft Outlook với WebMail), giao thức dòng lệnh TELNET hoạt động qua cổng 23, và dịch vụ World Wide Web (WWW do Tim Berners-Lee và Robert Cailliau khởi xướng năm 1989–1990 tại CERN). Phân tích cấu trúc thành phần của bộ định vị tài nguyên URL (http://vi.org:80/thumuc/trang?timkiem=cauhoi#dautien), kiến trúc Client/Server của WWW, sự khác biệt bản chất giữa Web tĩnh và Web động, cùng lược sử phát triển của các trình duyệt web (Mosaic 1993, Netscape Navigator 1994, Internet Explorer 1995, Opera 1996, Mozilla Firefox 2004, Safari 2003, Google Chrome 2008) và các phần mềm Web Server (Microsoft IIS, Apache, Sun Java System Web Server).
• Bài 2: Ngôn ngữ HTML (20 giờ - 5 giờ lý thuyết, 15 giờ thực hành): Hướng dẫn cú pháp chuẩn của ngôn ngữ đánh dấu siêu văn bản. Nội dung bao gồm việc tạo và thực thi tệp .html qua các trình soạn thảo (Notepad, Notepad++, Dreamweaver); phân tích cấu trúc tổng thể một tài liệu (<!DOCTYPE>, <html>, <head>, <title>, <body>); kỹ thuật định dạng khối với thẻ <div> kết hợp các thuộc tính định dạng (width, height, margin, padding, border, background); hệ thống danh sách không thứ tự <ul>, danh sách có thứ tự <ol> (với thuộc tính TYPE nhận các giá trị 1, A, a, I, i), danh sách định nghĩa <dl>, <dt>, <dd>; các thẻ tiêu đề <h1> đến <h6>; đoạn văn bản <p> và thuộc tính ALIGN; ngắt dòng
; đường phân cách <hr>; văn bản định dạng trước <pre>; định dạng ký tự <b>, <strong>, <i>, <em>, <u>. Chương này đi sâu vào phân loại đường dẫn tương đối và tuyệt đối, thiết lập siêu liên kết <a>, nhúng âm thanh (<bgsound>, <embed>), hình ảnh (<img> với các thuộc tính ALT, WIDTH, HEIGHT, VSPACE, HSPACE), bảng biểu (<table>, <tr>, <td>, <th>, <caption>, ROWSPAN, COLSPAN, CELLSPACING, CELLPADDING), và xây dựng 7 thành phần giao diện biểu mẫu form (text, password, textarea, select/option, radio, checkbox).
• Bài 3: Thiết kế website với Dreamweaver (15 giờ - 6 giờ lý thuyết, 8 giờ thực hành, 1 giờ kiểm tra): Chuyển giao kỹ thuật ứng dụng phần mềm Macromedia/Adobe Dreamweaver vào thiết kế giao diện. Người học thực hiện các thao tác quản lý site cục bộ (local site), nhập liệu và định dạng văn bản trực quan, xử lý bố cục hình ảnh, cấu hình bảng biểu, chèn đối tượng form và hiệu chỉnh hệ thống khung trang (frame).
• Bài 4: Quản trị nội dung bằng CMS (10 giờ - khoảng 3 giờ lý thuyết, 7 giờ thực hành): Trình bày khái niệm về hệ quản trị nội dung CMS (Content Management System), các bước thiết lập môi trường máy chủ cục bộ Apache và hệ quản trị cơ sở dữ liệu MySQL thông qua gói phần mềm XAMPP, quy trình cài đặt mã nguồn mở WordPress, các thiết lập cấu hình bảng điều khiển và kỹ thuật tùy biến theme/giao diện trang web.
• Bài 5: Xuất bản và quản trị website (10 giờ - 3 giờ lý thuyết, 6 giờ thực hành, 1 giờ kiểm tra): Hướng dẫn quy trình đăng ký tên miền, các phương thức xuất bản dữ liệu website lên máy chủ Internet, lựa chọn công cụ quản trị, tổ chức quy trình bảo trì, cập nhật nội dung định kỳ gắn với bài toán chi phí nhân lực vận hành và các nguyên tắc bảo mật an toàn cho website.

Mô hình cấu trúc nội dung giáo trình MĐ20:
[Bài 1: Hạ tầng WWW & Giao thức] 

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

Giáo trình xác lập ba khối kiến thức lý thuyết cơ sở:

• Nguyên lý truyền thông và dịch vụ Internet: Phân định rõ ranh giới kỹ thuật giữa mạng vật lý Internet và dịch vụ tầng ứng dụng WWW; giải thích cơ chế trao đổi gói tin qua mô hình Client/Server thông qua giao thức HTTP; làm rõ quy chuẩn xác định tài nguyên mạng thông qua các tham số thành phần của chuỗi URL.
• Kiến trúc phân tầng trang web tĩnh và động: Làm rõ nguyên lý vận hành của trang HTML tĩnh (trình duyệt trực tiếp biên dịch mã nguồn tải về từ máy chủ, không liên kết cơ sở dữ liệu) đối chiếu với trang web động (nội dung kết xuất từ hệ quản trị cơ sở dữ liệu như MySQL, MS SQL, Oracle, DB2 thông qua các ngôn ngữ xử lý kịch bản phía máy chủ như PHP, ASP, ASP.NET, Java, CGI, Perl).
• Quy chuẩn đánh dấu siêu văn bản W3C: Cung cấp hệ thống thẻ chuẩn XHTML/HTML, nguyên tắc đóng/mở thẻ, phân cấp phần tử khối (block elements) và phần tử nội dòng (inline elements), cùng nguyên tắc kế thừa trong việc lồng ghép các cấu trúc bảng và danh sách.

Kỹ năng phát triển

Thông qua các bài tập và thực hành, giáo trình rèn luyện ba nhóm năng lực kỹ thuật:

• Kỹ năng kỹ thuật lập trình giao diện (Technical skills): Viết mã HTML chuẩn xác cú pháp; tổ chức bố cục trang web bằng thẻ <div> và bảng <table>; thiết kế biểu mẫu form hoàn chỉnh thu thập thông tin người dùng; cài đặt và cấu hình dịch vụ web server IIS trên hệ điều hành Windows cũng như máy chủ XAMPP.
• Kỹ năng phân tích và xử lý lỗi (Analytical skills): Phân tích sự sai lệch hiển thị giữa các trình duyệt web khác nhau (Google Chrome, Firefox, Internet Explorer); xử lý đường dẫn tương đối đa cấp thư mục (./ và lùi thư mục); kiểm soát lỗi méo ảnh thông qua việc tính toán tỷ lệ giữa thuộc tính WIDTH và HEIGHT; phân bổ cấu trúc ô bằng các thuộc tính hợp nhất dòng và cột (ROWSPAN, COLSPAN).
• Kỹ năng thực hành nghề nghiệp (Practical competencies): Quản lý cấu trúc cây thư mục của website cục bộ trên phần mềm Dreamweaver; triển khai cài đặt một website hoàn chỉnh trên hệ quản trị nội dung WordPress; thực hiện quy trình cấu hình tên miền và các bước xuất bản website lên môi trường Internet.

---

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

Mô đun áp dụng phương pháp đào tạo tích hợp đặc thù của khối trường nghề, kết hợp chặt chẽ giữa truyền thụ kiến thức nguyên lý và huấn luyện kỹ năng thao tác trên máy tính:

• Mô hình tiếp cận sư phạm: Bài giảng được thiết kế theo trình tự 4 bước: (1) Giảng viên diễn giải lý thuyết và phân tích cú pháp; (2) Giảng viên thao tác mẫu trên phần mềm; (3) Người học thực hành trực tiếp theo hướng dẫn của bài thực tập; (4) Giảng viên kiểm tra, nhận xét và giải đáp các lỗi cú pháp hoặc lỗi hiển thị phát sinh.
• Phương tiện và điều kiện thực hành: Toàn bộ quá trình giảng dạy đòi hỏi phòng học bộ môn phần cứng và phần mềm máy tính có kết nối mạng nội bộ; máy tính cá nhân được cài đặt sẵn hệ điều hành Windows, các trình duyệt web (Google Chrome, Internet Explorer), công cụ web server (IIS, XAMPP), các trình soạn thảo (Notepad, Notepad++) và phần mềm thiết kế chuyên dụng Macromedia/Adobe Dreamweaver.
• Hệ thống bài tập và thực nghiệm: Hệ thống bài tập được thiết kế lũy tiến:
  • Thực nghiệm hạ tầng: Cài đặt trình duyệt Google Chrome và kích hoạt dịch vụ máy chủ Internet Information Services (IIS).
  • Thực hành mã hóa văn bản: Soạn thảo tập tin HTML bằng Notepad; định dạng hiển thị các đoạn thơ căn lề trái/phải/giữa bằng thuộc tính ALIGN; tạo cấu trúc bảng chứa danh sách học sinh (cột Họ tên, Lớp, Quê quán); xử lý các bảng biểu phức tạp sử dụng ROWSPAN=2 và COLSPAN=2.
  • Thực hành tương tác: Xây dựng giao diện form gồm 7 trường dữ liệu nhập username, mật khẩu, văn bản góp ý (textarea), danh sách lựa chọn ngày sinh (select/option), nút chọn giới tính (radio), và hộp kiểm chọn nhiều sở thích (checkbox).
• Phương pháp đánh giá: Đánh giá kết quả học tập bao gồm chấm điểm các bài tập thực hành định kỳ tại phòng máy, đánh giá thái độ tuân thủ quy trình kỹ thuật, và 2 bài kiểm tra định kỳ (1 giờ tại Bài 3 và 1 giờ tại Bài 5) nhằm xác định mức độ hoàn thành mục tiêu kỹ năng của người học.
• Hướng dẫn tự học: Giáo trình yêu cầu người học phải nghiêm túc tiếp nhận kiến thức, cẩn thận và tỉ mỉ trong từng câu lệnh mã nguồn; chủ động tìm kiếm các nguồn bài tập bổ trợ bên ngoài; tự thực hành lại các cấu trúc mã nguồn trên các môi trường soạn thảo khác nhau để ghi nhớ cú pháp thuộc tính.

---

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

Nội dung giáo trình thể hiện các đặc tính kỹ thuật và tính thực tiễn nghề nghiệp cụ thể:

• Tính chuẩn hóa theo chuẩn đầu ra nghề: Tài liệu được biên soạn đồng bộ theo khung chương trình chi tiết đã ban hành của Trường Trung cấp nghề Tổng hợp Hà Nội cho hệ Trung cấp nghề Công nghệ thông tin, bảo đảm tính logic và đáp ứng trực tiếp yêu cầu công việc tại các doanh nghiệp ứng dụng phần mềm.
• Kết hợp đa dạng phương thức phát triển web: Thay vì chỉ giới hạn ở việc viết mã nguồn thủ công, giáo trình kết hợp ba phương thức: viết mã đánh dấu thuần túy (Hand-coding HTML), sử dụng công cụ thiết kế giao diện trực quan hỗ trợ đồ họa (WYSIWYG với Adobe Dreamweaver), và triển khai nhanh qua hệ quản trị nội dung mã nguồn mở hiện đại (WordPress trên nền XAMPP).
• Hệ thống tư liệu lịch sử và kỹ thuật chi tiết: Giáo trình lưu giữ chi tiết các mốc phát triển công nghệ mạng, phân tích nguồn gốc phát minh WWW của Tim Berners-Lee và Robert Cailliau tại CERN, cùng bảng số liệu thống kê thị phần trình duyệt thực tế qua các thời kỳ (như dữ liệu thị phần Internet Explorer, Firefox, Opera, Chrome theo Net Applications năm 2010), giúp người học hiểu rõ sự biến động công nghệ và lý do cần bảo đảm tính tương thích đa nền tảng.
• Gắn kết quản trị nội dung với khía cạnh chi phí và an toàn: Giáo trình không dừng lại ở khâu thiết kế giao diện mà mở rộng sang Bài 5 về quy trình xuất bản, bảo trì hệ thống, nhấn mạnh trực tiếp luận điểm: "Chi phí của việc cập nhật nội dung chính là chi phí cho nhân lực quản trị trang web", đồng thời trang bị kiến thức căn bản về an toàn và bảo mật dữ liệu website.

---

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

Giáo trình được biên soạn phục vụ các nhóm đối tượng cụ thể trong hệ thống giáo dục nghề nghiệp:

• Sinh viên/Học sinh hệ Trung cấp nghề: Học sinh, sinh viên đang theo học ngành Công nghệ thông tin (đặc biệt là chuyên ngành Ứng dụng phần mềm) tại các trường trung cấp nghề hoặc cao đẳng nghề. Để tiếp thu tốt nội dung, người học bắt buộc phải có kiến thức nền tảng từ các môn học cơ sở ngành công nghệ thông tin và học phần Quản trị cơ sở dữ liệu.
• Giảng viên và cán bộ đào tạo: Tài liệu đóng vai trò là giáo trình giảng dạy chuẩn cho mô đun MĐ20, cung cấp khung phân phối thời lượng 60 giờ cụ thể (chia rõ giờ lý thuyết, giờ thực hành, giờ kiểm tra cho từng bài học), giúp giảng viên xây dựng đề cương chi tiết, giáo án lý thuyết và hệ thống bài tập thực hành trên phòng máy.
• Người tự học và kỹ thuật viên cơ sở: Các cá nhân cần tài liệu tham khảo có cấu trúc rõ ràng để bắt đầu làm quen với các khái niệm dịch vụ web, kỹ thuật soạn thảo HTML căn bản, phương pháp thiết kế giao diện bằng phần mềm Dreamweaver, và các bước tự cài đặt, vận hành một trang web WordPress phục vụ công việc quản trị nội dung tại cơ quan, doanh nghiệp.

---

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 học sinh, sinh viên trình độ Trung cấp nghề ngành Công nghệ thông tin (chuyên ngành Ứng dụng phần mềm). Tài liệu cũng phù hợp với các kỹ thuật viên tin học cơ sở hoặc người bắt đầu học thiết kế và quản trị website cần một tài liệu kỹ thuật có tính thực hành cao.

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

Theo quy định của chương trình đào tạo, người học cần hoàn thành các môn học cơ sở ngành công nghệ thông tin (sử dụng máy tính, hệ điều hành) và học phần Quản trị cơ sở dữ liệu. Khối kiến thức này là điều kiện cần để người học hiểu được bản chất của web động và cơ chế kết nối giữa trang web với các hệ quản trị cơ sở dữ liệu (như MySQL, MS SQL, Access, Oracle).

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

Giáo trình tập trung vào tính ứng dụng nghề nghiệp với tỷ lệ giờ thực hành chiếm hơn 63% tổng thời lượng. Nội dung tích hợp trọn vẹn chu trình từ nền tảng giao thức Internet (FTP, Telnet, Email, WWW), viết mã HTML cơ bản, thao tác đồ họa qua Dreamweaver, cấu hình CMS WordPress bằng máy chủ XAMPP, cho đến khâu xuất bản tên miền, hạch toán chi phí nhân lực cập nhật nội dung và bảo mật website.

4. Làm sao để tự học và thực hành hiệu quả theo giáo trình?

Người học cần kết hợp việc đọc hiểu cú pháp lý thuyết với việc gõ trực tiếp các đoạn mã mẫu trong giáo trình trên các trình soạn thảo (Notepad, Notepad++). Sau đó, cần mở tệp HTML trên nhiều trình duyệt khác nhau (Google Chrome, Firefox) để so sánh kết quả hiển thị, đồng thời chủ động thay đổi các thông số thuộc tính (như BORDER, CELLSPACING, CELLPADDING, WIDTH, ALIGN) nhằm quan sát trực quan sự thay đổi bố cục.

5. Có tài liệu bổ trợ hoặc phần mềm nào cần chuẩn bị kèm theo?

Người học cần chuẩn bị máy tính cá nhân hoặc phòng thực hành máy tính có kết nối mạng, trang bị thiết bị lưu trữ dữ liệu (USB, đĩa mềm/đĩa CD) và cài đặt sẵn các phần mềm được yêu cầu trong giáo trình: trình duyệt Google Chrome, công cụ dịch vụ mạng IIS, phần mềm Macromedia/Adobe Dreamweaver, gói phần mềm máy chủ XAMPP và mã nguồn WordPress.

---

Kết luận

Giáo trình Mô đun Thiết kế và quản trị Website (Mã số: MĐ20) của Trường Trung cấp nghề Tổng hợp Hà Nội do Nhà giáo Phạm Văn Thuận chủ biên cung cấp một hệ thống kiến thức chuyên ngành toàn diện, cân đối giữa lý thuyết giao thức mạng và kỹ năng thực hành xây dựng website.

Lộ trình học tập đề xuất theo giáo trình gồm 4 giai đoạn logic:

1. Tiếp cận kiến thức hạ tầng mạng, giao thức WWW và phân biệt web tĩnh với web động (Bài 1).
2. Nắm vững cú pháp ngôn ngữ đánh dấu siêu văn bản HTML, cấu trúc bảng biểu, siêu liên kết và biểu mẫu form (Bài 2).
3. Ứng dụng phần mềm trực quan Dreamweaver và triển khai hệ quản trị nội dung mã nguồn mở CMS WordPress trên nền XAMPP (Bài 3, Bài 4).
4. Thực hiện các quy trình kỹ thuật xuất bản website qua việc chọn tên miền, tải dữ liệu lên hosting, tổ chức nhân sự cập nhật nội dung và duy trì an toàn dữ liệu hệ thống (Bài 5).

Đây là tài liệu giảng dạy và học tập chuẩn hóa, hỗ trợ hiệu quả cho việc phát triển năng lực nghề nghiệp của sinh viên ngành Công nghệ thông tin theo đúng chuẩn đầu ra của chương trình đào tạo nghề.

Trích đoạn nội dung tài liệu

TUYÊN BỐ BẢN QUYỀN Tài liệu này thuộc loại sách giáo trình lưu hành nội bộ của Trường trung cấp nghề Tổng hợp Hà Nội nên các nguồn thông tin có thể được phép dùng nguyên bản hoặc trích dẫn dùng cho các mục đích về đào tạo và tham khảo. Mọi mục đích khác mang tính lệch lạc hoặc sử dụng với mục đích kinh doanh thiếu lành mạnh sẽ bị nghiêm cấm. 1 LỜI GIỚI THIỆU Để thực hiện biên soạn giáo trình đào tạo nghề công nghệ thông tin ở trình độ TCN, giáo trình Mô đun thiết kế và quản trị Website là một trong những giáo trình mô đun đào tạo chuyên ngành bắt buộc được biên soạn theo nội dung chương trình chi tiết đã được biên soạn và ban hành của Trường TCN Tổng hợp Hà Nội được áp dụng đào tạo cho trình độ Trung Cấp Nghề Công nghệ thông tin Nội dung biên soạn ngắn gọn, dễ hiểu, tích hợp kiến thức và kỹ năng chặt chẽ với nhau, logíc. Khi biên soạn, tác giả biên soạn đã cố gắng cập nhật những kiến thức mới có liên quan đến nội dung chương trình đào tạo và phù hợp với mục tiêu đào tạo, nội dung lý thuyết và thực hành được biên soạn gắn với nhu cầu thực tế trong sản xuất đồng thời có tính thực tiễn cao.

Trong quá trình sử dụng giáo trình, tuỳ theo yêu cầu cũng như khoa học và công nghệ phát triển có thể điều chỉnh thời gian và bổ sung những kiến thức mới cho phù hợp. Trong giáo trình, tác giả có đề ra nội dung thực tập của từng bài để người học cũng cố và áp dụng kiến thức phù hợp với kỹ năng. Mặc dù đã cố gắng tổ chức biên soạn để đáp ứng được mục tiêu đào tạo nhưng không tránh được những khiếm khuyết. Rất mong nhận được đóng góp ý kiến của các thầy, cô giáo, bạn đọc để tác giả biên soạn sẽ hiệu chỉnh hoàn thiện hơn.

Các ý kiến đóng góp xin gửi về Trường Trung cấp nghề tổng hợp Hà Nội, địa chỉ số 21 Bùi Bằng Đoàn – Q.Hà Đông – TP.Hà Nội Hà Nôi, ngày tháng năm 2025 Chủ biên Phạm Văn Thuận 2 MỤC LỤC TUYÊN BỐ BẢN QUYỀN.1 LỜI GIỚI THIỆU.2 BÀI 1: TỔNG QUAN VỀ DỊCH VỤ WWW. Một số dịch vụ quan trọng trên Internet. Dịch vụ truyền file FTP. Dịch vụ thư điện tử Email.

Dịch vụ Telnet. Dịch vụ WWW. Bộ định vị tài nguyên URL. Cấu trúc và hoạt động của dịch vụ WWW.

Web tĩnh và Web động. Lịch sử phát triển các hệ thống Web Server – Web Browser .22 BÀI 2: NGÔN NGỮ HTML. Tạo và thực thi trang web HTML. Tạo trang web HTML.

Thực thi trang web HTML. Cấu trúc trang web HTML. Định dạng văn bản. Thẻ định dạng khối.

Thẻ định dạng danh sách. Thẻ định dạng ký tự. Định dạng tương đối và tuyệt đối. Siêu liên kết.

Liên kết đến các file, thư mục. Liên kết đến các trang khác cùng site. Liên kết đến các site internet bên ngoài. Âm thanh - Hình ảnh.

Thẻ âm thanh. Thẻ hình ảnh.51 BÀI 3: THIẾT KẾ WEBSITE VỚI DREAM WEAVER. Giới thiệu DW. Tạo và quản lý site.

Tạo mới một site. Các thao tác quản lý site cục bộ. Nhập nội dung và định dạng văn bản. Nhập nội dung.

Định dạng văn bản. Làm việc với hình ảnh. Làm việc với bảng biểu. Định dạng bảng.

Làm việc với Form. Chèn thêm các đối tượng vào form.1 Tạo và lưu khung. Hiệu chỉnh khung trang. Giới thiệu CMS.2 Cài đặt XAMPP.3 Cài đặt Wordpress.4 Thiết lập cơ bản trong Wordpress.5 Tùy biến giao diện trong Wordpress.114 BÀI 5: XUẤT BẢN VÀ QUẢN TRỊ WEBSITE.

Xuất bản Website. Chọn và đăng ký tên miền. Xuất bản website. Quản trị Website.

Chọn công cụ quản trị. Duy trì Website. Cập nhật trang web. Cập nhật nội dung mới.139 Chi phí của việc cập nhật nội dung chính là chi phí cho nhân lực quản trị trang web.

Bảo mật website.139 TÀI LIỆU CẦN THAM KHẢO.144 5 GIÁO TRÌNH MÔ ĐUN Tên mô đun: Thiết kế website. Mã mô đun: MĐ20 Thời gian thực hiện mô đun: 60 giờ (Lý thuyết: 20 giờ; Thực hành, thảo luận, thí nghiệm, bài tập: 38 giờ; Kiểm tra: 2 giờ) Vị trí, tính chất của mô đun Thiết kế và quản trị website là môn đun chuyên môn nghề của chương trình đào tạo Trung cấp nghề Công nghệ thông tin (Ứng dụng phần mềm). Mô đun này được bố trí học sau các môn học cơ sở ngành, Quản trị cơ sở dữ liệu. Mục tiêu mô đun: - Kiến thức + Trình bày được mô hình, cấu trúc và nguyên lý hoạt động của các website; + Trình bày được cấu trúc một trang HTML và tính năng, cú pháp của các thẻ HTML; + Trình bày được các đặc điểm và tính năng cơ bản của phần mềm thiết kế web DreamWeaver như: định dạng văn bản, âm thanh, hình ảnh, liên kết,.; - Kỹ năng + Xây dựng và thiết kế được các website có thẩm mỹ, trong đó có các ứng dụng phục vụ các mục tiêu tương tác dữ liệu cụ thể, có khả năng liên kết đến các trang web hay tài nguyên khác; + Xuất bản được website lên internet và quản trị website; - Năng lực tự chủ và trách nhiệm: + Hình thành phương pháp làm việc theo nhóm, nhận thức vấn đề một cách khoa học logic.

+ Có năng lực kèm cặp, hướng dẫn các bậc thợ thấp hơn. + Có tính độc lập, chịu trách nhiệm cá nhân trong công việc của mình. + Có khả năng tự nâng cao trình độ chuyên môn tiếp tục học lên trình độ cao hơn. + Nghiêm túc, tích cực trong việc tiếp nhận kiến thức.

Cẩn thận, tỉ mỉ, sáng tạo trong thực hành. Chủ động tìm kiếm các nguồn bài tập. 6 Nội dung mô đun: Thời gian Thực hành, thí Thi/ TT Tên chương/bài Tổng Lý nghiệm, thảo Kiểm số thuyết luận, bài tập tra 1 Bài 1: Tổng quan về dịch vụ WWW 5 3 2 0 1.1 Một số dịch vụ quan trọng trên 0.2 Cấu trúc và hoạt động của dịch vụ WWW 0.3 Lịch sử phát triển các hệ thống Web Server – Web Browser 2 Bài 2: Ngôn ngữ HTML 20 5 15 0 1.1 Tạo và thực thi trang web HTML 0.2 Cấu trúc trang web HTML 0.3 Định dạng văn bản 0.4 Định dạnh tương đối và tuyệt đối 0.5 Siêu liên kết 1 1.6 Âm thanh - Hình ảnh 0.8 Form 1 3 3 Bài 3: Thiết kế website với công cụ 15 6 8 1 DreamWeaver 1.1 Giới thiệu DW 0.2 Tạo và quản lý site 0.3 Nhập nội dung và định dạng văn bản 0.4 Làm việc với hình ảnh 1 1.5 Làm việc với bảng biểu 1 2 1.6 Làm việc với Form 1.5 Kiểm tra 1 7 4 Bài 4.1 Giới thiệu CMS 0.5 7 5 Bài 5: Quản trị website 10 3 6 1 1.1 Xuất bản website 1 2 1.2 Quản trị website 2 4 Kiểm tra 1 Cộng 60 22 38 2 8 BÀI 1: TỔNG QUAN VỀ DỊCH VỤ WWW Mã bài: MĐ 20 – 01. Giới thiệu: Các dịch vụ Internet quan trọng bao gồm: Thư điện tử (email) để gửi và nhận tin nhắn, World Wide Web (WWW) cho phép truy cập thông tin qua các website, mạng xã hội để kết nối và giao tiếp, các ứng dụng giải trí trực tuyến (xem phim, nghe nhạc, chơi game), thương mại điện tử để mua bán, và các dịch vụ hỗ trợ công việc, học tập như họp trực tuyến, đào tạo từ xa … Mục tiêu: - Kiến thức: + Trình bày được môi trường hoạt động của các website; + Trình bày được các nguyên tắc trong thiết kế trình diễn trên máy tính.

- Kĩ năng: Áp dụng được các cấu trúc và các nguyên lý hoạt động của website; - Năng lực tự chủ và trách nhiệm: Nghiêm túc, tích cực trong việc tiếp nhận kiến thức. Nội dung chính: 1. Một số dịch vụ quan trọng trên Internet 1. Dịch vụ truyền file FTP FTP (viết tắt của File Transfer Protocol dịch ra là "Giao thức truyền tập tin") thường được dùng để trao đổi tập tin qua mạng lưới truyền thông dùng giao thức TCP/IP (chẳng hạn như Internet - mạng ngoại bộ - hoặc intranet - mạng nội bộ).

Hoạt động của FTP cần có hai máy tính, một máy chủ và một máy khách). Máy chủ FTP, dùng chạy phần mềm cung cấp dịch vụ FTP, gọi là trình chủ, lắng nghe yêu cầu về dịch vụ của các máy tính khác trên mạng lưới. Máy khách chạy phần mềm FTP dành cho người sử dụng dịch vụ, gọi là trình khách, thì khởi đầu một liên kết với máy chủ. Một khi hai máy đã liên kết với nhau, máy khách có thể xử lý một số thao tác về tập tin, như tải tập tin lên máy chủ, tải tập tin từ máy chủ xuống máy của mình, đổi tên của tập tin, hoặc xóa tập tin ở máy chủ v.

Vì giao thức FTP là một giao thức chuẩn công khai, cho nên bất cứ một công ty phần mềm nào, hay một lập trình viên nào cũng có thể viết trình chủ FTP hoặc trình khách FTP. Hầu như bất cứ một nền tảng hệ điều hành máy tính nào cũng hỗ trợ giao thức FTP. Điều này cho phép tất cả các máy tính kết nối với một mạng lưới có nền TCP/IP, xử lý tập tin trên một máy tính khác trên cùng 9 một mạng lưới với mình, bất kể máy tính ấy dùng hệ điều hành nào (nếu các máy tính ấy đều cho phép sự truy cập của các máy tính khác, dùng giao thức FTP). Hiện nay trên thị trường có rất nhiều các trình khách và trình chủ FTP, và phần đông các trình ứng dụng này cho phép người dùng được lấy tự do, không mất tiền.

* Mục đích của giao thức FTP: - Khuyến khích việc dùng chung tập tin (như chương trình ứng dụng vi tính hoặc dữ liệu) - Khuyến khích việc sử dụng máy tính ở xa một cách gián tiếp / âm thầm (implicit). - Che đậy sự khác biệt về hệ thống lưu trữ tập tin giữa các máy chủ, hầu cho người dùng không cần phải quan tâm đến những sự khác biệt riêng tư của chúng. - Truyền tải dữ liệu một cách đáng tin cậy và có hiệu quả cao. Đa số các trình duyệt web (web browser) gần đây và trình quản lý tập tin (file manager) có thể kết nối vào các máy chủ FTP, mặc dù chúng có thể còn thiếu sự hỗ trợ cho những mở rộng của giao thức, như FTPS chẳng hạn.

Điều này cho phép người dùng thao tác các tập tin từ xa, thông qua kết nối FTP, dùng một giao diện quen thuộc, tương tự như giao diện trong máy của mình (ví dụ liệt kê danh sách của các tập tin của máy ở xa trông giống như phần liệt kê của máy mình, đồng thời các thao tác sao bản tập tin (copy), đổi tên, xóa, v. được xử lý như là chúng ở trong máy mình vậy).