15+ Đề Trắc nghiệm Tin học 12 Cánh diều Bài 3: Tạo thanh điều hướng cho trang web

Câu 1: Bạn đang thiết kế một trang web thương mại điện tử với nhiều danh mục sản phẩm. Để đảm bảo người dùng dễ dàng tìm kiếm và truy cập các danh mục này, vị trí đặt thanh điều hướng nào là phù hợp nhất?

• A. Ở cuối trang web, sau phần chân trang.
• B. Ngay bên dưới phần tiêu đề trang web (header).
• C. Nằm ẩn và chỉ xuất hiện khi người dùng cuộn chuột xuống cuối trang.
• D. Ở vị trí ngẫu nhiên trên trang để tạo sự bất ngờ cho người dùng.

Câu 2: Giả sử bạn thiết kế thanh điều hướng cho một trang web trên thiết bị di động. Khi không gian màn hình hạn chế, giải pháp nào sau đây giúp thanh điều hướng hiển thị đầy đủ các tùy chọn mà vẫn gọn gàng, không chiếm quá nhiều diện tích?

• A. Thu nhỏ kích thước chữ và biểu tượng trên thanh điều hướng.
• B. Loại bỏ bớt một số mục điều hướng ít quan trọng.
• C. Sử dụng thanh điều hướng dạng "hamburger" (ẩn sau biểu tượng ba gạch ngang).
• D. Thay đổi màu sắc thanh điều hướng để làm nổi bật hơn.

Câu 3: Trong phần thiết lập thanh điều hướng, tùy chọn "Logo Size" có chức năng chính là gì?

• A. Điều chỉnh kích thước hiển thị của logo thương hiệu trên thanh điều hướng.
• B. Thay đổi vị trí logo sang trái hoặc phải của thanh điều hướng.
• C. Chọn loại logo (hình ảnh hoặc chữ) hiển thị trên thanh điều hướng.
• D. Ẩn hoặc hiện logo thương hiệu trên thanh điều hướng.

Câu 4: Để liên kết một mục trên thanh điều hướng (ví dụ: mục "Giới thiệu") đến một trang cụ thể trên website, thao tác "Link" cho phép bạn thực hiện điều gì?

• A. Chèn thêm biểu tượng (icon) vào trước tên mục "Giới thiệu".
• B. Nhập địa chỉ URL của trang "Giới thiệu" để khi nhấp vào mục này, người dùng sẽ được chuyển đến trang đó.
• C. Thay đổi màu chữ của mục "Giới thiệu" trên thanh điều hướng.
• D. Tạo hiệu ứng động khi di chuột qua mục "Giới thiệu".

Câu 5: Tùy chọn "Full Width" khi được kích hoạt cho thanh điều hướng sẽ có tác dụng gì đối với chiều rộng hiển thị của thanh điều hướng trên trang web?

• A. Thanh điều hướng sẽ trải dài hết chiều ngang của màn hình, từ mép trái sang mép phải.
• B. Thanh điều hướng sẽ chỉ hiển thị ở một phần chiều ngang màn hình, không chiếm toàn bộ.
• C. Chiều rộng thanh điều hướng sẽ tự động thay đổi theo nội dung bên trong.
• D. Tùy chọn này không ảnh hưởng đến chiều rộng mà chỉ thay đổi chiều cao thanh điều hướng.

Câu 6: Ưu điểm chính của việc sử dụng tùy chọn "Sticky" (thanh điều hướng dính) là gì?

• A. Giúp thanh điều hướng có màu sắc nổi bật và dễ nhận thấy hơn.
• B. Làm cho thanh điều hướng chiếm ít không gian hiển thị hơn trên trang.
• C. Cho phép thanh điều hướng hiển thị toàn bộ các mục nội dung cùng một lúc.
• D. Thanh điều hướng luôn cố định ở đầu trang ngay cả khi người dùng cuộn trang xuống, giúp truy cập menu dễ dàng hơn.

Câu 7: Để tạo cấu trúc điều hướng đa cấp, cho phép người dùng truy cập các mục con bên trong một mục chính (ví dụ: mục "Sản phẩm" có các mục con "Điện thoại", "Máy tính", "Phụ kiện"), bạn sẽ sử dụng tùy chọn nào?

• A. Add Submenu (Thêm menu con).
• B. Insert Icons (Chèn biểu tượng).
• C. Link (Liên kết).
• D. Remove Block (Xóa khối).

Câu 8: Tùy chọn "Icons Color" cho phép bạn tùy chỉnh khía cạnh nào của các biểu tượng (icons) hiển thị trên thanh điều hướng?

• A. Kích thước của biểu tượng.
• B. Màu sắc của biểu tượng.
• C. Loại biểu tượng (ví dụ: thay đổi từ biểu tượng hình vuông sang hình tròn).
• D. Hiệu ứng động của biểu tượng khi di chuột qua.

Câu 9: Trong trường hợp thanh điều hướng chứa quá nhiều mục và vượt quá chiều rộng màn hình hiển thị, tùy chọn "Collapsed" sẽ giúp giải quyết vấn đề này như thế nào?

• A. Tự động giảm kích thước chữ của các mục trên thanh điều hướng.
• B. Di chuyển thanh điều hướng xuống phía dưới trang để có thêm không gian.
• C. Thu gọn bớt một số mục điều hướng vào một menu "ẩn" (ví dụ: menu "Thêm" hoặc biểu tượng ba chấm) để tiết kiệm không gian.
• D. Ẩn hoàn toàn thanh điều hướng khi không đủ không gian hiển thị.

Câu 10: Thao tác "Remove Block" được sử dụng để thực hiện hành động gì đối với thanh điều hướng?

• A. Ẩn tạm thời thanh điều hướng.
• B. Xóa hoàn toàn thanh điều hướng khỏi trang web.
• C. Chỉnh sửa nội dung bên trong thanh điều hướng.
• D. Sao chép thanh điều hướng sang vị trí khác trên trang.

Câu 11: Màu sắc của thanh điều hướng nên được lựa chọn như thế nào để đảm bảo tính thẩm mỹ và trải nghiệm người dùng tốt?

• A. Luôn sử dụng màu sắc tương phản mạnh để thanh điều hướng nổi bật nhất.
• B. Chọn màu sắc ngẫu nhiên, không cần tuân theo bất kỳ nguyên tắc nào.
• C. Đồng bộ với bảng màu chủ đạo của trang web và phù hợp với thương hiệu.
• D. Sử dụng càng nhiều màu sắc khác nhau càng tốt để tạo sự đa dạng.

Câu 12: Thanh điều hướng đóng vai trò quan trọng nhất trong việc hỗ trợ người dùng thực hiện thao tác nào trên trang web?

• A. Điều hướng và truy cập đến các phần nội dung khác nhau của trang web.
• B. Xem các quảng cáo và khuyến mãi trên trang web.
• C. Đăng nhập và đăng ký tài khoản người dùng.
• D. Chia sẻ nội dung trang web lên mạng xã hội.

Câu 13: Giả sử bạn muốn thêm một biểu tượng (icon) vào bên cạnh mỗi mục trên thanh điều hướng (ví dụ: biểu tượng hình ngôi nhà cho mục "Trang chủ"). Thao tác nào sẽ giúp bạn thực hiện điều này?

• A. Thay đổi kích thước chữ của các mục trên thanh điều hướng.
• B. Sử dụng tùy chọn "Insert Icons" (Chèn biểu tượng) và chọn biểu tượng phù hợp cho từng mục.
• C. Sử dụng tùy chọn "Brand Name" để thêm logo.
• D. Sử dụng tùy chọn "Transparent" để làm trong suốt thanh điều hướng.

Câu 14: Khi thiết kế thanh điều hướng, yếu tố "tính nhất quán" có nghĩa là gì?

• A. Nội dung các mục trên thanh điều hướng phải liên quan đến nhau.
• B. Thanh điều hướng phải được cập nhật nội dung thường xuyên.
• C. Số lượng mục trên thanh điều hướng phải cố định, không thay đổi.
• D. Thanh điều hướng phải có phong cách thiết kế (vị trí, màu sắc, kiểu chữ...) giống nhau trên tất cả các trang của website.

Câu 15: Trong ngữ cảnh thiết kế web, "Brand Name" trên thanh điều hướng thường dùng để hiển thị thông tin gì?

• A. Slogan hoặc khẩu hiệu của thương hiệu.
• B. Thông tin liên hệ của doanh nghiệp.
• C. Tên thương hiệu hoặc tên website.
• D. Địa chỉ trụ sở chính của doanh nghiệp.

