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

Câu 1: Bạn đang thiết kế thanh điều hướng cho một trang web tin tức. Bạn muốn thanh này luôn hiển thị ở đầu màn hình ngay cả khi người dùng cuộn trang xuống để đọc tin tức dài. Tùy chọn nào bạn cần bật trong cài đặt thanh điều hướng để đạt được hiệu ứng này?

• A. Sticky
• B. Full Width
• C. Collapsed
• D. Transparent

Câu 2: Một trang web có thanh điều hướng chính với các mục: Trang chủ, Giới thiệu, Sản phẩm, Tin tức, Liên hệ. Dưới mục "Sản phẩm", bạn muốn khi người dùng rê chuột hoặc nhấp vào sẽ hiển thị thêm các danh mục con như "Điện thoại", "Máy tính bảng", "Phụ kiện". Cấu trúc nào cần được sử dụng cho mục "Sản phẩm"?

• A. Một liên kết đơn thuần đến trang "Sản phẩm"
• B. Một khối văn bản mô tả các sản phẩm
• C. Một danh mục con (submenu) chứa các liên kết con
• D. Một hình ảnh minh họa các sản phẩm

Câu 3: Thanh điều hướng của một trang web bán hàng đang hoạt động tốt trên máy tính để bàn, nhưng khi xem trên điện thoại di động, các mục điều hướng bị tràn ra ngoài hoặc hiển thị rất nhỏ, khó nhấn. Vấn đề này liên quan chủ yếu đến khía cạnh nào của thiết kế web?

• A. Màu sắc của thanh điều hướng
• B. Vị trí đặt thanh điều hướng
• C. Số lượng liên kết trên thanh điều hướng
• D. Tính đáp ứng (responsiveness) của thiết kế web

Câu 4: Bạn được giao nhiệm vụ tạo thanh điều hướng cho một trang web giới thiệu công ty. Thanh này cần có logo công ty ở bên trái, tên công ty bên cạnh logo, và các liên kết điều hướng chính (Giới thiệu, Dịch vụ, Dự án, Tuyển dụng, Liên hệ) ở bên phải. Thành phần nào sau đây KHÔNG PHẢI là một thành phần tiêu biểu được đặt trên thanh điều hướng chính?

• A. Logo và tên thương hiệu
• B. Nội dung chi tiết của bài viết mới nhất
• C. Các liên kết đến các trang chính
• D. Có thể có nút tìm kiếm hoặc biểu tượng mạng xã hội

Câu 5: Khi thiết kế thanh điều hướng cho một trang web có rất nhiều mục nội dung chính, việc hiển thị tất cả các mục này theo chiều ngang trên màn hình nhỏ (như điện thoại) sẽ gây ra tình trạng tràn lề hoặc chữ quá nhỏ. Giải pháp thiết kế phổ biến nhất để khắc phục vấn đề này là gì?

• A. Thu gọn thanh điều hướng thành biểu tượng (ví dụ: hamburger menu) trên màn hình nhỏ.
• B. Tăng kích thước phông chữ của các mục điều hướng.
• C. Xóa bỏ các mục điều hướng ít quan trọng trên màn hình nhỏ.
• D. Đặt thanh điều hướng ở cuối trang trên màn hình nhỏ.

Câu 6: Bạn đang sử dụng một công cụ tạo website và muốn thay đổi hình ảnh logo hiển thị trên thanh điều hướng. Bạn cần tìm tùy chọn thiết lập nào trong bảng thông số của thanh điều hướng?

• A. Icons Color
• B. Logo Image / Brand Image
• C. Full Width
• D. Background Color

Câu 7: Một trang web có thanh điều hướng được thiết lập tùy chọn "Full Width". Điều này có ý nghĩa gì về cách hiển thị của thanh điều hướng trên màn hình?

• A. Thanh điều hướng chỉ hiển thị các mục chính và ẩn các mục phụ.
• B. Thanh điều hướng cố định ở đầu màn hình khi cuộn trang.
• C. Thanh điều hướng trải dài hết chiều rộng của khu vực hiển thị nội dung.
• D. Thanh điều hướng có màu nền trong suốt.

Câu 8: Khi thêm một liên kết vào một mục trên thanh điều hướng (ví dụ: mục "Giới thiệu"), bạn cần cung cấp thông tin gì để liên kết hoạt động chính xác?

• A. Kích thước phông chữ của mục đó.
• B. Màu sắc của mục đó.
• C. Biểu tượng đi kèm với mục đó.
• D. Địa chỉ (URL) của trang web hoặc phần nội dung cần liên kết đến.

Câu 9: Bạn muốn tạo một thanh điều hướng có màu nền hòa hợp với màu sắc chủ đạo của trang web và không bị nổi bật quá mức. Bạn nên chú ý đến tùy chọn nào trong cài đặt màu sắc của thanh điều hướng?

• A. Background Color và Text/Icons Color
• B. Logo Size và Brand Name
• C. Sticky và Full Width
• D. Collapsed và Transparent

Câu 10: Một thanh điều hướng chứa các biểu tượng (icons) bên cạnh các mục văn bản (ví dụ: biểu tượng ngôi nhà cho Trang chủ). Bạn muốn thay đổi màu sắc của các biểu tượng này cho phù hợp với chủ đề trang web. Tùy chọn nào thường được sử dụng cho mục đích này?

• A. Background Color
• B. Icons Color
• C. Text Color
• D. Border Color

Câu 11: Mục đích chính của việc tạo thanh điều hướng cho trang web là gì?

• A. Làm cho trang web trông đẹp mắt hơn.
• B. Hiển thị thông tin liên hệ của chủ sở hữu website.
• C. Chỉ để hiển thị logo và tên thương hiệu.
• D. Giúp người dùng dễ dàng tìm kiếm và di chuyển đến các nội dung chính của website.

Câu 12: Bạn đang xem một trang web trên điện thoại và thấy biểu tượng ba gạch ngang ở góc trên. Khi nhấp vào đó, một menu đầy đủ các mục điều hướng trượt ra. Dạng thanh điều hướng này được gọi là gì và nó thường được sử dụng trong ngữ cảnh nào?

• A. Hamburger menu (menu thu gọn), thường dùng trên thiết bị di động hoặc màn hình nhỏ.
• B. Sticky menu, thường dùng để cố định thanh điều hướng ở đầu trang.
• C. Full width menu, thường dùng để trải rộng thanh điều hướng toàn màn hình.
• D. Dropdown menu, thường dùng cho các danh mục con.

Câu 13: Khi tạo một liên kết trong thanh điều hướng, bạn có thể liên kết đến một trang khác trong CÙNG website hoặc đến một trang trên website KHÁC. Sự khác biệt chính về địa chỉ (URL) khi tạo hai loại liên kết này là gì?

