Bối cảnh và vấn đề nghiên cứu

Hà Nội là trung tâm chính trị, văn hóa, giáo dục và kinh tế lớn của Việt Nam với bề dày lịch sử hơn 1.000 năm. Thành phố sở hữu các giá trị di sản phong phú, kiến trúc đa dạng qua nhiều thời kỳ lịch sử cùng nền ẩm thực và cảnh quan địa lý đặc trưng. Trong bối cảnh chuyển đổi số và sự phát triển của công nghệ truyền thông trực tuyến, việc xây dựng các nền tảng thông tin điện tử nhằm số hóa, lưu trữ và quảng bá các nội dung văn hóa – địa lý đóng vai trò thiết thực đối với công tác giáo dục và phát triển du lịch.

Báo cáo kết thúc học phần môn Thiết kế Web với đề tài "Tạo Website trình bày về văn hóa – địa lý của thành phố Hà Nội" do sinh viên Nguyễn Đăng Hiếu (lớp học phần 22DTH2A - 012300161208, Khoa Công nghệ Thông tin, Trường Đại học Nguyễn Tất Thành) thực hiện dưới sự hướng dẫn của giảng viên Nguyễn Xuân Cường vào học kỳ 3 năm học 2022 – 2023.

Nhiệm vụ nghiên cứu và xây dựng sản phẩm được xác định cụ thể gồm:

  1. Tìm hiểu, thu thập và tổng hợp nguồn dữ liệu đa phương tiện (văn bản, hình ảnh, video) về các mặt văn hóa, lịch sử, vị trí địa lý, địa điểm tham quan, công trình kiến trúc và ẩm thực tiêu biểu của Hà Nội.
  2. Thiết kế cấu trúc bố cục (layout) và xây dựng hệ thống phân cấp trang web hợp lý, trực quan, hỗ trợ người dùng tra cứu thông tin nhanh chóng.
  3. Triển khai lập trình giao diện tĩnh cho toàn bộ hệ thống trang web bằng các công nghệ phát triển web tiêu chuẩn (HTML, CSS, Bootstrap, JavaScript).
  4. Tối ưu hóa giao diện hiển thị nhằm đáp ứng khả năng tương thích trên các loại thiết bị hiển thị khác nhau (Responsive Web Design).

Phạm vi nghiên cứu của đề tài tập trung vào việc mô hình hóa thông tin giới thiệu thành phố Hà Nội theo các khía cạnh địa lý tự nhiên, tiến trình lịch sử qua các triều đại, di sản nghệ thuật truyền thống, các công trình kiến trúc và ẩm thực đặc trưng. Về mặt kỹ thuật, phạm vi giới hạn ở việc xây dựng giao diện phía máy khách (client-side interface) thông qua mã nguồn HTML5, CSS3 và khung giao diện Bootstrap 5.1.

Cơ sở lý thuyết và phương pháp

Khung công nghệ và công cụ phát triển

Đồ án vận dụng các khái niệm và công nghệ nền tảng trong lĩnh vực thiết kế và lập trình giao diện web:

  • HTML (HyperText Markup Language): Ngôn ngữ đánh dấu siêu văn bản, giữ vai trò xây dựng bộ khung cấu trúc dữ liệu cho trang web, phân chia các thành phần nội dung như đoạn văn (<p>), tiêu đề (<h1>, <h2>), liên kết điều hướng (<a>), hình ảnh (<img>) và các khối phân chia layout (<div>, <nav>).
  • CSS (Cascading Style Sheets): Ngôn ngữ định kiểu tầng, áp dụng các cặp thuộc tính và giá trị (property: value) để định dạng màu sắc, phông chữ, kích thước, khoảng cách lề (margin, padding), căn chỉnh bố cục (float, display, width, height) và các hiệu ứng trực quan trên trang.
  • Bootstrap: Khung công tác mặt trước (front-end framework) phiên bản Bootstrap 5.1 (được nhúng qua CDN: bootstrap.css và bootstrap.js), cung cấp hệ thống lưới (Grid system), thanh điều hướng đáp ứng (responsive navbar) và các lớp tiện ích giúp tối ưu hóa thời gian xây dựng giao diện tương thích đa thiết bị.
  • JavaScript: Ngôn ngữ kịch bản phía máy khách (client-side script), được nhúng trực tiếp hoặc gián tiếp vào cấu trúc HTML để hỗ trợ xử lý tương tác người dùng, vận hành các thành phần động như menu xổ xuống (dropdown menu) và các hiệu ứng chuyển động giao diện.
  • Công cụ hỗ trợ phát triển: Visual Studio Code (môi trường tích hợp soạn thảo mã nguồn) và FastStone Editor (phần mềm hỗ trợ xử lý, chỉnh sửa hình ảnh tư liệu).