Câu 16: Giả sử bạn muốn tạo một thanh điều hướng trong suốt (transparent) để nó hòa lẫn với phần tiêu đề trang web phía dưới. Tùy chọn nào sẽ giúp bạn đạt được hiệu ứng này?

• A. Transparent (Trong suốt).
• B. Sticky (Dính).
• C. Full Width (Toàn chiều rộng).
• D. Collapsed (Thu gọn).

Câu 17: Tại sao nên giới hạn số lượng các mục chính trên thanh điều hướng?

• A. Để tiết kiệm không gian hiển thị trên trang web.
• B. Để tránh làm người dùng bị quá tải thông tin và dễ dàng tìm thấy mục mình cần.
• C. Để tăng tốc độ tải trang web.
• D. Để thanh điều hướng trông đơn giản và hiện đại hơn.

Câu 18: Loại thông tin nào sau đây không nên đặt trên thanh điều hướng chính?

• A. Các danh mục sản phẩm/dịch vụ chính.
• B. Liên kết đến trang "Giới thiệu" và "Liên hệ".
• C. Chức năng tìm kiếm trên website.
• D. Thông tin chi tiết về chính sách bảo mật và điều khoản sử dụng.

Câu 19: Trong quá trình thiết kế thanh điều hướng, việc kiểm thử (testing) với người dùng thực tế có vai trò gì?

• A. Kiểm tra xem thanh điều hướng có hiển thị đúng trên các trình duyệt khác nhau hay không.
• B. Đảm bảo mã nguồn của thanh điều hướng hoạt động ổn định.
• C. Đánh giá xem thanh điều hướng có dễ sử dụng, dễ hiểu và giúp người dùng đạt được mục tiêu hay không.
• D. So sánh thiết kế thanh điều hướng của bạn với các đối thủ cạnh tranh.

Câu 20: Điều gì xảy ra khi bạn chọn "Add Submenu" cho một mục đã có submenu?

• A. Thay thế submenu hiện có bằng một submenu mới.
• B. Thêm một submenu mới vào submenu hiện có (tạo menu con cấp 3).
• C. Xóa submenu hiện có và tạo một submenu mới ở vị trí đó.
• D. Hệ thống sẽ báo lỗi và không cho phép thêm submenu.

Câu 21: Giả sử bạn muốn thay đổi thứ tự hiển thị của các mục trên thanh điều hướng (ví dụ: chuyển mục "Liên hệ" lên trước mục "Giới thiệu"). Bạn sẽ thực hiện thao tác nào?

• A. Sử dụng chức năng kéo và thả (drag-and-drop) các mục để thay đổi vị trí.
• B. Xóa các mục hiện tại và thêm lại theo thứ tự mới.
• C. Thay đổi mã nguồn HTML của thanh điều hướng.
• D. Sử dụng tùy chọn "Sort by Alphabet" (Sắp xếp theo bảng chữ cái).

Câu 22: Khi thiết kế thanh điều hướng cho trang web có hỗ trợ đa ngôn ngữ, bạn cần lưu ý điều gì?

• A. Chỉ cần thiết kế thanh điều hướng bằng ngôn ngữ chính của website.
• B. Sử dụng biểu tượng (icons) thay cho chữ viết để tránh vấn đề ngôn ngữ.
• C. Đảm bảo thanh điều hướng hiển thị chính xác và đầy đủ các mục điều hướng bằng tất cả các ngôn ngữ được hỗ trợ.
• D. Ẩn thanh điều hướng đối với người dùng sử dụng ngôn ngữ không phải ngôn ngữ chính.

Câu 23: Tại sao một số website sử dụng thanh điều hướng dọc (sidebar navigation) thay vì thanh điều hướng ngang (top navigation)?

• A. Thanh điều hướng dọc luôn dễ sử dụng hơn thanh điều hướng ngang.
• B. Thanh điều hướng dọc phù hợp với các website có nhiều danh mục và cấp độ nội dung, giúp hiển thị được nhiều mục hơn mà không bị tràn ngang.
• C. Thanh điều hướng dọc giúp website tải nhanh hơn.
• D. Thanh điều hướng dọc là xu hướng thiết kế hiện đại hơn.

Câu 24: Giả sử bạn vô tình xóa mất thanh điều hướng quan trọng trên trang web. Làm thế nào để khôi phục lại thanh điều hướng này một cách nhanh chóng nhất?

• A. Sử dụng tổ hợp phím Ctrl+Z (hoặc Cmd+Z trên Mac) để hoàn tác hành động xóa.
• B. Liên hệ với nhà cung cấp hosting để yêu cầu khôi phục.
• C. Nếu có bản sao lưu (backup) của website, hãy khôi phục lại từ bản sao lưu đó.
• D. Không có cách nào khôi phục được, phải tạo lại thanh điều hướng từ đầu.

Câu 25: Trong thiết kế web hiện đại, xu hướng sử dụng "micro-navigation" (điều hướng vi mô) ngày càng phổ biến. "Micro-navigation" thường được thể hiện dưới dạng nào trên thanh điều hướng?

• A. Các menu thả xuống phức tạp với nhiều cấp độ.
• B. Thanh điều hướng luôn hiển thị đầy đủ các mục, không thu gọn.
• C. Sử dụng ảnh động và hiệu ứng chuyển động phức tạp.
• D. Các biểu tượng (icons) đơn giản, nhỏ gọn, thường không kèm theo chữ viết.

Câu 26: Thanh điều hướng nên được thiết kế "responsive". Điều này có nghĩa là gì?

• A. Thanh điều hướng tự động điều chỉnh bố cục và kích thước để hiển thị tốt trên các loại màn hình khác nhau (máy tính, máy tính bảng, điện thoại).
• B. Thanh điều hướng chỉ hiển thị tốt nhất trên màn hình máy tính để bàn.
• C. Thanh điều hướng có thể thay đổi màu sắc theo thời gian trong ngày.
• D. Thanh điều hướng chỉ hoạt động khi có kết nối internet ổn định.

Câu 27: Để tăng tính tương tác và hấp dẫn cho thanh điều hướng, bạn có thể thêm yếu tố nào?

• A. Sử dụng phông chữ viết tay nghệ thuật cho các mục trên thanh điều hướng.
• B. Hiệu ứng hover (đổ bóng, đổi màu...) khi người dùng di chuột qua các mục.
• C. Thêm nhạc nền vào thanh điều hướng.
• D. Ẩn thanh điều hướng và chỉ hiển thị khi người dùng nhấp vào một nút bí mật.

Câu 28: Trong quá trình thiết kế thanh điều hướng, bạn nên ưu tiên yếu tố nào nhất?

• A. Tính thẩm mỹ và độc đáo của thiết kế.
• B. Số lượng hiệu ứng và tính năng đặc biệt được tích hợp.
• C. Giá thành rẻ và tốc độ thiết kế nhanh chóng.
• D. Tính dễ sử dụng và khả năng điều hướng hiệu quả cho người dùng.

Câu 29: Nếu website của bạn có cấu trúc đơn giản, ít trang và nội dung không quá phức tạp, bạn có cần thiết phải sử dụng thanh điều hướng phức tạp với nhiều cấp độ submenu không?

• A. Vẫn nên sử dụng thanh điều hướng phức tạp để website trông chuyên nghiệp hơn.
• B. Không cần thiết. Nên ưu tiên thiết kế thanh điều hướng đơn giản, trực quan và dễ sử dụng.
• C. Thanh điều hướng phức tạp luôn tốt hơn thanh điều hướng đơn giản.
• D. Điều này phụ thuộc vào sở thích cá nhân của người thiết kế.

Câu 30: Để đảm bảo thanh điều hướng hoạt động tốt trên các trình duyệt web khác nhau (Chrome, Firefox, Safari, Edge...), bạn cần thực hiện công việc gì?

• A. Chỉ cần thiết kế thanh điều hướng cho trình duyệt phổ biến nhất (ví dụ: Chrome).
• B. Các trình duyệt web hiện đại đều tương thích hoàn toàn với mọi loại thiết kế.
• C. Kiểm tra và thử nghiệm thanh điều hướng trên nhiều trình duyệt khác nhau để phát hiện và sửa lỗi.
• D. Không cần kiểm tra, vì thanh điều hướng là thành phần đơn giản và ít gây lỗi.

Câu 1: Thanh điều hướng (navigation bar) trên trang web có vai trò quan trọng nhất là gì?

• A. Hiển thị các quảng cáo nổi bật.
• B. Giúp người dùng dễ dàng tìm kiếm và di chuyển giữa các trang nội dung chính.
• C. Tạo hiệu ứng động cho trang web.
• D. Chỉ đơn thuần là phần trang trí cho trang web.