• A. Liên kết nội bộ dùng màu sắc khác với liên kết ngoại bộ.
• B. Liên kết nội bộ luôn mở trong tab mới, liên kết ngoại bộ mở trong tab hiện tại.
• C. Liên kết nội bộ không cần địa chỉ, liên kết ngoại bộ thì cần.
• D. Liên kết nội bộ thường dùng đường dẫn tương đối (ví dụ: /gioi-thieu.html), liên kết ngoại bộ cần đường dẫn tuyệt đối (ví dụ: https://websitekhac.com/trang-nao-do).

Câu 14: Bạn đang thiết kế thanh điều hướng và muốn nó có một lớp nền trong suốt, cho phép nhìn thấy nội dung phía sau nó. Tùy chọn nào trong cài đặt thanh điều hướng có thể giúp bạn đạt được hiệu ứng này?

• A. Transparent hoặc Opacity settings
• B. Full Width
• C. Sticky
• D. Collapsed

Câu 15: Bạn đã thêm một mục mới vào thanh điều hướng, ví dụ "Dịch vụ", và muốn nó dẫn đến trang "dichvu.html" trong website của bạn. Sau khi thêm mục "Dịch vụ", thao tác tiếp theo bạn cần làm để tạo liên kết là gì?

• A. Xóa bỏ mục "Dịch vụ" và thêm lại.
• B. Thay đổi màu sắc của mục "Dịch vụ".
• C. Chọn mục "Dịch vụ" và sử dụng tùy chọn "Link" để nhập địa chỉ /dichvu.html.
• D. Thêm một danh mục con dưới mục "Dịch vụ".

Câu 16: Việc sắp xếp các mục trên thanh điều hướng theo một trật tự hợp lý (ví dụ: Trang chủ đầu tiên, Liên hệ cuối cùng) có ý nghĩa quan trọng như thế nào đối với trải nghiệm người dùng (User Experience - UX)?

• A. Giúp thanh điều hướng hiển thị đẹp hơn trên mọi thiết bị.
• B. Giúp người dùng dễ dàng dự đoán vị trí các thông tin quan trọng và điều hướng hiệu quả hơn.
• C. Làm tăng tốc độ tải trang của website.
• D. Chỉ có ý nghĩa về mặt thẩm mỹ, không ảnh hưởng đến chức năng.

Câu 17: Bạn muốn thêm biểu tượng tìm kiếm (search icon) vào thanh điều hướng để người dùng có thể nhanh chóng tìm kiếm nội dung trên trang web. Chức năng này thường được tích hợp vào thanh điều hướng bằng cách nào?

• A. Thêm một thành phần (element/block) có chức năng tìm kiếm vào thanh điều hướng.
• B. Thay đổi màu sắc của thanh điều hướng.
• C. Tạo một liên kết đến trang Google.
• D. Chỉ cần viết chữ "Tìm kiếm" vào một mục điều hướng.

Câu 18: Một trang web có thanh điều hướng chính và thanh điều hướng phụ (sidebar navigation). Việc sử dụng nhiều hơn một thanh điều hướng có thể mang lại lợi ích gì?

• A. Làm cho trang web tải nhanh hơn.
• B. Bắt buộc người dùng phải xem hết tất cả các liên kết.
• C. Giảm bớt số lượng nội dung trên trang.
• D. Giúp tổ chức các liên kết theo cấp độ (liên kết chính trên thanh ngang, liên kết chi tiết trong thanh bên) hoặc theo chức năng, cải thiện khả năng điều hướng cho website phức tạp.

Câu 19: Bạn muốn xóa một mục không còn cần thiết khỏi thanh điều hướng (ví dụ: mục "Khuyến mãi" đã hết hạn). Thao tác nào bạn cần thực hiện trên mục đó trong giao diện chỉnh sửa thanh điều hướng?

• A. Nhấp đúp chuột vào mục đó.
• B. Chọn mục đó và sử dụng tùy chọn "Remove" hoặc "Delete".
• C. Kéo mục đó ra khỏi thanh điều hướng.
• D. Thay đổi tên của mục đó thành "Xóa".

Câu 20: Khi thiết kế thanh điều hướng, việc sử dụng ngôn ngữ rõ ràng, ngắn gọn và dễ hiểu cho tên các mục (ví dụ: "Sản phẩm" thay vì "Danh mục các mặt hàng chúng tôi cung cấp") có tác động như thế nào đến người dùng?

• A. Làm cho thanh điều hướng dài ra.
• B. Chỉ quan trọng đối với công cụ tìm kiếm (SEO).
• C. Giúp người dùng nhanh chóng hiểu được nội dung sẽ truy cập và dễ dàng tìm thấy thông tin cần thiết.
• D. Không có tác động đáng kể, người dùng sẽ tìm hiểu sau khi nhấp vào.

Câu 21: Trong một số công cụ tạo website, khi bạn thêm thanh điều hướng vào một trang, sẽ có tùy chọn hỏi bạn có muốn áp dụng thanh điều hướng này cho TẤT CẢ các trang khác trong website hay không. Nếu bạn chọn "Có" (Yes), điều này mang lại lợi ích gì?

• A. Mỗi trang sẽ có một thanh điều hướng hoàn toàn khác nhau.
• B. Chỉ trang chủ mới có thanh điều hướng.
• C. Thanh điều hướng sẽ tự động thay đổi nội dung trên mỗi trang.
• D. Đảm bảo tính nhất quán về giao diện và điều hướng trên toàn bộ website, giúp người dùng không bị bỡ ngỡ khi chuyển trang.

Câu 22: Bạn đang kiểm tra thanh điều hướng trên một trang web và nhận thấy khi rê chuột qua mục "Dịch vụ", một danh sách các dịch vụ cụ thể xuất hiện (ví dụ: Thiết kế web, SEO, Marketing). Đây là ví dụ về loại menu nào?

• A. Dropdown menu (menu thả xuống) / Menu nhiều cấp.
• B. Sticky menu.
• C. Full width menu.
• D. Hamburger menu.

Câu 23: Giả sử bạn có một thanh điều hướng với các mục "Trang chủ", "Sản phẩm", "Liên hệ". Bạn muốn mục "Sản phẩm" hiển thị màu chữ khác với hai mục còn lại để làm nổi bật. Tùy chọn nào bạn cần điều chỉnh?

• A. Logo Size.
• B. Full Width.
• C. Text Color / Typography settings cho mục "Sản phẩm".
• D. Icons Color.

Câu 24: Tại sao việc kiểm tra thanh điều hướng trên nhiều loại thiết bị và kích thước màn hình khác nhau lại quan trọng?

• A. Để đảm bảo thanh điều hướng có màu sắc giống nhau trên mọi thiết bị.
• B. Để đảm bảo thanh điều hướng hiển thị và hoạt động chính xác, dễ sử dụng trên mọi kích thước màn hình và thiết bị (tính đáp ứng).
• C. Để làm tăng số lượng liên kết trên thanh điều hướng.
• D. Chỉ cần kiểm tra trên máy tính để bàn là đủ.

Câu 25: Bạn muốn một mục trên thanh điều hướng (ví dụ: "Đăng nhập") dẫn đến một trang web khác hoàn toàn (ví dụ: trang đăng nhập của một hệ thống khác hoặc một trang mạng xã hội). Khi thêm liên kết cho mục này, bạn cần sử dụng loại địa chỉ nào?

• A. Địa chỉ tuyệt đối (Absolute URL, ví dụ: `https://tendomainkhac.com/login`)
• B. Địa chỉ tương đối (Relative URL, ví dụ: `/login`)
• C. Chỉ cần tên trang (ví dụ: `login.html`)
• D. Mã định danh (ID) của trang đích

Câu 26: Khi thanh điều hướng được thiết lập tùy chọn "Sticky", nó sẽ cố định ở vị trí nào trên màn hình khi người dùng cuộn trang?

• A. Ở cuối trang web.
• B. Ở giữa trang web.
• C. Ở bên trái trang web.
• D. Ở đầu (phía trên cùng) của cửa sổ trình duyệt.

Câu 27: Bạn đang xây dựng một website có cấu trúc phân cấp nội dung sâu (ví dụ: Trang chủ -> Sản phẩm -> Điện thoại -> iPhone -> iPhone 15). Để người dùng dễ dàng điều hướng và biết mình đang ở đâu trong cấu trúc này, ngoài thanh điều hướng chính, bạn có thể sử dụng thêm thành phần hỗ trợ nào?

• A. Breadcrumbs (đường dẫn phân cấp)
• B. Một thanh cuộn (scrollbar) cố định
• C. Một danh sách các từ khóa liên quan
• D. Một bản đồ trang web (sitemap) hiển thị trên mọi trang

Câu 28: Bạn muốn mục "Trang chủ" trên thanh điều hướng luôn có một biểu tượng ngôi nhà nhỏ bên cạnh chữ "Trang chủ". Thao tác nào bạn cần thực hiện trong cài đặt của mục "Trang chủ"?

• A. Thay đổi màu nền của thanh điều hướng.
• B. Bật tùy chọn "Full Width".
• C. Sử dụng tùy chọn "Add Icon" hoặc "Insert Icon" cho mục "Trang chủ".
• D. Tạo một danh mục con dưới mục "Trang chủ".

Câu 29: Trong thiết kế đáp ứng (responsive design), khi màn hình đủ rộng, thanh điều hướng thường hiển thị theo chiều ngang. Khi màn hình thu hẹp lại (ví dụ: trên điện thoại), nó thường chuyển sang dạng thu gọn. Đây là ví dụ về việc ứng dụng nguyên tắc thiết kế nào?

• A. Thiết kế cố định (Fixed Design).
• B. Thiết kế đáp ứng (Responsive Design).
• C. Thiết kế tĩnh (Static Design).
• D. Thiết kế tối giản (Minimalist Design).

Câu 30: Giả sử bạn có một website đa ngôn ngữ. Nút chuyển đổi ngôn ngữ (ví dụ: cờ Việt Nam/Anh) thường được đặt ở đâu trên trang web để người dùng dễ dàng nhìn thấy và sử dụng?

• A. Ở khu vực đầu trang (header), có thể trên hoặc gần thanh điều hướng.
• B. Ở giữa trang web.
• C. Chỉ xuất hiện trên trang chủ.
• D. Ở cuối trang web (footer).

Câu 1: Khi thiết kế một website responsive (thích ứng trên nhiều thiết bị), thanh điều hướng cần thể hiện đặc điểm gì để đảm bảo trải nghiệm người dùng trên màn hình điện thoại di động?

• A. Luôn hiển thị tất cả các mục menu trải rộng toàn màn hình.
• B. Thu gọn thành một biểu tượng (ví dụ: biểu tượng ba gạch ngang) và bung ra khi được nhấn.
• C. Tự động ẩn hoàn toàn khi cuộn trang xuống.
• D. Chuyển tất cả các mục menu thành danh sách thả xuống độc lập.

Câu 2: Bạn đang xây dựng một trang web cho doanh nghiệp và muốn logo của công ty luôn xuất hiện bên cạnh tên thương hiệu trên thanh điều hướng. Để điều chỉnh kích thước của logo sao cho phù hợp với chiều cao của thanh điều hướng mà không làm vỡ bố cục, bạn cần tìm tùy chọn thiết lập nào?

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

Câu 3: Một trang web thương mại điện tử có thanh điều hướng chứa mục "Sản phẩm". Dưới mục "Sản phẩm" có các danh mục nhỏ hơn như "Quần áo", "Giày dép", "Phụ kiện". Để người dùng dễ dàng truy cập trực tiếp các danh mục nhỏ này từ thanh điều hướng chính mà không cần click vào "Sản phẩm", bạn nên sử dụng cấu trúc nào?

• A. Tạo các danh mục con (submenu) dưới mục "Sản phẩm".
• B. Đặt tất cả các danh mục nhỏ trực tiếp lên thanh điều hướng chính.
• C. Sử dụng tùy chọn "Collapsed" cho mục "Sản phẩm".
• D. Thêm biểu tượng (icon) cho mục "Sản phẩm".

Câu 4: Thanh điều hướng của một blog tin tức cần luôn hiển thị ở phía trên màn hình, ngay cả khi người dùng cuộn xuống đọc các bài viết dài. Điều này giúp người dùng dễ dàng chuyển đổi giữa các chuyên mục bất cứ lúc nào. Tùy chọn nào giúp đạt được hiệu ứng này?

• A. Full Width
• B. Collapsed
• C. Transparent
• D. Sticky

Câu 5: Bạn đã thêm một mục mới vào thanh điều hướng và muốn nó liên kết đến một trang khác trong website của mình (ví dụ: trang "Giới thiệu"). Sau khi chọn mục menu đó, thao tác tiếp theo bạn cần làm để thiết lập liên kết là gì?

• A. Chọn "Add Submenu"
• B. Chọn "Link" và nhập địa chỉ trang đích.
• C. Chọn "Icons Color"
• D. Chọn "Remove Block"

Câu 6: Khi thiết kế thanh điều hướng, việc đồng bộ màu sắc của thanh điều hướng với màu sắc chủ đạo của trang web và các yếu tố thương hiệu (như logo) có ý nghĩa quan trọng gì?

• A. Tạo sự nhất quán về giao diện, tăng tính chuyên nghiệp và nhận diện thương hiệu.
• B. Giúp thanh điều hướng tự động thu gọn trên màn hình nhỏ.
• C. Chỉ ảnh hưởng đến kích thước hiển thị của logo.
• D. Không có ý nghĩa thiết thực, chỉ là tùy chọn thẩm mỹ cá nhân.

Câu 7: Trong quá trình chỉnh sửa, bạn nhận thấy một mục menu trên thanh điều hướng không còn cần thiết nữa. Thao tác nào giúp bạn loại bỏ mục menu cụ thể đó khỏi thanh điều hướng?

• A. Chọn "Add Submenu"
• B. Chọn "Link"
• C. Chọn tùy chọn xóa mục (thường là biểu tượng thùng rác hoặc nút "Remove").
• D. Chọn "Full Width"

Câu 8: Bạn muốn thanh điều hướng hiển thị các mục menu trải rộng toàn bộ chiều ngang của màn hình, không bị giới hạn trong một vùng nội dung hẹp. Tùy chọn thiết lập nào sẽ giúp bạn đạt được hiệu ứng này?

• A. Full Width
• B. Sticky
• C. Collapsed
• D. Icons Color

Câu 9: Khi thanh điều hướng có nhiều mục menu đến mức vượt quá chiều rộng của màn hình hiển thị (ví dụ: trên màn hình máy tính), điều gì có khả năng xảy ra nếu bạn không sử dụng tùy chọn "Collapsed" hoặc responsive?

• A. Các mục menu sẽ tự động ẩn đi.
• B. Thanh điều hướng sẽ chuyển sang dạng thả xuống (dropdown).
• C. Kích thước chữ của các mục menu sẽ tự động giảm xuống.
• D. Các mục menu sẽ bị tràn ra ngoài hoặc chồng lấn lên nhau, gây khó nhìn.

Câu 10: Bạn muốn thêm các biểu tượng nhỏ (icon) bên cạnh một số mục menu (ví dụ: biểu tượng ngôi nhà cho mục "Trang chủ", biểu tượng giỏ hàng cho mục "Giỏ hàng") để tăng tính trực quan. Sau khi thêm biểu tượng, bạn muốn thay đổi màu sắc của các biểu tượng này cho phù hợp với tông màu website. Tùy chọn nào giúp bạn làm điều đó?

• A. Logo Size
• B. Icons Color
• C. Brand Name
• D. Link

Câu 11: Trong cấu trúc thanh điều hướng, mục đích chính của việc sử dụng danh mục con (submenu) là gì?

• A. Tổ chức các mục nội dung liên quan dưới một mục chính, giúp thanh điều hướng gọn gàng hơn.
• B. Làm cho thanh điều hướng luôn hiển thị ở đầu trang khi cuộn.
• C. Điều chỉnh kích thước của logo trên thanh điều hướng.
• D. Thêm hiệu ứng trong suốt cho thanh điều hướng.

Câu 12: Bạn đã hoàn thành việc thiết lập thanh điều hướng cho trang chủ và muốn cấu trúc thanh điều hướng này được áp dụng tự động cho tất cả các trang khác trong website. Thao tác nào giúp thực hiện điều này sau khi thêm thanh điều hướng?

• A. Chọn "Remove Block" trên trang chủ.
• B. Thiết lập lại thanh điều hướng thủ công cho từng trang.
• C. Xác nhận áp dụng thanh điều hướng cho tất cả các trang trong tùy chọn cấu hình ban đầu hoặc cài đặt chung.
• D. Sử dụng tùy chọn "Sticky" cho thanh điều hướng.

Câu 13: Một thanh điều hướng trên website du lịch có các mục như "Điểm đến", "Khách sạn", "Vé máy bay", "Blog". Khi người dùng cuộn trang xuống để xem chi tiết về một điểm đến, thanh điều hướng này vẫn cố định ở trên cùng. Lợi ích chính của việc giữ thanh điều hướng cố định (sticky) trong trường hợp này là gì?

• A. Giúp người dùng dễ dàng truy cập các mục điều hướng bất kể vị trí cuộn trang hiện tại.
• B. Làm cho thanh điều hướng tự động thu gọn trên màn hình nhỏ.
• C. Thay đổi màu sắc của các biểu tượng trên thanh điều hướng.
• D. Mở rộng thanh điều hướng ra toàn bộ chiều rộng màn hình.

Câu 14: Bạn muốn thêm một thanh điều hướng mới vào một trang web đang trống. Thao tác chung trong hầu hết các công cụ tạo website để thêm các thành phần cấu trúc (block) vào trang là gì?

• A. Chọn "Remove Block"
• B. Chọn "Link"
• C. Chọn "Icons Color"
• D. Chọn "Add Block" và sau đó chọn loại block "Menu" hoặc "Navigation".

Câu 15: Một trang web sử dụng thanh điều hướng có nền trong suốt (transparent) để làm nổi bật hình ảnh hoặc video ở phần đầu trang. Tuy nhiên, khi cuộn xuống, nền trong suốt này khiến chữ trên thanh điều hướng khó đọc vì nó hòa lẫn với nội dung phía dưới. Để khắc phục vấn đề này mà vẫn giữ hiệu ứng ban đầu ở đầu trang, bạn có thể áp dụng giải pháp nào?

• A. Loại bỏ hoàn toàn hiệu ứng trong suốt và đặt màu nền cố định.
• B. Sử dụng tùy chọn "Sticky" kết hợp với thiết lập thay đổi màu nền khi cuộn xuống.
• C. Tăng kích thước phông chữ trên thanh điều hướng.
• D. Ẩn thanh điều hướng khi cuộn xuống.

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

• A. Thay đổi kích thước của logo.
• B. Thêm một liên kết đến một trang khác.
• C. Tạo một danh mục con.
• D. Hiển thị và tùy chỉnh tên website/thương hiệu.

Câu 17: Khi thiết kế thanh điều hướng cho một website có lượng nội dung rất lớn, việc tổ chức thông tin một cách hợp lý trên thanh điều hướng là rất quan trọng. Bạn nên ưu tiên đặt những loại mục menu nào lên thanh điều hướng chính?

• A. Các mục nội dung chính, quan trọng nhất, là cổng vào các phần lớn của website.
• B. Tất cả các mục nội dung, kể cả những mục ít quan trọng.
• C. Chỉ các liên kết đến mạng xã hội.
• D. Chỉ các liên kết đến các trang bên ngoài website.

Câu 18: Bạn đang chỉnh sửa thanh điều hướng và muốn thay đổi thứ tự hiển thị của các mục menu (ví dụ: đưa mục "Liên hệ" lên trước mục "Blog"). Thao tác phổ biến nào giúp bạn thực hiện việc sắp xếp lại các mục menu này?

• A. Chọn "Link" cho từng mục.
• B. Sử dụng thao tác kéo thả (drag and drop) hoặc các nút điều khiển sắp xếp trong bảng quản lý menu.
• C. Chọn "Add Submenu".
• D. Thay đổi "Icons Color".

Câu 19: Thanh điều hướng trên một website bất ngờ biến mất. Để kiểm tra xem thanh điều hướng có bị xóa nhầm hay không, bạn nên thực hiện thao tác nào đầu tiên trong giao diện chỉnh sửa website?

• A. Sử dụng tùy chọn "Sticky".
• B. Thay đổi "Logo Size".
• C. Kiểm tra danh sách các block đã thêm vào trang hoặc tìm tùy chọn "Add Block" để xem có thể thêm lại thanh điều hướng hay không.
• D. Thay đổi "Icons Color".

Câu 20: Khi thiết kế một website tin tức, bạn muốn thêm một ô tìm kiếm ngay trên thanh điều hướng để người dùng dễ dàng tìm kiếm bài viết. Thành phần "ô tìm kiếm" này thường được tích hợp vào thanh điều hướng vì lý do chính nào?

• A. Tăng tính tiện lợi, giúp người dùng truy cập chức năng tìm kiếm nhanh chóng từ bất kỳ vị trí nào trên website.
• B. Làm cho thanh điều hướng tự động thu gọn.
• C. Chỉ để trang trí cho thanh điều hướng.
• D. Giúp thay đổi màu sắc của các mục menu.

Câu 21: Bạn đang sử dụng một công cụ tạo website và muốn thêm một thanh điều hướng vào trang web của mình. Sau khi chọn "Add Block", bạn cần tìm loại block nào để thêm thanh điều hướng?

• A. Text Block
• B. Image Gallery
• C. Footer
• D. Menu / Navigation Bar

Câu 22: Một thanh điều hướng được thiết kế với tùy chọn "Transparent". Điều này có ý nghĩa gì đối với giao diện của thanh điều hướng?

• A. Nền của thanh điều hướng sẽ trong suốt, cho phép nhìn thấy nội dung phía sau.
• B. Thanh điều hướng sẽ cố định ở đầu trang khi cuộn.
• C. Các mục menu sẽ tự động thu gọn.
• D. Các mục menu sẽ trải rộng toàn bộ chiều ngang màn hình.

Câu 23: Bạn đang thiết kế thanh điều hướng cho một trang web có nhiều ngôn ngữ. Để người dùng có thể dễ dàng chuyển đổi ngôn ngữ, bạn nên đặt tùy chọn chuyển đổi ngôn ngữ (Language Switcher) ở vị trí nào trên thanh điều hướng?

• A. Ở cuối trang web (footer).
• B. Trên thanh điều hướng chính, thường ở góc trên cùng bên phải hoặc bên trái.
• C. Ẩn trong một danh mục con.
• D. Chỉ hiển thị khi người dùng cuộn xuống cuối trang.

Câu 24: So sánh sự khác biệt chính giữa việc thêm một mục menu mới và thêm một danh mục con (submenu) cho một mục menu đã có.

• A. Thêm mục menu mới tạo ra một liên kết, còn thêm submenu thì không.
• B. Thêm mục menu mới chỉ ảnh hưởng đến trang hiện tại, còn thêm submenu ảnh hưởng đến toàn bộ website.
• C. Thêm mục menu mới chỉ được dùng cho văn bản, còn thêm submenu được dùng cho hình ảnh.
• D. Thêm mục menu mới tạo ra một mục ngang hàng trên thanh điều hướng chính (hoặc cấp hiện tại), còn thêm submenu tạo ra một mục phụ thuộc, xuất hiện khi di chuột hoặc nhấn vào mục chính.

Câu 25: Bạn đã thiết kế thanh điều hướng với nhiều mục và danh mục con. Sau khi xem trước trên màn hình nhỏ, bạn thấy các mục menu bị tràn và khó sử dụng. Tùy chọn nào trong bảng thiết lập thanh điều hướng giúp giải quyết vấn đề này bằng cách tự động thu gọn menu?

• A. Full Width
• B. Sticky
• C. Collapsed / Responsive settings
• D. Transparent

Câu 26: Khi tạo liên kết cho một mục menu, bạn có thể thiết lập liên kết đó mở ra ở đâu? (Chọn phương án đúng nhất)

• A. Chỉ trong cửa sổ/tab hiện tại.
• B. Chỉ trong một cửa sổ/tab mới.
• C. Chỉ trên thiết bị di động.
• D. Trong cửa sổ/tab hiện tại hoặc trong một cửa sổ/tab mới, tùy thuộc vào tùy chọn thiết lập.

Câu 27: Bạn muốn xóa hoàn toàn thanh điều hướng khỏi một trang web cụ thể. Thao tác nào là cần thiết để loại bỏ block thanh điều hướng?

• A. Di chuột lên thanh điều hướng và chọn "Remove Block".
• B. Chọn "Add Block" và chọn lại "Menu".
• C. Thay đổi "Logo Size" thành 0.
• D. Chọn "Sticky" và sau đó bỏ chọn.

Câu 28: Mục đích của việc thêm các biểu tượng (icons) vào thanh điều hướng là gì?

• A. Làm cho thanh điều hướng trong suốt.
• B. Giúp thanh điều hướng cố định khi cuộn.
• C. Tăng tính trực quan, dễ nhận diện các mục menu và tiết kiệm không gian.
• D. Chỉ để tạo danh mục con.

Câu 29: Một website có thanh điều hướng chỉ bao gồm các mục "Trang chủ", "Giới thiệu", "Liên hệ". Khi xem trên điện thoại, thanh điều hướng này vẫn hiển thị đầy đủ các mục mà không thu gọn. Điều này có thể gây ra vấn đề gì trên màn hình nhỏ?

• A. Các mục menu sẽ tự động chuyển thành danh mục con.
• B. Thanh điều hướng có thể chiếm quá nhiều không gian hoặc các mục menu bị tràn ra ngoài màn hình.
• C. Màu sắc của thanh điều hướng sẽ tự động thay đổi.
• D. Logo trên thanh điều hướng sẽ biến mất.

Câu 30: Khi bạn tạo một thanh điều hướng mới bằng cách thêm block "Menu", cấu trúc mặc định ban đầu của thanh điều hướng thường bao gồm những gì?

• A. Một số mục menu mẫu hoặc cơ bản như "Trang chủ".
• B. Chỉ có logo và tên thương hiệu.
• C. Chỉ có ô tìm kiếm và nút đăng nhập.
• D. Một danh sách rỗng không có mục nào.

Câu 1: Mục đích chính của việc tạo thanh điều hướng (navigation bar) trên trang web là gì?

• A. Để trang trí cho trang web thêm đẹp mắt.
• B. Để hiển thị thông tin quảng cáo nổi bật.
• C. Để tăng tốc độ tải trang web.
• D. Để giúp người dùng dễ dàng di chuyển giữa các trang hoặc các phần nội dung khác nhau.

Câu 2: Theo quy ước thiết kế web phổ biến, vị trí đặt thanh điều hướng chính (main navigation bar) thường là ở đâu để tối ưu trải nghiệm người dùng trên màn hình máy tính?

• A. Cuối trang web (footer).
• B. Giữa trang web, nổi bật trên nội dung chính.
• C. Ngay dưới phần đầu trang web (header) hoặc tích hợp trong header.
• D. Chỉ hiển thị khi người dùng cuộn xuống cuối trang.

Câu 3: Một thanh điều hướng hiệu quả thường bao gồm những thành phần cơ bản nào liên kết đến các nội dung chính của website?

• A. Các liên kết (links) đến các trang hoặc mục nội dung chính.
• B. Toàn bộ nội dung của trang chủ.
• C. Danh sách tất cả các tệp tin trên máy chủ.
• D. Các biểu ngữ quảng cáo động.

Câu 4: 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 thường được sử dụng để tránh làm thanh điều hướng quá dài và rối mắt trên máy tính?

• A. Chỉ hiển thị một vài danh mục quan trọng nhất và ẩn đi phần còn lại.
• B. Sử dụng các danh mục con (submenus) hoặc menu thả xuống (dropdown menus).
• C. Thay đổi kích thước phông chữ rất nhỏ để chứa được tất cả.
• D. Yêu cầu người dùng phóng to màn hình để xem hết các mục.

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

• A. Giữ thanh điều hướng hiển thị cố định ở một vị trí trên màn hình khi người dùng cuộn trang.
• B. Làm cho thanh điều hướng thay đổi màu sắc ngẫu nhiên khi người dùng di chuột qua.
• C. Tự động ẩn thanh điều hướng sau vài giây nếu người dùng không tương tác.
• D. Mở tất cả các liên kết trong thanh điều hướng cùng lúc khi trang tải xong.

Câu 6: Khi thiết kế thanh điều hướng cho các thiết bị có màn hình nhỏ như điện thoại di động, giải pháp phổ biến nào được sử dụng để tiết kiệm không gian hiển thị?

• A. Hiển thị tất cả các mục điều hướng theo chiều ngang, tràn màn hình.
• B. Xóa bớt các mục điều hướng không quan trọng.
• C. Chỉ hiển thị logo và tên thương hiệu.
• D. Thu gọn thanh điều hướng thành một biểu tượng (ví dụ: biểu tượng hamburger) và hiển thị menu khi người dùng nhấn vào.

Câu 7: Tùy chọn "Full Width" khi áp dụng cho thanh điều hướng có nghĩa là gì?

• A. Thanh điều hướng chỉ hiển thị trên một phần nhỏ của màn hình.
• B. Thanh điều hướng có màu nền trong suốt.
• C. Thanh điều hướng hiển thị trải rộng toàn bộ chiều ngang của khu vực chứa nó.
• D. Các mục điều hướng sẽ hiển thị theo chiều dọc.

Câu 8: Bạn muốn thêm logo của công ty vào thanh điều hướng để nhận diện thương hiệu. Tùy chọn nào 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 điều này và điều chỉnh kích thước của logo?

• A. Icons Color.
• B. Logo Size (hoặc tùy chọn liên quan đến Logo/Brand).
• C. Collapsed.
• D. Sticky.

Câu 9: Để thêm một liên kết mới vào thanh điều hướng (ví dụ: thêm mục "Blog" dẫn đến trang blog của website), thao tác chung phổ biến nhất là gì?

• A. Chọn thanh điều hướng, thêm một mục mới và nhập tên mục cùng địa chỉ URL cần liên kết đến.
• B. Chỉ cần gõ địa chỉ URL vào bất kỳ đâu trên trang.
• C. Sử dụng chức năng tìm kiếm của trình duyệt.
• D. Kéo và thả tệp tin HTML của trang blog vào thanh điều hướng.

Câu 10: Bạn muốn tạo một danh mục con "Áo nam" và "Áo nữ" nằm trong mục chính "Thời trang" trên thanh điều hướng. Bạn sẽ sử dụng tính năng nào?

• A. Tùy chọn "Full Width".
• B. Tùy chọn "Sticky".
• C. Tính năng "Add Submenu" (hoặc tương đương).
• D. Tùy chọn "Transparent".

Câu 11: 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 để đảm bảo tính thẩm mỹ và nhận diện thương hiệu?

• A. Nên sử dụng màu sắc tương phản mạnh nhất có thể với màu nền của trang.
• B. Nên đồng bộ với màu sắc chủ đạo của trang web và bộ nhận diện thương hiệu.
• C. Nên thay đổi màu sắc liên tục để thu hút sự chú ý.
• D. Màu sắc không quan trọng, chỉ cần các liên kết hoạt động.

Câu 12: Trong ngữ cảnh thiết kế responsive (đáp ứng trên nhiều thiết bị), tại sao việc sử dụng tùy chọn "Collapsed" cho thanh điều hướng trên thiết bị di động lại quan trọng?

• A. Để tiết kiệm không gian hiển thị trên màn hình nhỏ và tránh làm tràn bố cục.
• B. Để làm cho thanh điều hướng di chuyển theo người dùng khi cuộn trang.
• C. Để làm cho thanh điều hướng có nền trong suốt.
• D. Để tự động thêm các mục điều hướng mới.

Câu 13: Tùy chọn "Transparent" (Trong suốt) cho thanh điều hướng thường được sử dụng trong trường hợp nào để tạo hiệu ứng thị giác đặc biệt?

• A. Khi muốn thanh điều hướng luôn hiển thị màu sắc cố định.
• B. Khi muốn ẩn hoàn toàn thanh điều hướng.
• C. Khi muốn các mục điều hướng hiển thị theo chiều dọc.
• D. Khi muốn thanh điều hướng hiển thị "xuyên" qua một phần nội dung phía sau, thường là hình ảnh ở đầu trang.

Câu 14: Ngoài các liên kết điều hướng chính, thanh điều hướng có thể tích hợp thêm những thành phần nào khác để tăng tính tiện ích cho người dùng?

• A. Các đoạn video tự chạy.
• B. Ô tìm kiếm, biểu tượng giỏ hàng, nút đăng nhập/đăng ký.
• C. Toàn bộ nội dung bài viết mới nhất.
• D. Các tệp âm thanh phát tự động.

Câu 15: Giả sử bạn đang sử dụng một công cụ tạo website kéo thả. Để xóa bỏ hoàn toàn thanh điều hướng hiện có trên trang, bạn thường cần thực hiện thao tác nào?

• A. Chọn thanh điều hướng và nhấn phím Delete trên bàn phím.
• B. Kéo thanh điều hướng ra khỏi khu vực làm việc.
• C. Di chuột lên thanh điều hướng để hiển thị thanh công cụ và chọn tùy chọn "Remove Block" (hoặc tương đương).
• D. Đóng trình duyệt và mở lại.

Câu 16: Khi thêm một liên kết vào một mục trên thanh điều hướng, bạn cần cung cấp thông tin gì để liên kết đó hoạt động đúng?

• A. Địa chỉ URL (Web Address) của trang hoặc mục đích mà liên kết dẫn tới.
• B. Màu sắc ưa thích của bạn.
• C. Ngày tạo của trang web.
• D. Số điện thoại liên hệ.

Câu 17: Bạn nhận thấy trên điện thoại di động, khi mở menu "hamburger", danh sách các mục điều hướng quá dài, vượt quá chiều cao màn hình và người dùng phải cuộn để xem hết. Giải pháp thiết kế nào có thể giúp cải thiện tình hình này?

• A. Tăng kích thước phông chữ của các mục.
• B. Thay đổi màu nền của menu.
• C. Loại bỏ hoàn toàn các mục điều hướng trên di động.
• D. Sắp xếp lại các mục thành các danh mục con (nested submenus) trong menu di động.

Câu 18: Việc sử dụng các biểu tượng (icons) trên thanh điều hướng (ví dụ: biểu tượng ngôi nhà cho "Trang chủ", biểu tượng giỏ hàng cho "Giỏ hàng") mang lại lợi ích gì?

• A. Giúp người dùng nhận diện nhanh chóng chức năng của mục điều hướng thông qua hình ảnh, tiết kiệm không gian và tăng tính thẩm mỹ.
• B. Làm cho trang web tải chậm hơn.
• C. Bắt buộc người dùng phải học ý nghĩa của từng biểu tượng mới sử dụng được.
• D. Chỉ có tác dụng trang trí, không có ý nghĩa về chức năng.

Câu 19: Khi thiết lập tùy chọn màu sắc cho thanh điều hướng, bạn nên chú ý đến yếu tố nào để đảm bảo khả năng đọc (readability) của các mục điều hướng?

• A. Chọn màu sắc ngẫu nhiên để tạo sự bất ngờ.
• B. Sử dụng màu sắc giống hệt màu nền của trang web.
• C. Đảm bảo độ tương phản đủ lớn giữa màu chữ và màu nền của thanh điều hướng.
• D. Chỉ sử dụng duy nhất một màu cho toàn bộ thanh điều hướng và chữ.

Câu 20: Tùy chọn "Brand Name" trong cài đặt thanh điều hướng thường cho phép bạn làm gì?

• A. Thay đổi kích thước của logo.
• B. Hiển thị tên website hoặc thương hiệu bằng văn bản.
• C. Thay đổi màu sắc của các biểu tượng.
• D. Làm cho thanh điều hướng cố định khi cuộn trang.

Câu 21: Một website tin tức có cấu trúc nội dung phức tạp với nhiều chuyên mục chính (Ví dụ: Thời sự, Kinh doanh, Thể thao, Giải trí). Khi tạo thanh điều hướng, bạn nên ưu tiên hiển thị những mục nào ở cấp độ đầu tiên (trực tiếp trên thanh điều hướng chính)?

• A. Các chuyên mục chính, quan trọng và được độc giả quan tâm nhiều nhất.
• B. Tất cả các chuyên mục, kể cả chuyên mục con, theo thứ tự bảng chữ cái.
• C. Chỉ hiển thị mục "Trang chủ" và "Liên hệ".
• D. Các chuyên mục được cập nhật gần đây nhất.

Câu 22: Tại sao việc đảm bảo thanh điều hướng hoạt động nhất quán trên tất cả các trang của website lại là một nguyên tắc thiết kế quan trọng?

• A. Để làm cho website có dung lượng nhẹ hơn.
• B. Để mỗi trang có giao diện độc đáo riêng.
• C. Để chỉ hiển thị các mục liên quan đến nội dung của từng trang cụ thể.
• D. Để giúp người dùng dễ dàng định vị và di chuyển trong website mà không bị bỡ ngỡ.

Câu 23: Bạn đã thiết lập thanh điều hướng với nền màu trắng và chữ màu đen. Tuy nhiên, khi cuộn xuống dưới phần header, nội dung trang web cũng có nền trắng, làm cho thanh điều hướng bị lẫn vào nền. Bạn nên điều chỉnh gì?

• A. Thay đổi màu chữ thành màu trắng.
• B. Thêm viền (border) hoặc đổ bóng (shadow) cho thanh điều hướng để tạo sự tách biệt với nền trang.
• C. Xóa bỏ thanh điều hướng khi cuộn xuống.
• D. Làm cho toàn bộ nội dung trang web có màu nền khác.

Câu 24: Khi sử dụng tính năng "Add Submenu" để tạo các mục con, cấu trúc phân cấp này giúp cải thiện điều gì cho thanh điều hướng?

• A. Làm cho thanh điều hướng dài ra theo chiều ngang.
• B. Bắt buộc người dùng phải truy cập tất cả các mục con trước khi truy cập mục cha.
• C. Giúp tổ chức các liên kết theo cấu trúc phân cấp, làm gọn thanh điều hướng chính và dễ quản lý hơn.
• D. Tự động thêm nội dung cho các trang con.

Câu 25: Bạn đang xem xét việc thêm một ô tìm kiếm trực tiếp vào thanh điều hướng. Trên loại website nào việc này có ý nghĩa đặc biệt quan trọng?

• A. Website có lượng nội dung hoặc sản phẩm lớn (ví dụ: website tin tức, thương mại điện tử).
• B. Website chỉ có một trang duy nhất.
• C. Website chỉ hiển thị thông tin liên hệ.
• D. Website chỉ dành cho mục đích cá nhân, không chia sẻ công khai.

Câu 26: Tùy chọn "Icons Color" trong cài đặt thanh điều hướng cho phép bạn thay đổi màu sắc của những thành phần nào?

• A. Màu nền của thanh điều hướng.
• B. Màu chữ của các mục điều hướng.
• C. Màu của logo thương hiệu (nếu logo là hình ảnh).
• D. Màu sắc của các biểu tượng (icons) trên thanh điều hướng.

Câu 27: Khi thanh điều hướng được cấu hình là "Sticky" và có nền "Transparent" ban đầu, điều gì thường xảy ra với giao diện của thanh điều hướng khi người dùng bắt đầu cuộn trang xuống?

• A. Thanh điều hướng vẫn dính ở trên cùng nhưng thường chuyển sang có màu nền để dễ nhìn hơn trên nội dung trang.
• B. Thanh điều hướng biến mất hoàn toàn.
• C. Thanh điều hướng di chuyển xuống cuối trang.
• D. Các mục điều hướng tự động thay đổi thứ tự.

Câu 28: Giả sử bạn đang thiết kế thanh điều hướng cho một website chỉ có 3 trang: Trang chủ, Giới thiệu, Liên hệ. Bạn có cần sử dụng tính năng "Add Submenu" hoặc "Collapsed" cho thanh điều hướng trên máy tính không? Tại sao?

• A. Có, để làm cho thanh điều hướng trông hiện đại hơn.
• B. Không, vì số lượng mục ít có thể hiển thị trực tiếp trên thanh điều hướng chính mà không chiếm nhiều không gian, giúp người dùng truy cập nhanh hơn.
• C. Chỉ cần sử dụng "Add Submenu" cho mục "Trang chủ".
• D. Chỉ cần sử dụng "Collapsed" để thanh điều hướng tự động ẩn đi.

Câu 29: Lợi ích của việc thêm tên thương hiệu (Brand Name) bằng văn bản bên cạnh logo trên thanh điều hướng là gì?

• A. Tăng cường nhận diện thương hiệu bằng cách hiển thị rõ ràng tên website/công ty bên cạnh logo.
• B. Làm cho thanh điều hướng trở nên trong suốt.
• C. Thay đổi kích thước của các biểu tượng.
• D. Tự động thêm các liên kết mạng xã hội.

Câu 30: Khi thiết kế thanh điều hướng, việc sắp xếp thứ tự các mục điều hướng cũng rất quan trọng. Thông thường, mục nào nên được đặt ở vị trí đầu tiên (bên trái, đối với ngôn ngữ đọc từ trái sang phải) và mục nào nên đặt ở vị trí cuối cùng (bên phải)?

• A. Mục "Liên hệ" ở đầu tiên, "Trang chủ" ở cuối cùng.
• B. Các mục ít quan trọng nhất ở đầu tiên, các mục quan trọng nhất ở cuối cùng.
• C. "Trang chủ" (hoặc logo/tên thương hiệu) ở vị trí đầu tiên, các mục phụ như "Liên hệ", "Đăng nhập" thường ở cuối cùng.
• D. Thứ tự sắp xếp không quan trọng.

Câu 1: Khi thiết kế thanh điều hướng cho một trang web tin tức với nhiều chuyên mục (Thể thao, Chính trị, Kinh tế, Giải trí...), để người dùng dễ dàng tìm thấy các chuyên mục phụ (ví dụ: Bóng đá, Tennis trong Thể thao) mà không làm thanh điều hướng chính quá dài, người thiết kế nên sử dụng kỹ thuật nào?

• A. Chỉ hiển thị các chuyên mục chính và bỏ qua các chuyên mục phụ.
• B. Sử dụng danh mục con (submenu) dưới các chuyên mục chính.
• C. Thay đổi kích thước phông chữ của các mục nhỏ lại.
• D. Sắp xếp tất cả các chuyên mục theo chiều dọc ở cuối trang.

Câu 2: Một người dùng truy cập trang web trên điện thoại di động. Thanh điều hướng ban đầu được thiết kế với nhiều mục chính trải dài theo chiều ngang. Khi hiển thị trên màn hình nhỏ, các mục này bị tràn hoặc co lại không đọc được. Tùy chọn nào thường được sử dụng trong thiết kế đáp ứng (responsive design) cho thanh điều hướng để giải quyết vấn đề này?

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

Câu 3: Bạn muốn đảm bảo rằng thanh điều hướng luôn hiển thị ở phía trên cùng của cửa sổ trình duyệt, ngay cả khi người dùng cuộn xuống rất xa trên trang. Tùy chọn thiết lập nào của thanh điều hướng sẽ giúp bạn đạt được hiệu ứng này?

• A. Full Width.
• B. Collapsed.
• C. Transparent.
• D. Sticky.

Câu 4: Một trang web có logo và tên thương hiệu ở góc trên bên trái. Khi thêm thanh điều hướng, bạn muốn logo này cũng xuất hiện trên thanh điều hướng để tăng nhận diện thương hiệu. Chức năng nào trong bảng thiết lập thanh điều hướng cho phép bạn cấu hình hoặc thêm logo?

• A. Logo Size (hoặc các tùy chọn liên quan đến Logo/Brand).
• B. Icons Color.
• C. Add Submenu.
• D. Remove Block.

Câu 5: Sau khi tạo thanh điều hướng với các mục như "Trang chủ", "Giới thiệu", "Sản phẩm", bạn nhận ra màu sắc của các biểu tượng (icons) trên thanh điều hướng (nếu có) không phù hợp với tông màu chủ đạo của website. Bạn cần điều chỉnh tùy chọn nào trong bảng thiết lập để thay đổi màu sắc của các biểu tượng này?

• A. Color (chỉ thay đổi màu nền thanh điều hướng).
• B. Brand Name.
• C. Icons Color.
• D. Link.

Câu 6: Bạn muốn một mục trên thanh điều hướng, ví dụ "Liên hệ", khi người dùng nhấp vào sẽ dẫn đến một trang web khác hoàn toàn (không phải trang nội bộ của website hiện tại). Thao tác nào cần thực hiện trên mục "Liên hệ" trong trình chỉnh sửa thanh điều hướng để thiết lập liên kết này?

• A. Chọn mục "Liên hệ" và sử dụng tùy chọn "Link" (hoặc "Liên kết").
• B. Chọn mục "Liên hệ" và chọn "Add Submenu".
• C. Chọn mục "Liên hệ" và chọn "Insert icons".
• D. Chọn mục "Liên hệ" và chọn "Remove Block".

Câu 7: Thanh điều hướng đóng vai trò quan trọng trong trải nghiệm người dùng (UX) trên website. Phát biểu nào sau đây mô tả đúng nhất tầm quan trọng của thanh điều hướng?

• A. Chỉ để hiển thị logo và tên thương hiệu.
• B. Chỉ để trang trí cho phần đầu trang web.
• C. Cung cấp thông tin chi tiết về từng sản phẩm/dịch vụ.
• D. Giúp người dùng dễ dàng định vị và di chuyển đến các khu vực nội dung chính của website.

Câu 8: Khi thêm một mục mới vào thanh điều hướng chính, ví dụ "Tin tức", mục này thường được đặt ở vị trí nào để người dùng dễ dàng nhận thấy và truy cập nhất?

• A. Cuối cùng, sau tất cả các mục khác.
• B. Ở vị trí nổi bật trong danh sách các mục chính.
• C. Ẩn trong một danh mục con.
• D. Chỉ hiển thị khi người dùng cuộn trang.

Câu 9: Tùy chọn "Transparent" (trong suốt) trên thanh điều hướng thường được sử dụng trong trường hợp nào?

• A. Khi muốn thanh điều hướng luôn cố định khi cuộn trang.
• B. Khi muốn thanh điều hướng tự động thu gọn trên màn hình nhỏ.
• C. Khi muốn thanh điều hướng hòa trộn với hình nền hoặc ảnh ở phần đầu trang.
• D. Khi muốn các mục trên thanh điều hướng trải rộng toàn màn hình.

Câu 10: Một website có nhiều trang khác nhau (Trang chủ, Giới thiệu, Liên hệ, Blog...). Để đảm bảo tính nhất quán và trải nghiệm người dùng liền mạch, thanh điều hướng trên các trang này nên được thiết kế như thế nào?

• A. Giống nhau về cấu trúc và nội dung trên tất cả các trang.
• B. Mỗi trang có một thanh điều hướng hoàn toàn khác biệt.
• C. Chỉ trang chủ mới cần thanh điều hướng.
• D. Thanh điều hướng chỉ hiển thị trên các trang con, không hiển thị trên trang chủ.

Câu 11: Trong một số phần mềm tạo website, khi bạn thêm một "Block" loại "Menu" hoặc "Navigation", một tùy chọn thường xuất hiện hỏi bạn có muốn áp dụng thanh điều hướng này cho tất cả các trang hiện có trong website hay không. Nếu bạn chọn "Có", điều này có ý nghĩa gì?

• A. Thanh điều hướng chỉ hiển thị trên trang hiện tại bạn đang chỉnh sửa.
• B. Thanh điều hướng sẽ tự động tạo nội dung cho các trang khác.
• C. Thanh điều hướng sẽ chỉ hiển thị trên các trang mới được tạo sau này.
• D. Thanh điều hướng với cấu hình hiện tại sẽ xuất hiện ở cùng một vị trí trên tất cả các trang hiện có của website.

Câu 12: Bạn đang chỉnh sửa thanh điều hướng và muốn xóa một mục không còn cần thiết, ví dụ mục "Diễn đàn". Thao tác nào trong giao diện chỉnh sửa thanh điều hướng thường được sử dụng để loại bỏ một mục cụ thể?

• A. Chọn mục "Diễn đàn" và chọn "Add Submenu".
• B. Chọn mục "Diễn đàn" và sử dụng tùy chọn "Remove" (hoặc tương đương).
• C. Chọn mục "Diễn đàn" và chọn "Link".
• D. Chọn mục "Diễn đàn" và chọn "Block Parameters".

Câu 13: Tùy chọn "Full Width" (Chiều rộng đầy đủ) khi áp dụng cho thanh điều hướng có tác dụng gì về mặt hiển thị trên trình duyệt?

• A. Làm cho thanh điều hướng trải rộng toàn bộ chiều rộng của cửa sổ trình duyệt.
• B. Làm cho thanh điều hướng chỉ chiếm một phần nhỏ chiều rộng màn hình.
• C. Giúp thanh điều hướng cố định khi cuộn trang.
• D. Khiến thanh điều hướng tự động thu gọn trên màn hình nhỏ.

Câu 14: Khi tạo một danh mục con (submenu) cho một mục chính trên thanh điều hướng, các mục trong danh mục con đó thường được hiển thị như thế nào khi người dùng tương tác với mục chính (trên máy tính để bàn)?

• A. Luôn hiển thị song song với các mục chính.
• B. Chỉ hiển thị khi trang web được xem trên điện thoại.
• C. Thay thế hoàn toàn các mục chính khi được kích hoạt.
• D. Thường hiển thị dạng thả xuống (dropdown) hoặc mở sang bên khi di chuột hoặc nhấp vào mục chính.

Câu 15: Giả sử bạn có một thanh điều hướng với các mục: Trang chủ, Sản phẩm, Giới thiệu, Liên hệ. Bạn muốn thêm một mục mới là "Dịch vụ" và đặt nó giữa "Sản phẩm" và "Giới thiệu". Thao tác nào trong giao diện chỉnh sửa thanh điều hướng cho phép bạn thay đổi thứ tự các mục?

• A. Sử dụng chức năng kéo thả (drag and drop) hoặc các nút mũi tên để di chuyển mục "Dịch vụ" đến vị trí mong muốn.
• B. Xóa tất cả các mục và thêm lại theo thứ tự mới.
• C. Chỉ có thể thêm mục mới ở cuối danh sách.
• D. Thay đổi màu sắc của mục "Dịch vụ" để nó nổi bật hơn.

Câu 16: Khi thiết kế thanh điều hướng, ngoài các liên kết đến các trang, người ta thường tích hợp thêm các thành phần chức năng khác để tăng tiện ích cho người dùng. Thành phần nào sau đây ít phổ biến hoặc không phù hợp để đặt trực tiếp trên thanh điều hướng chính?

• A. Ô tìm kiếm (Search bar).
• B. Nút đăng nhập/đăng ký (Login/Sign-up button).
• C. Biểu tượng giỏ hàng (Cart icon) cho website thương mại điện tử.
• D. Một đoạn văn bản dài mô tả lịch sử công ty.

Câu 17: Tầm quan trọng của việc sử dụng màu sắc nhất quán cho thanh điều hướng, logo và các yếu tố thương hiệu khác trên website là gì?

• A. Giúp website tải nhanh hơn.
• B. Tăng nhận diện thương hiệu và tạo cảm giác chuyên nghiệp, nhất quán.
• C. Chỉ có tác dụng trang trí, không ảnh hưởng đến trải nghiệm người dùng.
• D. Làm cho thanh điều hướng tự động thu gọn trên màn hình nhỏ.

Câu 18: Trên một trang web, thanh điều hướng được thiết kế với tùy chọn "Sticky". Điều này có ý nghĩa gì đối với người dùng khi họ cuộn chuột xuống dưới?

• A. Thanh điều hướng sẽ biến mất khi người dùng cuộn xuống.
• B. Thanh điều hướng sẽ thay đổi màu sắc khi người dùng cuộn xuống.
• C. Thanh điều hướng sẽ luôn hiển thị ở phía trên cùng của cửa sổ trình duyệt khi người dùng cuộn trang.
• D. Thanh điều hướng sẽ chuyển sang dạng thu gọn (collapsed).

Câu 19: Một nhà thiết kế web nghiệp dư tạo một thanh điều hướng cho website bán hàng. Anh ta đặt các mục "Trang chủ", "Giỏ hàng", "Thanh toán", "Liên hệ" lên thanh điều hướng chính. Mục nào trong số này thường được đặt ở vị trí dễ thấy nhất hoặc được làm nổi bật hơn các mục khác do tầm quan trọng của nó?

• A. Trang chủ.
• B. Giỏ hàng.
• C. Liên hệ.
• D. Tất cả đều có tầm quan trọng như nhau và không cần làm nổi bật.

Câu 20: Khi thêm một "Block" thanh điều hướng mới vào trang web bằng phần mềm tạo website, thông thường bước tiếp theo sau khi chọn loại "Block" là gì?

• A. Bắt đầu cấu hình nội dung (thêm/sửa/xóa mục menu) và thiết lập giao diện (màu sắc, kiểu hiển thị).
• B. Xuất bản ngay lập tức website lên internet.
• C. Thêm các block nội dung khác vào trang.
• D. Đóng trình chỉnh sửa website.

Câu 21: Một thanh điều hướng được thiết kế với tùy chọn "Collapsed" trên màn hình máy tính để bàn. Điều này có thể gây ra vấn đề gì về trải nghiệm người dùng?

• A. Thanh điều hướng sẽ biến mất khi cuộn trang.
• B. Các mục menu sẽ hiển thị quá lớn.
• C. Màu sắc của thanh điều hướng sẽ thay đổi ngẫu nhiên.
• D. Người dùng sẽ không nhìn thấy ngay các mục menu chính mà phải nhấp vào biểu tượng để mở ra, gây bất tiện trên màn hình lớn.

Câu 22: Mục tiêu chính của việc thiết kế thanh điều hướng hiệu quả là gì?

• A. Giúp người dùng dễ dàng tìm thấy thông tin và điều hướng qua lại giữa các trang.
• B. Làm cho website trông đẹp hơn.
• C. Hiển thị càng nhiều liên kết càng tốt.
• D. Chỉ để tuân thủ quy tắc kỹ thuật khi tạo website.

Câu 23: Khi tạo một mục menu mới trên thanh điều hướng, thông tin cơ bản bắt buộc phải cung cấp là gì?

• A. Màu sắc của mục menu.
• B. Biểu tượng đi kèm (icon).
• C. Nội dung hiển thị (tên mục) và địa chỉ liên kết (URL).
• D. Danh sách các mục con (submenu).

Câu 24: Bạn đang xây dựng một website đa ngôn ngữ. Nên xử lý việc thêm tùy chọn chuyển đổi ngôn ngữ vào thanh điều hướng như thế nào để người dùng dễ dàng tìm thấy?

• A. Ẩn nó trong một danh mục con sâu bên trong menu chính.
• B. Đặt nó ở vị trí dễ thấy trên thanh điều hướng, thường là góc trên bên phải.
• C. Chỉ hiển thị tùy chọn chuyển đổi ngôn ngữ ở cuối trang.
• D. Yêu cầu người dùng thay đổi ngôn ngữ trong cài đặt trình duyệt.

Câu 25: Tùy chọn "Icons Color" cho phép thay đổi màu sắc của biểu tượng. Nếu thanh điều hướng của bạn không có bất kỳ biểu tượng nào đi kèm với các mục menu, việc thay đổi tùy chọn "Icons Color" sẽ có tác động gì?

• A. Màu sắc của văn bản trong các mục menu sẽ thay đổi.
• B. Màu nền của thanh điều hướng sẽ thay đổi.
• C. Màu sắc của logo sẽ thay đổi.
• D. Không có tác động gì vì không có biểu tượng để thay đổi màu.

Câu 26: Khi sử dụng tùy chọn "Full Width" cho thanh điều hướng, điều gì sẽ xảy ra với khoảng trống hai bên của thanh điều hướng nếu nội dung menu không đủ dài để lấp đầy toàn bộ chiều rộng màn hình?

• A. Thanh điều hướng vẫn kéo dài hết chiều rộng, nhưng nội dung menu sẽ được căn chỉnh (trái, phải, giữa) và có khoảng trống ở các bên.
• B. Thanh điều hướng sẽ tự động thu nhỏ lại bằng chiều dài nội dung.
• C. Các mục menu sẽ tự động giãn cách đều nhau để lấp đầy khoảng trống.
• D. Website sẽ báo lỗi hiển thị.

Câu 27: Bạn đang tạo một website có cấu trúc phân cấp nội dung sâu (ví dụ: Trang chủ -> Sản phẩm -> Điện tử -> Điện thoại -> iPhone). Để người dùng dễ dàng truy cập đến trang "iPhone" từ thanh điều hướng, bạn nên tổ chức các mục menu như thế nào?

• A. Tạo tất cả các mục ("Trang chủ", "Sản phẩm", "Điện tử", "Điện thoại", "iPhone") ở cùng một cấp trên thanh điều hướng chính.
• B. Chỉ đặt mục "Trang chủ" và "Sản phẩm" trên thanh điều hướng.
• C. Sử dụng danh mục con (submenu) để tạo cấu trúc phân cấp: Sản phẩm -> Điện tử -> Điện thoại -> iPhone.
• D. Chỉ đặt mục "iPhone" trên thanh điều hướng chính.

Câu 28: Một trong những lỗi thiết kế thanh điều hướng phổ biến nhất là việc sử dụng quá nhiều mục ở cấp độ chính, khiến thanh điều hướng bị tràn hoặc khó đọc. Giải pháp chính để khắc phục lỗi này là gì?

• A. Làm cho văn bản của các mục nhỏ hơn.
• B. Nhóm các mục liên quan lại và sử dụng danh mục con (submenu).
• C. Chỉ hiển thị thanh điều hướng trên trang chủ.
• D. Thay đổi màu sắc của thanh điều hướng.

Câu 29: Khi tạo thanh điều hướng, việc đặt liên kết cho mục "Trang chủ" là rất quan trọng. Liên kết của mục "Trang chủ" thường trỏ về đâu?

• A. Trang chính (root) của website.
• B. Trang "Giới thiệu".
• C. Trang "Liên hệ".
• D. Trang cuối cùng mà người dùng đã truy cập.

Câu 30: Trong ngữ cảnh tạo website bằng phần mềm, "Block" là một đơn vị cấu trúc cơ bản. Khi thêm thanh điều hướng, bạn đang thêm một "Block" có chức năng cụ thể là gì?

• A. Một đoạn văn bản tĩnh.
• B. Một hình ảnh.
• C. Một bảng biểu.
• D. Một khối chức năng được định nghĩa sẵn để tạo và quản lý menu điều hướng.