Trắc nghiệm thiết kế website – Bộ số 1

Trong thiết kế website, thuộc tính 'alt' của thẻ hình ảnh có vai trò chính là gì?

• A. Tăng tốc độ tải trang web bằng cách nén ảnh.
• B. Cung cấp mô tả văn bản cho trình đọc màn hình và hỗ trợ SEO.
• C. Tự động thay đổi kích thước hình ảnh để phù hợp với màn hình.
• D. Tạo hiệu ứng đổ bóng cho hình ảnh trên trình duyệt.

Thuộc tính CSS nào được sử dụng để biến một phần tử thành vật chứa linh hoạt, cho phép sắp xếp các phần tử con theo một chiều (dòng hoặc cột)?

• A. display: block
• B. display: flex
• C. display: grid
• D. display: inline

Kỹ thuật quan trọng nhất để tạo ra một website có khả năng tự động điều chỉnh giao diện phù hợp với mọi kích thước màn hình là gì?

• A. Sử dụng nhiều tệp HTML riêng biệt cho mỗi thiết bị.
• B. Sử dụng truy vấn phương tiện (Media Queries) trong CSS.
• C. Chỉ sử dụng hình ảnh chất lượng cao để hiển thị rõ nét.
• D. Cố định kích thước các phần tử bằng đơn vị pixel (px).

Trong lĩnh vực thiết kế website, thuật ngữ 'UI' là viết tắt của cụm từ nào?

• A. User Interaction
• B. Universal Interface
• C. User Interface
• D. Unit Integration

Mục đích chính của việc tạo ra 'Sitemap' (Sơ đồ trang web) trong quá trình thiết kế và tối ưu website là gì?

• A. Làm cho trang web trông đẹp mắt hơn với người dùng.
• B. Giúp các công cụ tìm kiếm thu thập dữ liệu và hiểu cấu trúc website hiệu quả hơn.
• C. Tăng cường bảo mật cho cơ sở dữ liệu của website.
• D. Giảm dung lượng của các tệp tin hình ảnh trên máy chủ.

Đơn vị đo lường 'rem' trong CSS có giá trị phụ thuộc vào yếu tố nào?

• A. Kích thước font chữ của phần tử cha trực tiếp.
• B. Kích thước font chữ của phần tử gốc (thẻ 'html').
• C. Chiều rộng của khung nhìn (Viewport).
• D. Độ phân giải của màn hình thiết bị.

Kỹ thuật 'Lazy Loading' mang lại lợi ích gì cho hiệu suất của một website?

• A. Tải tất cả tài nguyên của trang web ngay lập tức khi mở trình duyệt.
• B. Trì hoãn việc tải các tài nguyên chưa cần thiết cho đến khi người dùng cuộn tới chúng.
• C. Tăng cường độ bảo mật cho thông tin đăng nhập của người dùng.
• D. Tự động dịch nội dung trang web sang nhiều ngôn ngữ khác nhau.

Mã trạng thái HTTP nào thường được trình duyệt trả về khi một trang web yêu cầu không tồn tại trên máy chủ?

• A. OK
• B. Moved Permanently
• C. Not Found
• D. Internal Server Error

Trong thiết kế giao diện web, 'Viewport' được hiểu là gì?

• A. Tên một loại trình duyệt web mới nhất của Google.
• B. Vùng hiển thị nội dung của trang web mà người dùng có thể nhìn thấy trên thiết bị.
• C. Một tệp cấu hình quan trọng nằm trên máy chủ web.
• D. Kích thước tổng thể của toàn bộ tệp HTML.

Biểu tượng nhỏ hiển thị trên tab của trình duyệt web ngay cạnh tiêu đề trang được gọi là gì?

• A. Logo
• B. Avatar
• C. Favicon
• D. Thumbnail

Tệp tin 'robots.txt' được sử dụng trong thiết kế website nhằm mục đích gì?

• A. Lưu trữ thông tin cá nhân của người dùng truy cập.
• B. Hướng dẫn các bot tìm kiếm về những trang hoặc thư mục không được phép thu thập dữ liệu.
• C. Chứa các mã nguồn JavaScript để điều khiển hoạt động của website.
• D. Xác định kiểu font chữ và màu sắc cho toàn bộ website.

Trong thiết kế giao diện số, hệ màu nào là tiêu chuẩn để hiển thị màu sắc trên màn hình máy tính và thiết bị di động?

• A. CMYK
• B. Pantone
• C. RGB
• D. Greyscale

Triết lý 'Mobile First' (Ưu tiên di động) trong thiết kế website có nghĩa là gì?

• A. Chỉ thiết kế website để chạy trên điện thoại di động.
• B. Thiết kế giao diện cho thiết bị di động trước, sau đó mới mở rộng cho màn hình lớn hơn.
• C. Ưu tiên tốc độ tải trang trên máy tính để bàn hơn là di động.
• D. Sử dụng các ứng dụng di động thay thế hoàn toàn cho trang web.

Trong mô hình hộp (Box Model) của CSS, các thành phần được sắp xếp từ trong ra ngoài theo thứ tự nào?