Câu 2: Trên một trang web dành cho máy tính để bàn (desktop), vị trí nào sau đây là phổ biến và dễ nhận biết nhất cho thanh điều hướng chính?

• A. Ở cuối chân trang (footer).
• B. Nổi ở giữa màn hình.
• C. Ngay dưới phần đầu trang (header) hoặc tích hợp trong header.
• D. Ở cột bên phải của trang.

Câu 3: Khi thiết kế thanh điều hướng cho một trang web hiển thị trên điện thoại di động với màn hình hẹp, giải pháp nào sau đây thường được áp dụng để tiết kiệm không gian?

• A. Hiển thị tất cả các liên kết theo chiều ngang, cuộn sang hai bên.
• B. Ẩn bớt một số liên kết ít quan trọng.
• C. Giảm kích thước phông chữ của các liên kết xuống rất nhỏ.
• D. Thu gọn các liên kết vào một biểu tượng (ví dụ: biểu tượng hamburger) và hiển thị dạng thả xuống khi nhấp vào.

Câu 4: Tùy chọn "Sticky" khi áp dụng cho thanh điều hướng có tác dụng gì?

• A. Giữ thanh điều hướng cố định ở một vị trí trên màn hình (thường là phía trên cùng) ngay cả khi người dùng cuộn trang xuống.
• B. Làm cho thanh điều hướng di chuyển theo con trỏ chuột.
• C. Thay đổi màu sắc của thanh điều hướng một cách ngẫu nhiên.
• D. Chỉ hiển thị thanh điều hướng khi người dùng cuộn lên đầu trang.

Câu 5: Mục đích chính của việc sử dụng các danh mục con (submenus) trong thanh điều hướng là gì?

• A. Làm cho thanh điều hướng trông phức tạp hơn.
• B. Bắt buộc người dùng phải nhấp nhiều lần để đến trang mong muốn.
• C. Tổ chức các liên kết theo cấu trúc phân cấp, giúp quản lý và hiển thị nhiều liên kết một cách gọn gàng.
• D. Chỉ dùng để hiển thị hình ảnh thay vì văn bản liên kết.

Câu 6: Khi bạn thêm một mục mới vào thanh điều hướng trong phần mềm tạo web, bước quan trọng tiếp theo để mục đó hoạt động là gì?

• A. Thiết lập liên kết (link) cho mục đó tới một trang hoặc một phần nội dung cụ thể.
• B. Thay đổi màu sắc của mục mới.
• C. Thêm biểu tượng (icon) cho mục đó.
• D. Nhân đôi mục đó lên.

Câu 7: Tùy chọn "Full Width" (Chiều rộng đầy đủ) trong cài đặt thanh điều hướng thường có nghĩa là gì?

• A. Thanh điều hướng chỉ chiếm một phần nhỏ chiều rộng màn hình.
• B. Thanh điều hướng sẽ trải rộng toàn bộ chiều ngang của khu vực chứa nó (thường là toàn bộ chiều rộng màn hình trình duyệt).
• C. Các mục trong thanh điều hướng sẽ hiển thị theo chiều dọc.
• D. Thanh điều hướng sẽ tự động ẩn đi khi không sử dụng.

Câu 8: Trong một thanh điều hướng, biểu tượng (icon) "ngôi nhà" (house) thường được dùng để đại diện cho liên kết nào?

• A. Trang liên hệ.
• B. Trang giới thiệu.
• C. Trang sản phẩm/dịch vụ.
• D. Trang chủ (Homepage).

Câu 9: Giả sử bạn có một website với rất nhiều chuyên mục chính. Việc đặt tất cả các chuyên mục này lên thanh điều hướng ngang trên cùng có thể gây ra vấn đề gì trên màn hình desktop?

• A. Thanh điều hướng trở nên quá dài, tràn ra ngoài màn hình hoặc các mục bị ép sát vào nhau, khó đọc và khó nhấp.
• B. Tốc độ tải trang nhanh hơn.
• C. Website trở nên thân thiện hơn với thiết bị di động.
• D. Việc quản lý nội dung trở nên dễ dàng hơn.

Câu 10: Để xóa một mục không còn cần thiết khỏi thanh điều hướng, bạn thường thực hiện thao tác nào với mục đó trong giao diện chỉnh sửa?

• A. Sao chép mục đó.
• B. Thêm danh mục con cho mục đó.
• C. Chọn tùy chọn "Xóa" (Delete/Remove).
• D. Thay đổi màu sắc của mục đó.

Câu 11: Tầm quan trọng của việc duy trì sự nhất quán của thanh điều hướng (vị trí, cấu trúc) trên tất cả các trang của website là gì?

• A. Làm cho website trông phức tạp hơn.
• B. Giúp mỗi trang có một bố cục độc đáo.
• C. Bắt buộc người dùng phải học cách điều hướng lại trên mỗi trang.
• D. Tạo trải nghiệm người dùng liền mạch và dễ đoán, giúp họ không bị lạc và biết cách quay lại hoặc chuyển trang.

Câu 12: Khi thiết lập liên kết cho một mục trên thanh điều hướng, bạn cần cung cấp thông tin gì?

• A. Màu sắc của trang đích.
• B. Địa chỉ URL (đường dẫn) của trang hoặc phần nội dung mà liên kết đó dẫn tới.
• C. Ngày tạo của trang đích.
• D. Số lượng người đã truy cập trang đích.

Câu 13: Giả sử bạn muốn một liên kết trong thanh điều hướng (ví dụ: liên kết đến một trang web bên ngoài) mở ra trong một tab hoặc cửa sổ trình duyệt mới. Tùy chọn cài đặt nào bạn cần tìm và bật?

• A. Mở trong tab/cửa sổ mới (Open in new tab/window).
• B. Thêm vào danh mục con.
• C. Làm cho liên kết có màu đỏ.
• D. Áp dụng hiệu ứng di chuột (hover effect).

Câu 14: Đâu là một trong những yếu tố quan trọng cần cân nhắc về mặt hình ảnh khi thiết kế thanh điều hướng để đảm bảo tính dễ đọc và thẩm mỹ?

• A. Sử dụng nhiều loại phông chữ khác nhau cho mỗi mục.
• B. Đặt văn bản liên kết trùng màu với nền thanh điều hướng.
• C. Sử dụng hình ảnh phức tạp làm nền thanh điều hướng.
• D. Đảm bảo độ tương phản màu sắc cao giữa văn bản liên kết và nền thanh điều hướng.

Câu 15: Ngoài các liên kết đến trang nội dung, thanh điều hướng chính trên nhiều website hiện đại thường tích hợp thêm chức năng nào sau đây để tăng tính tiện ích cho người dùng?

• A. Hiển thị đồng hồ đếm ngược.
• B. Ô tìm kiếm nội dung trên website.
• C. Trò chơi giải trí nhỏ.
• D. Danh sách các bài viết mới nhất.

Câu 16: Khi sử dụng phần mềm tạo web, thao tác nào sau đây cho phép bạn thêm một khối (block) thanh điều hướng mới vào trang web hiện tại?

• A. Tìm và chọn khối "Menu" hoặc "Navigation" trong danh sách các khối có sẵn để thêm vào trang.
• B. Nhấp đúp vào bất kỳ vị trí trống nào trên trang.
• C. Kéo thả một hình ảnh vào khu vực đầu trang.
• D. Gõ lệnh "add menu" vào cửa sổ code.

Câu 17: Logo của website, nếu được đặt trên thanh điều hướng, thường nằm ở vị trí nào?

• A. Bên trái cùng (đối với các ngôn ngữ đọc từ trái sang phải).
• B. Ở giữa thanh điều hướng.
• C. Bên phải cùng.
• D. Ngay cạnh nút tìm kiếm.

Câu 18: Tùy chọn nào trong cài đặt thanh điều hướng cho phép bạn điều chỉnh kích thước hiển thị của logo trên thanh đó?

• A. Link Setting.
• B. Icons Color.
• C. Logo Size.
• D. Full Width.

Câu 19: Khi thanh điều hướng trên màn hình nhỏ (ví dụ: điện thoại) được thu gọn lại thành biểu tượng hamburger, hành động nào của người dùng sẽ làm hiển thị các mục menu?

• A. Cuộn trang lên trên cùng.
• B. Nhấp (click hoặc tap) vào biểu tượng hamburger.
• C. Di chuột qua biểu tượng hamburger.
• D. Gõ phím bất kỳ trên bàn phím.

Câu 20: Sự khác biệt cơ bản giữa một mục menu chính và một mục trong danh mục con (submenu) là gì?