Phương pháp thực hiện

Quá trình xây dựng đề tài kết hợp các phương pháp nghiên cứu và triển khai kỹ thuật sau:

  • Phương pháp thu thập và xử lý tài liệu: Tổng hợp tư liệu lịch sử, số liệu địa lý, danh mục di tích và công trình kiến trúc từ các nguồn thông tin chính thống về Hà Nội.
  • Phương pháp phân tích và thiết kế bố cục (Layout Design): Phân rã cấu trúc website thành các module tái sử dụng: khối bao ngoài (.outer), phần đầu trang (header), thanh điều hướng (#top_menu), và khối nội dung chính (.box_content, #content-box).
  • Phương pháp lập trình và đóng gói mã nguồn: Viết mã HTML/CSS theo chuẩn W3C, tích hợp thư viện Bootstrap 5.1, thiết lập các class và id định danh để kiểm soát việc hiển thị đồng bộ giữa các trang con.

Thiết kế và triển khai

Cấu trúc kiến trúc trang web được phân định thành hệ thống gồm 8 trang giao diện chính liên kết đồng bộ thông qua thanh điều hướng đa cấp.

Tên trang Tệp mã nguồn Nội dung chính Thành phần giao diện / Tư liệu
Trang Chủ TrangChu.html Lời chào mừng, giới thiệu khái quát website Header, thanh menu Bootstrap đa cấp, outer layout
Giới Thiệu gioithieu.html Lịch sử hình thành 1010, trung tâm chính trị - giáo dục Hình ảnh gioi-thieu-ve-ha-noi.jpg, khối văn bản giới thiệu
Địa Lý dialy.html Tọa độ, diện tích 3.328,9 km², 12 quận, 17 huyện, khí hậu Bản đồ ban-do-ha-noi.jpg, thông tin sông Hồng, Hồ Tây
Lịch Sử lichsu.html Diễn biến qua các thời kỳ: Lý, Trần, Hồ, Lê, Nguyễn, 1945-1954 Hình ảnh tư liệu lịch sử lich-su-ha-noi-2_1678369207.jpg
Văn Hóa vanhoa.html Nghệ thuật dân gian (ca trù, chèo, rối nước), lễ hội truyền thống Hình ảnh văn hóa, bài viết về lễ hội Đông Cổ, Thăng Long
Ẩm Thực amthuc.html Các món ăn truyền thống: Bún ốc, Phở, Bún chả, Bún thang, Café trứng Bộ ảnh món ăn: pho-ha-noi.jpg, mon-ngon-ha-noi-2.jpg...
Tham Quan thamquan.html Văn Miếu, Lăng Bác, Đền Ngọc Sơn - Hồ Gươm, Chùa Một Cột Hình ảnh den-hohoangkiem.jpg, thời gian mở cửa Lăng
Kiến Trúc kientruc.html Nhà hát Lớn (1901-1911), Ô Quan Chưởng (1749/1817), Trụ sở Bộ Ngoại giao Hình ảnh kiến trúc Pháp thuộc và kiến trúc cổ truyền

Quy trình xây dựng mã nguồn và định dạng CSS

Hệ thống giao diện được thiết kế theo một layout chuẩn (Layout 1) đảm bảo tính nhất quán trên toàn bộ các trang con:

  1. Khởi tạo bộ khung và liên kết thư viện: Khai báo tài liệu chuẩn HTML5 với thẻ <meta name="viewport" content="width=device-width, initial-scale=1.0"> và nhúng Bootstrap 5.1 thông qua liên kết CDN:

    • CSS: https://cdn.net/npm/bootstrap@5.1/dist/css/bootstrap.css
    • JS: https://cdn.net/npm/bootstrap@5.1/dist/js/bootstrap.js

  2. Thiết kế phần Header và Navigation:

    • Cấu trúc thẻ header được cố định với màu nền đen xám (background-color: #333; color: #fff; padding: 20px; text-align: center;).
    • Thanh điều hướng top_menu ứng dụng lớp navbar navbar-expand-sm bg-dark navbar-dark kết hợp nút thu gọn navbar-toggler phục vụ màn hình nhỏ và danh sách menu xổ xuống (dropdown-menu) tại mục "Chi Tiết".
    • CSS bổ trợ cho menu được tùy biến với các thuộc tính: .top-menu { width: 1175px; height: 35px; margin-top: -171px; float: left; background-color: #f2f2f2; }, định dạng trạng thái liên kết (:link, :visited, :hover).

  3. Thiết kế phần Content (box_content):

    • Vùng chứa nội dung chính được kiểm soát thông qua vùng chứa #content-box { width: 80%; margin: auto; margin-top: 20px; padding: 20px; background-color: #f2f2f2; }.
    • Bên trong, khối #content có chiều rộng cố định 1175px, sử dụng thẻ article (width: 1100px; height: 200px; overflow-x: scroll; border: 2px solid black;) để chứa các đoạn văn bản dài, cỡ chữ văn bản được đặt 32px với mã màu #212121.
    • Các tiêu đề mục con sử dụng thẻ <h1> với định kiểu nội dòng (color: red; font-size: 34px; font-weight: 700;).

Nội dung chính theo từng chương

Chương 1: Tổng Quan

Chương 1 trình bày mục đích xây dựng website giới thiệu tổng quan về thành phố Hà Nội với các thông tin cốt lõi về văn hóa, địa lý và lịch sử, đồng thời xác định phương hướng thiết kế giao diện đơn giản, thân thiện.

Chương này phân tích vai trò của từng công nghệ trong ngăn xếp kỹ thuật của đồ án:

  • HTML: Định dạng cấu trúc, chèn hình ảnh, phân đoạn văn bản và liên kết.
  • CSS: Quản lý thuộc tính thẩm mỹ, màu sắc, phông chữ Arial và sans-serif, kích thước khung hiển thị.
  • Bootstrap: Hỗ trợ khung giao diện nhanh, cung cấp giải pháp thiết kế đáp ứng trên thiết bị di động và máy tính để bàn.
  • JavaScript: Hỗ trợ tính năng kịch bản tương tác ở phía Client-Side và mở rộng khả năng chạy trên nền tảng Node.js ở phía máy chủ.

Mục tiêu chung của hệ thống là cung cấp một cổng thông tin quảng bá trực quan, kích cầu du lịch và nâng cao nhận thức cộng đồng về di sản văn hóa Thủ đô.

Chương 2: Thiết Kế Website

Chương 2 mô tả chi tiết toàn bộ các bước triển khai mã nguồn HTML/CSS và giao diện trực quan cho 8 trang nội dung của website:

  • Trang chủ (TrangChu.html): Thiết lập cấu trúc khung (outer), tiêu đề đầu trang (header), hệ thống menu chính và menu điều hướng phụ dạng dropdown chứa liên kết đến các trang chi tiết.
  • Trang Giới thiệu (gioithieu.html): Trình bày mốc lịch sử thành lập Hà Nội năm 1010, vị trí trung tâm hành chính - giáo dục, các trường đại học, viện nghiên cứu cùng dấu ấn kiến trúc thời kỳ thuộc địa Pháp.
  • Trang Văn hóa (vanhoa.html): Phản ánh sự giao thoa văn hóa đa dân tộc (Kinh, Chăm, các dân tộc thiểu số). Điểm qua các loại hình nghệ thuật dân gian tiêu biểu (ca trù, hát xẩm, chèo, quan họ, múa rối nước) và các lễ hội như lễ hội Đông Cổ, Thăng Long - Hà Nội, Sắc Màu Tuổi Trẻ, Âm tiết Tây Bắc.
  • Trang Địa lý (dialy.html): Cung cấp các thông số kỹ thuật địa lý:
    • Tọa độ địa lý: $21^\circ01' - 21^\circ18'$ Vĩ Bắc và $105^\circ42' - 106^\circ03'$ Kinh Đông.
    • Diện tích tự nhiên: $3.328,9\text{ km}^2$, phân chia hành chính gồm 12 quận và 17 huyện (quận Hoàn Kiếm là trung tâm).
    • Khí hậu: Nhiệt đới ẩm, nhiệt độ trung bình khoảng $23^\circ\text{C}$, mùa mưa kéo dài từ tháng 5 đến tháng 10, mùa khô từ tháng 11 đến tháng 4 năm sau. Cảnh quan tiêu biểu gồm sông Hồng, Hồ Tây, hồ Hoàn Kiếm.
  • Trang Lịch sử (lichsu.html): Hệ thống hóa tiến trình lịch sử qua các thời kỳ:
    • Thời Lý: Vua Lý Thái Tổ lập đô Thăng Long năm 1010, đặt quốc hiệu Đại Việt. Năm 1077, Lý Thường Kiệt lãnh đạo đánh bại quân Tống.
    • Thời Trần: Thành lập năm 1226 dưới thời vua Trần Thái Tông, chia Thăng Long thành 61 phường; 3 lần đánh bại quân Nguyên Mông (1258 - 1288); Hội nghị Diên Hồng triệu tập năm 1285.
    • Thời Hồ và thời thuộc Minh: Năm 1400 Hồ Quý Ly lập Tây Đô (Thanh Hóa), đổi Thăng Long thành Đông Đô. Năm 1406-1407, quân Minh xâm lược và đổi tên thành Đông Quan.
    • Thời Lê - Mạc - Trịnh: Khởi nghĩa Lam Sơn thắng lợi giải phóng kinh thành, đổi tên thành Đông Kinh; thời Mạc (1527) lấy lại tên Thăng Long; thời Lê - Trịnh chia thành hai huyện Thọ Xương và Quảng Đức (phủ Phụng Thiên).
    • Thời Nguyễn và thời Pháp thuộc: Năm 1802, vua Gia Long đặt đô ở Phú Xuân, đổi chữ "Long" trong Thăng Long thành chữ "Thịnh". Năm 1858, thực dân Pháp xâm lược và áp đặt cai trị.
    • Giai đoạn hiện đại: Ngày 02/09/1945 Chủ tịch Hồ Chí Minh đọc Tuyên ngôn Độc lập tại Quảng trường Ba Đình; cuộc kháng chiến chống thực dân Pháp (1946 - 1954) kết thúc bằng chiến thắng Điện Biên Phủ ngày 07/05/1954.
  • Trang Ẩm thực (amthuc.html): Mô tả 5 món ăn và thức uống nổi tiếng:
    • Bún ốc Hà Nội (ốc vặn, ốc nhồi, bún, cà chua, nước dùng đậm đà).
    • Phở Hà Nội (bánh phở dẹp và to hơn phở miền Nam, ăn kèm quẩy, các biến thể phở bò, phở gà, phở ngan).
    • Bún chả Hà Nội (chả nướng than hoa, nước chấm chua ngọt kèm su hào, cà rốt ngâm giấm).
    • Bún thang Hà Nội (món ăn cầu kỳ với gần 20 nguyên liệu: trứng chiên mỏng xắt nhỏ, lườn gà xé, giò lụa, tôm, mực, rau răm).
    • Café Trứng - Giảng (quán Giảng tại ngõ 39 Nguyễn Hữu Huân, quận Hoàn Kiếm; thưởng thức nóng hoặc lạnh).
  • Trang Tham quan (thamquan.html): Giới thiệu 4 di tích trọng điểm:
    • Văn Miếu - Quốc Tử Giám (biểu tượng tri thức, trường đại học đầu tiên tại Việt Nam).
    • Lăng Chủ tịch Hồ Chí Minh (quảng trường Ba Đình; mở cửa các buổi sáng trong tuần trừ thứ Hai và thứ Sáu).
    • Đền Ngọc Sơn - Tháp Rùa - Hồ Hoàn Kiếm.
    • Chùa Một Cột (quần thể kiến trúc liên hoa đài hình bông sen chớm nở).
  • Trang Kiến trúc (kientruc.html): Thuyết minh 3 công trình kiến trúc lịch sử:
    • Nhà hát Lớn Hà Nội (quảng trường Cách mạng tháng Tám, đầu phố Tràng Tiền; xây dựng giai đoạn 1901 - 1911 phỏng theo mẫu Nhà hát Opéra Garnier tại Paris).
    • Ô Quan Chưởng (còn gọi là ô Đông Hà; xây dựng năm Cảnh Hưng thứ 10 - 1749, tái thiết năm Gia Long thứ 3 - 1817; tưởng nhớ viên quan Chưởng Cơ và 100 binh lính hy sinh chống Pháp năm 1873).
    • Trụ sở Bộ Ngoại giao (tòa nhà trăm mái tại nút giao Chu Văn An - Điện Biên Phủ - Tôn Thất Đàm; do kiến trúc sư Ernest Hébrard thiết kế năm 1924, thi công 1925 - 1928, tiền thân là Sở Tài chính Đông Dương, được bàn giao làm việc từ ngày 03/10/1945).

Chương 3: Kết Luận

Chương 3 tổng kết các kết quả đạt được trong quá trình thiết kế website, đánh giá mức độ hoàn thành mục tiêu xây dựng một giao diện thông tin hoàn chỉnh về Hà Nội, đồng thời liệt kê danh mục tài liệu tham khảo được sử dụng trong bài báo cáo.

Kết quả và đóng góp

Kết quả triển khai cụ thể

Đề tài đã hoàn thành đầy đủ các sản phẩm kỹ thuật và tài liệu báo cáo theo yêu cầu của học phần Thiết kế Web:

  1. Xây dựng hoàn chỉnh bộ mã nguồn gồm 8 trang HTML độc lập (TrangChu.html, gioithieu.html, vanhoa.html, dialy.html, lichsu.html, amthuc.html, thamquan.html, kientruc.html).
  2. Thiết kế giao diện đồ họa đồng bộ, áp dụng bảng màu nền #f2f2f2, màu header #333, kiểu chữ chuẩn Arial/sans-serif.
  3. Tích hợp thành công Bootstrap 5.1 để quản lý thanh menu điều hướng cấp 2 (Dropdown menu) và hỗ trợ bố cục co giãn trên giao diện người dùng.
  4. Xây dựng kho tư liệu đa phương tiện với hệ thống hình ảnh minh họa thực tế cho các danh lam thắng cảnh, sơ đồ bản đồ địa lý, ẩm thực và các công trình kiến trúc.

Đóng góp của đề tài

  • Đóng góp về mặt học thuật/kỹ năng: Thể hiện khả năng nắm vững và vận dụng các thẻ HTML cơ bản, kỹ thuật phân chia Layout bằng CSS (box model, float, margin, padding, thanh cuộn overflow-x), cùng kỹ năng khai thác khung giao diện Bootstrap.
  • Đóng góp về mặt sản phẩm: Cung cấp một mẫu website tĩnh (static website) hoàn chỉnh về mặt hiển thị, có thể ứng dụng làm khung mẫu (template) tham khảo cho các bài tập thực hành xây dựng cổng thông tin du lịch và văn hóa địa phương.

Hạn chế và hướng nghiên cứu tiếp

Hạn chế

  • Công nghệ phát triển: Hệ thống mới dừng lại ở mức độ website tĩnh (front-end tĩnh), chưa có sự tích hợp của cơ sở dữ liệu (Database) hoặc hệ quản trị nội dung (CMS) để quản lý và cập nhật bài viết động.
  • Thiết kế CSS: Việc sử dụng các giá trị kích thước cố định dạng pixel tuyệt đối (ví dụ: width: 1175px, width: 1100px, font-size: 32px) trong các lớp CSS tùy biến (#content, .top-menu) có thể gây hạn chế nhất định về trải nghiệm hiển thị trên một số độ phân giải màn hình nhỏ hoặc màn hình cảm ứng di động.
  • Tính năng tương tác: Chưa tích hợp các form tìm kiếm thông tin, bình luận của người dùng hoặc các hiệu ứng chuyển trang nâng cao bằng JavaScript chuyên sâu.

Hướng phát triển

  • Chuyển đổi mã nguồn tĩnh sang các nền tảng lập trình web động (Dynamic Web) sử dụng Node.js, PHP hoặc các framework hiện đại.
  • Tích hợp hệ thống cơ sở dữ liệu (MySQL, MongoDB) để quản trị tập trung thông tin về văn hóa, địa điểm và ẩm thực.
  • Tối ưu hóa lại hệ thống CSS theo chuẩn Responsive hoàn toàn bằng cách sử dụng đơn vị tương đối (rem, %, vw/vh) kết hợp chặt chẽ với hệ thống Grid 12 cột của Bootstrap.

Giá trị tham khảo

Đồ án là tài liệu thực hành có giá trị tham khảo cụ thể đối với:

  • Sinh viên ngành Công nghệ Thông tin, Kỹ thuật Phần mềm: Dùng làm mẫu tham khảo trực tiếp cho các bài tập lớn, đồ án kết thúc học phần môn Thiết kế Web, Lập trình Web cơ bản (HTML/CSS/Bootstrap).
  • Người học tự nghiên cứu Front-end: Tham khảo cách tổ chức thư mục dự án, cách liên kết thư viện CSS/JS qua CDN, kỹ thuật tạo navbar dạng dropdown và cách bố trí các khung nội dung dạng bài viết (box_content).
  • Các đề tài xây dựng website quảng bá địa phương: Tham khảo cấu trúc danh mục phân chia nội dung giới thiệu toàn diện về một địa danh (từ địa lý, lịch sử, văn hóa cho đến ẩm thực, điểm đến và kiến trúc).

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

1. Đồ án sử dụng phiên bản Bootstrap nào và được tích hợp vào hệ thống theo phương thức nào?
Đồ án sử dụng phiên bản Bootstrap 5.1, được tích hợp trực tiếp vào phần thẻ <head> của các trang HTML thông qua đường dẫn CDN (https://cdn.net/npm/bootstrap@5.1/dist/css/bootstrap.css và https://cdn.net/npm/bootstrap@5.1/dist/js/bootstrap.js).

2. Các thông số tọa độ và diện tích địa lý của Hà Nội được trình bày trong website là bao nhiêu?
Theo nội dung thể hiện tại trang dialy.html, Hà Nội có tọa độ địa lý nằm trong khoảng $21^\circ01' - 21^\circ18'$ Vĩ Bắc và $105^\circ42' - 106^\circ03'$ Kinh Đông, diện tích tự nhiên là $3.328,9\text{ km}^2$, gồm 12 quận và 17 huyện.

3. Thanh menu điều hướng chính của website gồm những mục nào và cấu trúc dropdown ra sao?
Thanh điều hướng chính chứa các liên kết trực tiếp: Trang Chủ, Giới Thiệu, Địa Lý, Lịch Sử, cùng một mục xổ xuống mang tên Chi Tiết chứa các liên kết trang: Văn Hóa, Ẩm Thực, Tham Quan, Kiến Trúc.

4. Trang Ẩm thực giới thiệu cụ thể những món ăn, thức uống đặc trưng nào của Hà Nội?
Trang amthuc.html giới thiệu chi tiết 5 món ăn/thức uống truyền thống gồm: Bún ốc Hà Nội, Phở Hà Nội, Bún chả Hà Nội, Bún thang Hà Nội (với gần 20 nguyên liệu) và Café trứng tại quán Giảng (ngõ 39 Nguyễn Hữu Huân).

5. Công trình Nhà hát Lớn Hà Nội và Trụ sở Bộ Ngoại giao được xây dựng vào thời gian nào theo ghi nhận trong đề tài?
Nhà hát Lớn Hà Nội được khởi công năm 1901 và hoàn thành năm 1911 (theo mẫu Opéra Garnier tại Paris). Trụ sở Bộ Ngoại giao (nguyên là Sở Tài chính Đông Dương do KTS Ernest Hébrard thiết kế năm 1924) được khởi công năm 1925, hoàn thành năm 1928 và được bàn giao sử dụng từ ngày 03/10/1945.

Kết luận

Báo cáo kết thúc học phần "Tạo Website trình bày về văn hóa – địa lý của thành phố Hà Nội" của sinh viên Nguyễn Đăng Hiếu đã hoàn thành các mục tiêu xây dựng một trang thông tin điện tử hoàn chỉnh về mặt giao diện và nội dung. Đồ án vận dụng kết hợp HTML5, CSS3 và Bootstrap 5.1 để thể hiện sinh động khối lượng tư liệu phong phú về lịch sử, địa lý, ẩm thực và kiến trúc Thủ đô qua hệ thống 8 trang liên kết chặt chẽ. Kết quả này phản ánh năng lực thực hành lập trình giao diện cơ bản của sinh viên, đồng thời cung cấp một tư liệu mẫu phù hợp cho học phần Thiết kế Web tại các cơ sở đào tạo công nghệ thông tin.