• A. Nội dung (Content), Lề (Margin), Viền (Border), Đệm (Padding).
• B. Nội dung (Content), Đệm (Padding), Viền (Border), Lề (Margin).
• C. Lề (Margin), Viền (Border), Đệm (Padding), Nội dung (Content).
• D. Viền (Border), Đệm (Padding), Nội dung (Content), Lề (Margin).

Trong phân cấp nội dung (Hierarchy), thẻ nào thường được sử dụng để xác định tiêu đề quan trọng nhất của một trang web?

• A. Thẻ p
• B. Thẻ h6
• C. Thẻ h1
• D. Thẻ span

Lợi ích chính của việc sử dụng Mạng phân phối nội dung (CDN) cho một website là gì?

• A. Giúp website có giao diện đẹp mắt hơn một cách tự động.
• B. Giảm độ trễ bằng cách cung cấp nội dung từ máy chủ gần với vị trí địa lý của người dùng nhất.
• C. Thay thế hoàn toàn việc thuê máy chủ lưu trữ (Hosting) truyền thống.
• D. Tự động viết lại mã nguồn website để tối ưu SEO.

Trong thiết kế giao diện, 'White Space' (Khoảng trắng) có tác dụng gì quan trọng nhất?

• A. Làm cho trang web trông có vẻ trống trải và thiếu nội dung.
• B. Cải thiện khả năng đọc và giúp người dùng tập trung vào các thành phần quan trọng.
• C. Tăng dung lượng tệp HTML của trang web lên đáng kể.
• D. Làm giảm thứ hạng của website trên các công cụ tìm kiếm.

Thuộc tính CSS nào được sử dụng để thay đổi màu sắc của văn bản?

• A. background-color
• B. text-style
• C. color
• D. font-color

Theo các nghiên cứu về trải nghiệm người dùng, nếu một website mất hơn 5 giây để tải, hệ quả phổ biến nhất là gì?

• A. Người dùng sẽ kiên nhẫn đợi trang tải xong.
• B. Tỷ lệ thoát (Bounce Rate) sẽ tăng lên đáng kể do người dùng rời bỏ trang.
• C. Trình duyệt sẽ tự động tăng tốc độ đường truyền internet của người dùng.
• D. Website sẽ tự động chuyển sang chế độ tiết kiệm năng lượng.

Tại sao việc duy trì 'Tỷ lệ tương phản' (Contrast Ratio) đủ cao lại quan trọng trong thiết kế website?

• A. Để trang web có nhiều màu sắc sặc sỡ hơn.
• B. Để đảm bảo văn bản có thể đọc được đối với tất cả người dùng, bao gồm cả những người bị thị lực kém.
• C. Để giảm chi phí duy trì máy chủ hàng tháng.
• D. Để trang web tải nhanh hơn trên các thiết bị cũ.

Điểm khác biệt cơ bản nhất giữa định dạng ảnh SVG và PNG trong thiết kế website là gì?

• A. SVG là ảnh vector không bị vỡ khi phóng to, còn PNG là ảnh bitmap dựa trên điểm ảnh.
• B. PNG có kích thước tệp lớn hơn SVG trong mọi trường hợp.
• C. SVG chỉ hỗ trợ màu đen trắng, còn PNG hỗ trợ đầy đủ màu sắc.
• D. Trình duyệt web hiện đại không còn hỗ trợ định dạng PNG.

Khi thiết kế một nút 'Kêu gọi hành động' (CTA - Call to Action), cách làm nào sau đây thường mang lại hiệu quả cao nhất?

• A. Sử dụng màu sắc trùng với màu nền của trang web.
• B. Sử dụng màu sắc tương phản nổi bật và văn bản rõ ràng hướng tới hành động.
• C. Đặt nút ở vị trí cuối cùng của trang web sau khi người dùng đã cuộn qua hết nội dung.
• D. Làm cho kích thước nút nhỏ nhất có thể để không gây phiền nhiễu cho người dùng.

Việc sử dụng giao thức HTTPS (thay vì HTTP) có tác động như thế nào đến SEO theo công bố của Google?

• A. Không có tác động nào đến thứ hạng tìm kiếm.
• B. Được coi là một tín hiệu xếp hạng tích cực để khuyến khích bảo mật trang web.
• C. Làm giảm thứ hạng tìm kiếm vì trang web tải chậm hơn một chút.
• D. Khiến Google không thể thu thập dữ liệu từ trang web đó.

Mục đích của việc sử dụng thẻ liên kết 'canonical' trong phần 'head' của trang web là gì?

• A. Để ngăn chặn các cuộc tấn công từ hacker.
• B. Để xác định phiên bản trang chính và tránh vấn đề trùng lặp nội dung khi có nhiều URL tương tự.
• C. Để thay đổi font chữ mặc định của trang web.
• D. Để lưu trữ tệp cookie của người dùng vào trình duyệt.

Trong hành vi người dùng trên web, 'Mẫu chữ F' (F-Pattern) dùng để mô tả điều gì?

• A. Cách lập trình viên viết mã nguồn cho website.
• B. Xu hướng người dùng quét mắt trên các trang web có nhiều văn bản theo hình chữ F.
• C. Một cấu trúc cây thư mục trong quản lý tập tin website.
• D. Tên một loại font chữ phổ biến dành riêng cho web.