• A. Mục menu chính hiển thị trực tiếp trên thanh điều hướng chính, còn mục trong danh mục con chỉ hiển thị khi người dùng tương tác (ví dụ: di chuột hoặc nhấp) vào mục menu chính chứa nó.
• B. Mục menu chính chỉ chứa văn bản, còn mục trong danh mục con chỉ chứa biểu tượng.
• C. Mục menu chính luôn liên kết ra trang web bên ngoài, còn mục trong danh mục con chỉ liên kết nội bộ.
• D. Mục menu chính không thể thêm liên kết, còn mục trong danh mục con thì có thể.

Câu 21: Để thay đổi màu sắc của các biểu tượng được sử dụng trong thanh điều hướng (ví dụ: biểu tượng tìm kiếm, biểu tượng hamburger), bạn sẽ tìm cài đặt nào trong bảng tùy chỉnh?

• A. Logo Size.
• B. Full Width.
• C. Sticky Option.
• D. Icons Color.

Câu 22: Tại sao việc sắp xếp thứ tự các mục trong thanh điều hướng lại quan trọng?

• A. Người dùng có xu hướng quét từ trái sang phải (hoặc phải sang trái tùy ngôn ngữ), nên việc đặt các mục quan trọng hơn ở vị trí dễ thấy giúp cải thiện khả năng sử dụng.
• B. Thứ tự sắp xếp không ảnh hưởng gì đến trải nghiệm người dùng.
• C. Thứ tự chỉ quan trọng đối với công cụ tìm kiếm.
• D. Việc sắp xếp ngẫu nhiên giúp website trông độc đáo hơn.

Câu 23: Khi thiết kế thanh điều hướng, việc sử dụng quá nhiều hiệu ứng động phức tạp (ví dụ: chuyển động liên tục, nhấp nháy) cho các mục menu có thể gây ra vấn đề gì về trải nghiệm người dùng?

• A. Giúp người dùng tập trung hơn vào nội dung chính.
• B. Tăng tốc độ tải trang.
• C. Gây mất tập trung, làm người dùng khó đọc và tìm kiếm thông tin, thậm chí gây khó chịu.
• D. Luôn được coi là dấu hiệu của một website hiện đại.

Câu 24: Giả sử bạn muốn thêm một liên kết đến một phần cụ thể trong cùng một trang (ví dụ: liên kết "Về đầu trang" hoặc liên kết đến một mục trong trang dài). Bạn sẽ sử dụng loại liên kết nào?

• A. Liên kết neo (Anchor link) hoặc liên kết nội bộ trong trang.
• B. Liên kết tới trang web bên ngoài.
• C. Liên kết tải xuống tệp.
• D. Liên kết email.

Câu 25: Khi thanh điều hướng trên thiết bị di động được thu gọn (collapsed), biểu tượng hamburger thường được đặt ở vị trí nào?

• A. Ở cuối chân trang.
• B. Ở giữa màn hình.
• C. Bên trái cùng.
• D. Góc trên cùng bên phải hoặc bên trái của màn hình.

Câu 26: Tùy chọn nào sau đây thường được sử dụng để điều chỉnh khoảng cách giữa các mục liên kết trên thanh điều hướng?

• A. Logo Size.
• B. Item Spacing / Padding.
• C. Icons Color.
• D. Sticky Option.

Câu 27: Nếu bạn muốn thay đổi phông chữ hoặc kích thước chữ của các mục trong thanh điều hướng, bạn sẽ tìm kiếm cài đặt nào trong bảng tùy chỉnh?

• A. Typography / Font Settings.
• B. Image Settings.
• C. Video Settings.
• D. Social Media Links.

Câu 28: Việc sử dụng một thanh điều hướng có nền trong suốt (transparent) có thể phù hợp với loại thiết kế trang web nào?

• A. Trang web chỉ có nền trắng.
• B. Trang web có rất nhiều văn bản.
• C. Trang web cần hiển thị rõ ràng đường viền của thanh điều hướng.
• D. Trang web có phần đầu trang là một hình ảnh hoặc video lớn và bạn muốn nội dung đó hiển thị xuyên qua thanh điều hướng.

Câu 29: Đâu là một tiêu chí quan trọng để đánh giá tính hiệu quả của một thanh điều hướng?

• A. Số lượng màu sắc được sử dụng.
• B. Độ dài của thanh điều hướng.
• C. Tính trực quan và dễ sử dụng (người dùng có dễ dàng tìm thấy thứ họ cần hay không).
• D. Số lượng hiệu ứng động được áp dụng.

Câu 30: Khi tạo danh mục con (submenu), các mục trong danh mục con đó thường được hiển thị theo bố cục nào so với mục menu chính chứa nó?

• A. Theo hàng ngang, bên cạnh mục chính.
• B. Theo cột dọc, thường thả xuống hoặc trượt ra từ mục chính.
• C. Hiển thị nổi ở giữa màn hình.
• D. Thay thế hoàn toàn mục chính khi được kích hoạt.

Câu 1: Khi thiết kế thanh điều hướng cho một website tin tức có rất nhiều chuyên mục (Ví dụ: Chính trị, Kinh tế, Xã hội, Văn hóa, Thể thao, Giải trí, Công nghệ, Giáo dục, Y tế), vấn đề chính mà người thiết kế cần giải quyết để đảm bảo trải nghiệm người dùng tốt là gì?

• A. Chọn màu sắc thanh điều hướng nổi bật nhất.
• B. Đặt thanh điều hướng ở cuối trang thay vì đầu trang.
• C. Quản lý số lượng mục hiển thị để tránh quá tải và sử dụng cấu trúc phân cấp (menu con).
• D. Chỉ sử dụng biểu tượng (icons) thay vì chữ cho các mục.

Câu 2: Một thanh điều hướng được mô tả là "sticky". Đặc điểm này có ý nghĩa gì đối với người dùng khi họ cuộn trang web?

• A. Thanh điều hướng sẽ thay đổi màu sắc khi cuộn.
• B. Các mục trong thanh điều hướng sẽ ẩn đi khi cuộn xuống.
• C. Thanh điều hướng chỉ hiển thị khi người dùng cuộn lên đầu trang.
• D. Thanh điều hướng sẽ luôn hiển thị ở vị trí cố định (thường là đầu trang) bất kể người dùng cuộn trang đến đâu.

Câu 3: Bạn đang xây dựng một trang web giới thiệu về trường học. Thanh điều hướng cần bao gồm các mục chính như "Trang chủ", "Giới thiệu", "Tuyển sinh", "Đào tạo", "Nghiên cứu khoa học", "Tin tức", "Liên hệ". Theo nguyên tắc thiết kế giao diện người dùng, mục "Trang chủ" nên được đặt ở vị trí nào trên thanh điều hướng để người dùng dễ dàng quay về điểm xuất phát?

• A. Vị trí đầu tiên (bên trái cùng) của thanh điều hướng.
• B. Vị trí cuối cùng (bên phải cùng) của thanh điều hướng.
• C. Ở giữa thanh điều hướng.
• D. Trong một menu con của mục "Giới thiệu".

Câu 4: Khi tạo thanh điều hướng bằng công cụ phần mềm, tùy chọn "Full Width" thường có tác dụng gì đối với bố cục của thanh điều hướng trên trang?

• A. Làm cho thanh điều hướng có màu nền trong suốt.
• B. Khiến các mục trong thanh điều hướng trải rộng hết chiều rộng của màn hình hiển thị.
• C. Thu gọn thanh điều hướng thành một biểu tượng (hamburger menu) trên mọi thiết bị.
• D. Cố định thanh điều hướng ở cuối trang khi cuộn.

Câu 5: Bạn muốn thêm một mục "Khoa CNTT" làm mục con của mục "Đào tạo" trên thanh điều hướng. Thao tác nào sau đây là phù hợp nhất trong hầu hết các công cụ thiết kế website?

• A. Kéo mục "Khoa CNTT" đặt cạnh mục "Đào tạo".
• B. Chọn mục "Đào tạo" và nhấn "Remove Block".
• C. Chọn mục "Đào tạo" và tìm tùy chọn "Add Submenu" hoặc tương đương, sau đó thêm mục "Khoa CNTT".
• D. Tạo một thanh điều hướng riêng cho "Khoa CNTT".

Câu 6: Trên thiết bị di động, thanh điều hướng truyền thống với nhiều mục hiển thị theo hàng ngang thường gặp khó khăn gì?

• A. Không đủ không gian hiển thị, dẫn đến tràn hoặc các mục quá nhỏ khó nhấn.
• B. Màu sắc bị thay đổi trên màn hình nhỏ.
• C. Tốc độ tải trang chậm hơn.
• D. Các liên kết bên ngoài không hoạt động.

Câu 7: Để giải quyết vấn đề không gian hiển thị trên thiết bị di động cho thanh điều hướng có nhiều mục, giải pháp thiết kế phổ biến nhất là gì?

• A. Ẩn toàn bộ thanh điều hướng trên thiết bị di động.
• B. Giảm kích thước font chữ đến mức rất nhỏ.
• C. Chỉ hiển thị 2-3 mục quan trọng nhất.
• D. Thu gọn thanh điều hướng thành một biểu tượng (thường là 3 gạch ngang - "hamburger menu") và hiển thị menu đầy đủ khi người dùng nhấn vào biểu tượng đó.

Câu 8: Giả sử bạn có một mục trên thanh điều hướng tên là "Sản phẩm". Bạn muốn khi người dùng nhấn vào mục này, họ sẽ được chuyển đến trang có địa chỉ `https://tenwebsitecuaban.com/san-pham`. Thao tác nào sau đây là cần thiết để thực hiện việc liên kết này?

• A. Thay đổi font chữ của mục "Sản phẩm".
• B. Chọn mục "Sản phẩm", tìm tùy chọn "Link" hoặc "Liên kết" và nhập địa chỉ URL đích vào trường tương ứng.
• C. Thêm biểu tượng giỏ hàng bên cạnh mục "Sản phẩm".
• D. Sao chép và dán nội dung trang "san-pham" vào mục "Sản phẩm".

Câu 9: Trong thiết kế thanh điều hướng, việc sử dụng màu sắc và font chữ nhất quán với tổng thể thiết kế của website có mục đích chính là gì?

• A. Tạo sự chuyên nghiệp, đồng bộ và nâng cao nhận diện thương hiệu.
• B. Làm cho thanh điều hướng biến mất khi cuộn.
• C. Giảm dung lượng tải trang.
• D. Bắt buộc người dùng phải đăng nhập để thấy thanh điều hướng.

Câu 10: Một trang web có logo ở góc trên bên trái và thanh điều hướng nằm ngang ngay bên phải logo. Người dùng thường mong đợi khi nhấn vào logo, họ sẽ được đưa đến đâu?

• A. Trang liên hệ.
• B. Trang giới thiệu.
• C. Trang chủ của website.
• D. Trang đăng nhập.

Câu 11: Tại sao việc đặt thanh điều hướng ở vị trí dễ thấy (ngay dưới header hoặc ở đầu trang) lại quan trọng đối với trải nghiệm người dùng?

• A. Giúp website tải nhanh hơn.
• B. Làm cho website trông hiện đại hơn.
• C. Ngăn chặn người dùng rời khỏi trang web.
• D. Giúp người dùng nhanh chóng định vị và truy cập các khu vực chính của website mà không cần tìm kiếm.

Câu 12: Bạn đang sử dụng một công cụ thiết kế website kéo thả. Để thêm một thanh điều hướng mới vào đầu trang, thao tác phổ biến nhất là gì?

• A. Tìm mục "Header" hoặc "Navigation" trong danh sách các "Block" hoặc "Element" có sẵn và kéo thả vào vị trí mong muốn.
• B. Nhấn chuột phải vào bất kỳ đâu trên trang và chọn "Add Navigation".
• C. Vào cài đặt chung của website và bật tùy chọn "Show Navigation".
• D. Gõ mã HTML/CSS trực tiếp vào phần đầu trang.

Câu 13: Khi một mục trên thanh điều hướng có menu con (dropdown menu), điều gì xảy ra khi người dùng di chuột (hover) hoặc nhấn vào mục đó (trên thiết bị cảm ứng)?

• A. Người dùng ngay lập tức bị chuyển hướng đến một trang khác.
• B. Một danh sách các mục con sẽ hiển thị ngay bên dưới hoặc bên cạnh mục chính.
• C. Toàn bộ thanh điều hướng sẽ biến mất.
• D. Kích thước font chữ của mục đó sẽ tăng lên.

Câu 14: Bạn nhận thấy trên điện thoại, thanh điều hướng của website bạn thiết kế bị tràn ra ngoài màn hình. Tùy chọn nào trong cài đặt thanh điều hướng có thể giúp khắc phục vấn đề này bằng cách tự động thu gọn menu?

• A. Sticky
• B. Full Width
• C. Collapsed (hoặc Responsive, Mobile Menu)
• D. Transparent

Câu 15: Ngoài các liên kết đến các trang nội bộ, thanh điều hướng có thể chứa các thành phần khác như thế nào để tăng tính tiện ích cho người dùng?

• A. Chỉ có thể chứa các liên kết văn bản.
• B. Chỉ có thể chứa logo và liên kết.
• C. Chỉ có thể chứa menu con.
• D. Có thể chứa logo, tên website, ô tìm kiếm, biểu tượng mạng xã hội, nút đăng nhập/đăng ký.

Câu 16: Khi thiết kế thanh điều hướng, việc đặt tên các mục điều hướng (ví dụ: "Sản phẩm", "Dịch vụ", "Giới thiệu", "Liên hệ") cần tuân thủ nguyên tắc gì để người dùng dễ hiểu và sử dụng?

• A. Sử dụng các từ ngữ chuyên ngành phức tạp.
• B. Sử dụng từ ngữ ngắn gọn, rõ ràng, dễ hiểu và phản ánh chính xác nội dung của trang đích.
• C. Sử dụng các từ viết tắt hoặc mã code.
• D. Không cần đặt tên, chỉ cần dùng biểu tượng.

Câu 17: Một thanh điều hướng có tùy chọn "Transparent". Đặc điểm này thường được sử dụng trong trường hợp nào?

• A. Khi muốn thanh điều hướng hòa vào hình ảnh hoặc video nền ở đầu trang.
• B. Khi muốn thanh điều hướng luôn hiển thị cố định khi cuộn.
• C. Khi muốn thu gọn thanh điều hướng trên thiết bị di động.
• D. Khi muốn các mục điều hướng trải rộng hết chiều rộng màn hình.

Câu 18: Bạn muốn thay đổi thứ tự của các mục trong thanh điều hướng, ví dụ di chuyển mục "Liên hệ" ra sau mục "Giới thiệu". Thao tác nào sau đây thường được sử dụng trong các công cụ thiết kế trực quan?

• A. Xóa tất cả các mục và thêm lại theo thứ tự mới.
• B. Chỉ có thể thay đổi thứ tự bằng cách viết lại mã HTML.
• C. Nhấn đúp chuột vào mục "Liên hệ" và chọn "Move".
• D. Sử dụng thao tác kéo và thả (drag and drop) các mục trong bảng cấu hình thanh điều hướng.

Câu 19: Mục đích chính của việc thêm liên kết vào các mục trên thanh điều hướng là gì?

• A. Làm cho văn bản của mục điều hướng trở nên đậm hơn.
• B. Thêm hình ảnh vào mục điều hướng.
• C. Cho phép người dùng di chuyển đến trang web hoặc phần nội dung tương ứng khi nhấn vào mục đó.
• D. Hiển thị một đoạn video khi di chuột qua mục.

Câu 20: Khi thiết kế thanh điều hướng, việc lựa chọn màu sắc và kích thước font chữ cho các mục điều hướng cần chú ý đến yếu tố nào để đảm bảo tính dễ đọc và dễ sử dụng?

• A. Độ tương phản giữa màu chữ và màu nền của thanh điều hướng; kích thước font đủ lớn để đọc trên mọi thiết bị.
• B. Chỉ cần sử dụng màu sắc rực rỡ nhất.
• C. Chỉ cần font chữ nhỏ gọn để tiết kiệm không gian.
• D. Màu sắc và font chữ phải thay đổi liên tục.

Câu 21: Bạn đã tạo một thanh điều hướng cho trang web, nhưng nhận thấy nó chỉ xuất hiện trên Trang chủ mà không xuất hiện trên các trang khác như trang Giới thiệu hay trang Liên hệ. Vấn đề này có thể do đâu và cách khắc phục phổ biến là gì?

• A. Thanh điều hướng bị lỗi, cần xóa và tạo lại.
• B. Kết nối internet không ổn định.
• C. Trình duyệt web đã cũ.
• D. Cài đặt của thanh điều hướng (hoặc block chứa nó) chỉ áp dụng cho Trang chủ; cần chỉnh cài đặt để áp dụng cho tất cả các trang hoặc các trang được chọn trong website.

Câu 22: Việc tích hợp ô tìm kiếm vào thanh điều hướng mang lại lợi ích gì cho người dùng, đặc biệt trên các website có nhiều nội dung?

• A. Giúp người dùng nhanh chóng tìm thấy thông tin cụ thể mà không cần duyệt qua toàn bộ cấu trúc menu.
• B. Làm cho thanh điều hướng có màu sắc đẹp hơn.
• C. Giảm số lượng liên kết trên thanh điều hướng.
• D. Bắt buộc người dùng phải nhập thông tin trước khi xem trang.

Câu 23: Khi xóa một mục khỏi thanh điều hướng, điều gì xảy ra với trang web hoặc nội dung mà mục đó liên kết tới?

• A. Trang web liên kết tới cũng bị xóa theo.
• B. Nội dung của trang liên kết tới sẽ hiển thị trực tiếp trên thanh điều hướng.
• C. Chỉ mục điều hướng trên thanh bị xóa; trang web hoặc nội dung liên kết tới vẫn tồn tại nhưng không còn đường dẫn trực tiếp từ thanh điều hướng nữa.
• D. Tất cả các liên kết khác trên thanh điều hướng đều bị hỏng.

Câu 24: Bạn muốn một mục trên thanh điều hướng (ví dụ: "Tải xuống") khi người dùng nhấn vào sẽ mở ra trong một tab hoặc cửa sổ trình duyệt mới, thay vì chuyển hướng ngay trên tab hiện tại. Tùy chọn nào trong cài đặt liên kết thường cho phép điều này?

• A. Tùy chọn "Open in new tab" (Mở trong tab mới) hoặc tương tự.
• B. Tùy chọn "Sticky".
• C. Tùy chọn "Full Width".
• D. Tùy chọn "Collapsed".

Câu 25: Tại sao việc kiểm tra và điều chỉnh thanh điều hướng trên các kích thước màn hình khác nhau (máy tính, máy tính bảng, điện thoại) lại là bước quan trọng trong quá trình thiết kế website?

• A. Chỉ để đảm bảo màu sắc hiển thị đúng.
• B. Để làm cho website tải nhanh hơn trên mọi thiết bị.
• C. Để thay đổi nội dung của website tùy theo thiết bị.
• D. Để đảm bảo thanh điều hướng hiển thị đúng, dễ sử dụng và cung cấp trải nghiệm nhất quán cho người dùng trên mọi thiết bị.

Câu 26: Giả sử thanh điều hướng của bạn có mục "Sản phẩm" và dưới đó là các mục con "Điện thoại", "Máy tính bảng", "Phụ kiện". Cấu trúc này là ví dụ của loại menu nào?

• A. Menu ngang đơn giản.
• B. Menu đa cấp (Multilevel menu) hoặc menu thả xuống (Dropdown menu).
• C. Menu chỉ chứa biểu tượng.
• D. Menu cố định (Sticky menu).

Câu 27: Khi thiết kế thanh điều hướng cho một trang web thương mại điện tử, ngoài các mục thông thường ("Trang chủ", "Sản phẩm", "Giới thiệu", "Liên hệ"), những biểu tượng tiện ích nào thường được tích hợp để cải thiện trải nghiệm mua sắm?

• A. Biểu tượng thời tiết, biểu tượng đồng hồ.
• B. Biểu tượng máy in, biểu tượng máy fax.
• C. Biểu tượng giỏ hàng (Cart), biểu tượng người dùng (Tài khoản), biểu tượng tìm kiếm.
• D. Biểu tượng âm nhạc, biểu tượng video.

Câu 28: Bạn muốn thêm một biểu tượng nhỏ (icon) trước tên của một mục điều hướng (ví dụ: biểu tượng ngôi nhà trước "Trang chủ"). Thao tác này thường được thực hiện thông qua tùy chọn nào trong cài đặt mục điều hướng?

• A. Tùy chọn "Link".
• B. Tùy chọn "Full Width".
• C. Tùy chọn "Sticky".
• D. Tùy chọn "Icons" hoặc "Insert icons" trong cài đặt của mục điều hướng cụ thể.

Câu 29: Việc sử dụng quá nhiều mục chính trên thanh điều hướng ngang có thể dẫn đến hậu quả gì, đặc biệt trên màn hình rộng?

• A. Thanh điều hướng bị tràn, các mục quá sát nhau gây khó khăn khi nhấn hoặc một số mục bị ẩn đi.
• B. Website tải nhanh hơn.
• C. Màu sắc của thanh điều hướng bị nhạt đi.
• D. Không có ảnh hưởng gì.

Câu 30: Trong bối cảnh thiết kế website hiện đại, thanh điều hướng không chỉ đơn thuần là danh sách các liên kết mà còn là một yếu tố thiết kế quan trọng. Điều gì là mục tiêu cuối cùng của việc thiết kế một thanh điều hướng hiệu quả?

• A. Làm cho website trông phức tạp và nhiều thông tin.
• B. Giúp người dùng dễ dàng tìm thấy thông tin họ cần, hiểu cấu trúc website và di chuyển giữa các trang một cách trực quan và nhanh chóng.
• C. Chỉ để hiển thị logo và tên công ty.
• D. Giảm số lượng trang trong website.

Câu 1: Thanh điều hướng (navigation bar) trên một trang web đóng vai trò chính là gì?

• A. Hiển thị quảng cáo và thông báo mới nhất.
• B. Cung cấp thông tin chi tiết về lịch sử phát triển của website.
• C. Trang trí cho giao diện website thêm sinh động.
• D. Giúp người dùng dễ dàng truy cập các mục nội dung chính và các trang khác của website.

Câu 2: Tại sao thanh điều hướng thường được đặt ở vị trí dễ thấy, ví dụ như ngay dưới phần đầu trang (header)?

• A. Vì vị trí đó giúp tiết kiệm không gian hiển thị cho nội dung chính.
• B. Vì đây là quy định bắt buộc của các trình duyệt web.
• C. Để người dùng có thể nhanh chóng định vị và truy cập các phần quan trọng của website ngay khi vừa tải trang.
• D. Để đồng bộ với vị trí của thanh cuộn (scroll bar).

Câu 3: Khi thiết kế thanh điều hướng cho một website thương mại điện tử có rất nhiều danh mục sản phẩm, giải pháp nào sau đây giúp quản lý số lượng liên kết lớn một cách hiệu quả và gọn gàng trên thanh điều hướng chính?

• A. Chỉ hiển thị những danh mục sản phẩm phổ biến nhất.
• B. Sử dụng cấu trúc thanh điều hướng nhiều cấp (submenu) hoặc dạng thả xuống (dropdown).
• C. Thu nhỏ kích thước chữ của tất cả các mục trên thanh điều hướng.
• D. Đặt toàn bộ danh mục sản phẩm vào một trang riêng và chỉ liên kết đến trang đó từ thanh điều hướng chính.

Câu 4: Một website tin tức có thanh điều hướng chứa các mục như "Trang chủ", "Thời sự", "Kinh tế", "Giải trí", "Thể thao". Người dùng muốn truy cập ngay vào các bài viết về "Bóng đá". Nếu "Bóng đá" là một danh mục con của "Thể thao", họ sẽ tìm liên kết "Bóng đá" bằng cách nào?

• A. Di chuột hoặc nhấn vào mục "Thể thao" để hiển thị danh sách các danh mục con, sau đó chọn "Bóng đá".
• B. Tìm kiếm trực tiếp từ khóa "Bóng đá" trong ô tìm kiếm của website.
• C. Cuộn xuống cuối trang để tìm liên kết "Bóng đá" trong phần footer.
• D. Nhấn vào "Trang chủ" và tìm các bài viết về bóng đá trên trang đó.

Câu 5: Tùy chọn "Sticky" (hoặc "Fixed") khi áp dụng cho thanh điều hướng có tác dụng gì đối với trải nghiệm người dùng khi cuộn trang?

• A. Làm cho thanh điều hướng tự động thay đổi màu sắc khi người dùng cuộn.
• B. Giúp các mục trên thanh điều hướng giãn rộng ra để lấp đầy chiều ngang màn hình.
• C. Giữ thanh điều hướng luôn hiển thị ở một vị trí cố định (thường là trên cùng) ngay cả khi người dùng cuộn trang xuống.
• D. Ẩn thanh điều hướng đi khi người dùng bắt đầu cuộn trang.

Câu 6: Khi thiết kế website cho thiết bị di động (màn hình nhỏ hơn), thanh điều hướng thường được hiển thị dưới dạng một biểu tượng (ví dụ: ba gạch ngang - "hamburger icon"). Khi nhấn vào biểu tượng này, thanh điều hướng sẽ xuất hiện. Đây là ứng dụng của tính năng nào trong thiết kế thanh điều hướng?

• A. Full Width.
• B. Collapsed (hoặc Responsive/Mobile Menu).
• C. Sticky.
• D. Transparent.

Câu 7: Một nhà thiết kế web muốn thanh điều hướng của mình có độ rộng bằng với toàn bộ chiều ngang của cửa sổ trình duyệt, bất kể kích thước màn hình. Họ nên sử dụng tùy chọn thiết lập nào?

• A. Full Width.
• B. Content Width.
• C. Auto Size.
• D. Fixed Size.

Câu 8: Giả sử bạn đang sử dụng một công cụ tạo website kéo thả. Để thêm một liên kết (link) từ một mục trên thanh điều hướng (ví dụ: mục "Giới thiệu") đến một trang khác trong website của bạn (ví dụ: trang "about.html"), bạn thường thực hiện thao tác nào sau khi chọn mục "Giới thiệu" trên thanh điều hướng?

• A. Chọn "Add Block".
• B. Chọn "Insert icons".
• C. Chọn "Link" hoặc biểu tượng liên kết và nhập địa chỉ trang đích.
• D. Chọn "Remove Block".

Câu 9: Logo của website thường được đặt ở vị trí nào trên thanh điều hướng và tại sao?

• A. Ở cuối thanh điều hướng để người dùng xem sau khi đọc hết các mục.
• B. Ở giữa thanh điều hướng để cân đối bố cục.
• C. Ngẫu nhiên ở bất kỳ đâu để tạo sự bất ngờ.
• D. Ở bên trái (đối với ngôn ngữ đọc từ trái sang phải) để người dùng nhận diện thương hiệu ngay từ đầu và thường liên kết về trang chủ.

Câu 10: Màu sắc của thanh điều hướng và các thành phần trên đó (chữ, biểu tượng) nên được lựa chọn như thế nào để tối ưu trải nghiệm người dùng?

• A. Sử dụng càng nhiều màu sắc rực rỡ càng tốt để thu hút sự chú ý.
• B. Đồng bộ với màu sắc chủ đạo của website và đảm bảo độ tương phản tốt giữa chữ/biểu tượng và nền để dễ đọc.
• C. Thay đổi màu sắc liên tục để tránh nhàm chán.
• D. Sử dụng màu sắc ngẫu nhiên cho mỗi mục trên thanh điều hướng.

Câu 11: Trong ngữ cảnh tạo thanh điều hướng, "Brand Name" (Tên thương hiệu) thường dùng để chỉ thành phần nào trên thanh điều hướng?

• A. Tên của website hoặc công ty, thường hiển thị gần logo.
• B. Tên của người thiết kế website.
• C. Tên của thanh điều hướng đó (ví dụ: "Thanh Menu Chính").
• D. Tên của trang web hiện tại mà người dùng đang xem.

Câu 12: Bạn đang xây dựng một website và muốn thêm một nút tìm kiếm (search button/icon) vào thanh điều hướng để người dùng có thể tìm kiếm nội dung trên toàn bộ website một cách nhanh chóng. Vị trí hợp lý nhất để đặt nút tìm kiếm này trên thanh điều hướng là ở đâu?

• A. Ngay cạnh logo ở bên trái.
• B. Nằm giữa các mục điều hướng chính.
• C. Là danh mục con của mục "Trang chủ".
• D. Ở phía bên phải cùng của thanh điều hướng, là một trong những thành phần cuối cùng.

Câu 13: Khi thêm một mục mới vào thanh điều hướng, bạn muốn mục đó khi người dùng nhấp vào sẽ mở ra một trang web hoàn toàn khác, không thuộc website hiện tại của bạn (ví dụ: liên kết đến trang Facebook của công ty). Bạn cần đảm bảo liên kết này được cấu hình như thế nào?

• A. Sử dụng địa chỉ web đầy đủ (URL) của trang đích và có thể cấu hình mở trong tab/cửa sổ mới.
• B. Chỉ cần nhập tên của trang đích (ví dụ: "Facebook").
• C. Không thể liên kết đến trang web bên ngoài từ thanh điều hướng.
• D. Sử dụng địa chỉ tệp cục bộ trên máy tính của bạn.

Câu 14: Một thanh điều hướng được thiết kế tốt không chỉ đẹp mắt mà còn phải đảm bảo tính dễ sử dụng (usability). Yếu tố nào sau đây KHÔNG đóng góp trực tiếp vào tính dễ sử dụng của thanh điều hướng?

• A. Vị trí đặt thanh điều hướng dễ tìm thấy.
• B. Tên các mục điều hướng rõ ràng, dễ hiểu.
• C. Hiệu ứng chuyển động phức tạp khi di chuột qua các mục.
• D. Cấu trúc phân cấp (submenu) hợp lý, không quá sâu.

Câu 15: Bạn đang sử dụng một công cụ thiết kế web và muốn xóa hoàn toàn thanh điều hướng khỏi một trang cụ thể. Thao tác phổ biến nhất để thực hiện việc này là gì?

• A. Nhấn đúp vào thanh điều hướng.
• B. Kéo thanh điều hướng ra khỏi khu vực trang web.
• C. Nhấn tổ hợp phím Ctrl + Delete khi chọn thanh điều hướng.
• D. Chọn thanh điều hướng và tìm tùy chọn "Remove Block" hoặc biểu tượng thùng rác.

Câu 16: Thanh điều hướng "Transparent" (trong suốt) thường được sử dụng trong trường hợp nào để tạo hiệu ứng thị giác?

• A. Khi muốn thanh điều hướng hòa lẫn vào hình ảnh hoặc video nền ở phía trên cùng của trang (hero section).
• B. Khi muốn thanh điều hướng luôn hiển thị một màu nền cố định.
• C. Khi muốn làm nổi bật thanh điều hướng so với phần còn lại của trang.
• D. Khi thanh điều hướng bị lỗi và không hiển thị đúng màu.

Câu 17: Khi tạo một mục có danh mục con (submenu), điều quan trọng cần lưu ý về mặt trải nghiệm người dùng là gì?

• A. Số lượng danh mục con phải ít hơn 3.
• B. Màu sắc của danh mục con phải khác hoàn toàn với mục cha.
• C. Danh mục con phải dễ dàng hiển thị (ví dụ: khi di chuột hoặc chạm vào mục cha) và biến mất khi không cần thiết để không che khuất nội dung khác.
• D. Mỗi danh mục con phải có một biểu tượng riêng biệt.

Câu 18: Bạn thiết kế thanh điều hướng trên máy tính, nhưng khi xem trên điện thoại, các mục bị tràn ra ngoài hoặc chồng chéo lên nhau. Vấn đề này liên quan đến khía cạnh nào của thiết kế web?

• A. Thiếu nội dung trên trang.
• B. Thiết kế chưa đáp ứng (responsive) hoặc chưa tối ưu cho các kích thước màn hình khác nhau.
• C. Kết nối internet chậm.
• D. Màu sắc thanh điều hướng không phù hợp.

Câu 19: Một website có cấu trúc nội dung phức tạp với nhiều cấp độ. Để giúp người dùng dễ dàng quay trở lại các mục cha hoặc trang chủ từ bất kỳ trang con nào, thanh điều hướng nên được thiết kế như thế nào?

• A. Chỉ hiển thị các mục liên quan đến trang hiện tại.
• B. Ẩn thanh điều hướng khi người dùng vào các trang con.
• C. Hiển thị một danh sách đầy đủ tất cả các trang trên website.
• D. Giữ nguyên cấu trúc thanh điều hướng chính trên tất cả các trang, với logo liên kết về trang chủ.

Câu 20: Khi sử dụng các biểu tượng (icons) trên thanh điều hướng (ví dụ: biểu tượng giỏ hàng, biểu tượng người dùng), điều gì là quan trọng nhất để đảm bảo người dùng hiểu được ý nghĩa của chúng?

• A. Sử dụng các biểu tượng phổ biến, dễ nhận biết hoặc bổ sung thêm nhãn văn bản.
• B. Sử dụng các biểu tượng độc đáo, chưa từng thấy ở website nào khác.
• C. Thay đổi biểu tượng thường xuyên để tạo sự mới lạ.
• D. Sử dụng màu sắc ngẫu nhiên cho mỗi biểu tượng.

Câu 21: Bạn muốn thêm một mục mới vào thanh điều hướng hiện có. Nếu đang sử dụng công cụ thiết kế trực quan, thao tác phổ biến nhất để làm điều này là gì?

• A. Xóa thanh điều hướng cũ và tạo lại từ đầu.
• B. Chọn thanh điều hướng, tìm tùy chọn "Add Item" (Thêm mục) hoặc biểu tượng "+" và nhập tên mục mới.
• C. Sao chép một mục đã có và chỉnh sửa nội dung.
• D. Nhấn chuột phải vào trang web và chọn "Add Navigation Item".

Câu 22: Tùy chọn "Icons Color" trong bảng thiết lập thông số của thanh điều hướng cho phép bạn thực hiện việc gì?

• A. Thay đổi màu nền của thanh điều hướng.
• B. Thay đổi màu chữ của các mục điều hướng.
• C. Thay đổi màu sắc của các biểu tượng hiển thị trên thanh điều hướng (ví dụ: biểu tượng tìm kiếm, giỏ hàng).
• D. Thay đổi màu sắc của logo.

Câu 23: Khi thanh điều hướng trên màn hình nhỏ (điện thoại) được thu gọn lại thành biểu tượng "hamburger", điều gì xảy ra khi người dùng chạm vào biểu tượng đó?

• A. Thanh điều hướng đầy đủ (hoặc một phiên bản tối ưu cho di động) sẽ hiển thị ra, thường là dạng danh sách dọc.
• B. Trang web sẽ tự động cuộn xuống cuối.
• C. Website sẽ tải lại trang chủ.
• D. Biểu tượng "hamburger" biến mất mà không có gì xảy ra.

Câu 24: Bạn muốn đảm bảo rằng logo trên thanh điều hướng có kích thước phù hợp, không quá lớn che lấp các mục khác và không quá nhỏ khó nhìn. Tùy chọn thiết lập nào bạn cần điều chỉnh?

• A. Icons Color.
• B. Full Width.
• C. Sticky.
• D. Logo Size.

Câu 25: Ngoài các liên kết đến các trang nội bộ, thanh điều hướng có thể chứa các thành phần chức năng khác. Thành phần nào sau đây thường được tích hợp vào thanh điều hướng để tăng tính tiện lợi cho người dùng?

• A. Danh sách các bài viết blog mới nhất.
• B. Nút đăng nhập/đăng ký hoặc biểu tượng tài khoản người dùng.
• C. Thông tin liên hệ đầy đủ (địa chỉ, số điện thoại).
• D. Một đoạn video giới thiệu về website.

Câu 26: Khi thiết kế thanh điều hướng, việc sử dụng tên mục điều hướng ngắn gọn, súc tích nhưng vẫn mô tả rõ nội dung trang đích là rất quan trọng. Điều này ảnh hưởng trực tiếp đến yếu tố nào sau đây?

• A. Tốc độ tải trang.
• B. Số lượng người dùng truy cập website.
• C. Tính dễ hiểu và khả năng điều hướng của người dùng.
• D. Màu sắc chủ đạo của website.

Câu 27: Bạn đã tạo một thanh điều hướng và muốn áp dụng nó cho tất cả các trang trong website của mình một cách nhất quán. Thao tác nào trong công cụ thiết kế web thường cho phép bạn làm điều này?

• A. Áp dụng thanh điều hướng cho toàn bộ site hoặc đánh dấu là "global block".
• B. Sao chép và dán thủ công thanh điều hướng vào từng trang một.
• C. Xuất bản (publish) lại toàn bộ website.
• D. Thay đổi tên của thanh điều hướng.

Câu 28: Khi xem một website trên màn hình rất rộng, nếu thanh điều hướng không được đặt là "Full Width" hoặc được cấu hình hợp lý, điều gì có thể xảy ra?

• A. Các mục điều hướng sẽ tự động biến mất.
• B. Thanh điều hướng sẽ chuyển sang dạng "collapsed" (thu gọn).
• C. Nền của thanh điều hướng sẽ trở nên trong suốt.
• D. Thanh điều hướng chỉ chiếm một phần chiều rộng màn hình và có thể căn lề trái, phải hoặc giữa, tạo ra khoảng trống hai bên.

Câu 29: Một thanh điều hướng hiệu quả nên có bao nhiêu cấp độ (bao gồm cả cấp chính và các danh mục con)?

• A. Không giới hạn, càng nhiều cấp càng tốt để phân loại chi tiết.
• B. Nên giới hạn ở 2 hoặc tối đa 3 cấp để người dùng không bị lạc trong cấu trúc quá sâu.
• C. Chỉ nên có 1 cấp độ duy nhất.
• D. Số cấp độ phải bằng số lượng trang trên website.

Câu 30: Mục đích chính của việc thêm các thành phần bổ sung như nút chia sẻ mạng xã hội, nút thay đổi ngôn ngữ (nếu có) vào thanh điều hướng là gì?

• A. Để tăng kích thước của thanh điều hướng.
• B. Để website trông phức tạp hơn.
• C. Để cung cấp các chức năng thường dùng và tăng khả năng tương tác/tiếp cận của người dùng ngay từ vị trí dễ thấy.
• D. Để bắt buộc người dùng phải chia sẻ website trước khi xem nội dung.

Câu 1: Chức năng cốt lõi nhất của một thanh điều hướng (navigation bar) trên trang web là gì?

• A. Hiển thị logo và tên thương hiệu của website.
• B. Trang trí cho phần đầu trang web thêm sinh động.
• C. Cung cấp cho người dùng các liên kết truy cập nhanh đến các mục nội dung chính của website.
• D. Chứa các nút chia sẻ lên mạng xã hội.

Câu 2: Tại sao thanh điều hướng thường được đặt ở gần phía trên cùng của trang web (dưới header hoặc là header)?

• A. Đây là vị trí đầu tiên người dùng thường nhìn vào khi truy cập trang web, giúp họ dễ dàng định hướng.
• B. Giúp tối ưu hóa tốc độ tải trang vì nội dung này được tải trước.
• C. Để tiết kiệm không gian cho phần nội dung chính ở giữa trang.
• D. Theo mặc định của hầu hết các phần mềm thiết kế web.

Câu 3: Trên màn hình thiết bị di động có chiều rộng hạn chế, một thanh điều hướng có nhiều mục chính thường được xử lý như thế nào để tiết kiệm không gian hiển thị mà vẫn đảm bảo người dùng có thể truy cập tất cả các mục?

• A. Tự động ẩn đi các mục ít quan trọng hơn.
• B. Giảm kích thước phông chữ của các mục menu xuống mức nhỏ nhất.
• C. Chuyển thanh điều hướng xuống cuối trang.
• D. Thu gọn các mục menu dưới một biểu tượng (thường là biểu tượng "hamburger") và hiển thị khi người dùng nhấp vào.

Câu 4: Khi thiết kế một trang web có nội dung dài và người dùng cần truy cập nhanh thanh điều hướng mà không cần cuộn lên đầu trang, tùy chọn thiết lập nào giúp thanh điều hướng luôn hiển thị ở vị trí cố định ở đầu màn hình khi người dùng cuộn xuống?

• A. Tùy chọn "Full Width".
• B. Tùy chọn "Sticky".
• C. Tùy chọn "Collapsed".
• D. Tùy chọn "Transparent".

Câu 5: Tùy chọn "Full Width" trong cài đặt thanh điều hướng ảnh hưởng đến cách hiển thị các mục menu như thế nào?

• A. Làm cho các mục menu trải rộng hết chiều rộng khả dụng của màn hình hoặc vùng chứa.
• B. Thu gọn thanh điều hướng thành một biểu tượng.
• C. Làm cho thanh điều hướng trong suốt.
• D. Giúp thanh điều hướng cố định khi cuộn trang.

Câu 6: Tùy chọn "Collapsed" của thanh điều hướng thường được sử dụng trong tình huống nào?

• A. Khi bạn muốn thanh điều hướng luôn hiển thị đầy đủ các mục.
• B. Khi bạn muốn thanh điều hướng cố định ở đầu trang khi cuộn.
• C. Khi nội dung trên thanh điều hướng quá dài so với chiều rộng màn hình, cần thu gọn lại dưới một biểu tượng.
• D. Khi bạn muốn thanh điều hướng có màu nền trong suốt.

Câu 7: Bạn muốn liên kết mục menu "Giới thiệu" trên thanh điều hướng đến trang web có địa chỉ `https://tenwebsitecuaban.com/gioithieu.html`. Thao tác nào sau đây là đúng để thực hiện việc này trong hầu hết các công cụ thiết kế web?

• A. Chọn mục "Giới thiệu" và chọn "Insert icons".
• B. Chọn mục "Giới thiệu", sau đó tìm tùy chọn "Link" hoặc "Liên kết" và nhập địa chỉ trang web.
• C. Chọn mục "Giới thiệu" và chọn "Add Block".
• D. Chọn mục "Giới thiệu" và điều chỉnh "Logo Size".