Bộ 30+ Câu hỏi trắc nghiệm Tạo trang web, thiết lập giao diện và xem trước trang web (Có đáp án)
Bộ 30+ Câu hỏi trắc nghiệm Tạo trang web, thiết lập giao diện và xem trước trang web (Có đáp án). Cùng rèn luyện kiến thức thiết kế Website (Web) online ngay nhé.
1. Khi thiết kế giao diện trang web, màu sắc nào thường được sử dụng để tạo cảm giác tin cậy và chuyên nghiệp?
A. Xanh lam (blue)
B. Đỏ (red)
C. Vàng (yellow)
D. Xanh lá cây (green)
2. Khi thiết kế trang web cho thiết bị di động, điều gì quan trọng nhất cần xem xét về kích thước các nút và liên kết?
A. Đảm bảo kích thước đủ lớn để dễ dàng thao tác bằng ngón tay
B. Sử dụng kích thước nhỏ để tiết kiệm không gian màn hình
C. Sử dụng kích thước ngẫu nhiên để tạo sự độc đáo
D. Không cần quan tâm đến kích thước nút và liên kết
3. Điều gì sau đây là lợi ích của việc sử dụng hệ thống quản lý nội dung (CMS) như WordPress khi tạo trang web?
A. Dễ dàng quản lý và cập nhật nội dung mà không cần kiến thức lập trình
B. Yêu cầu kiến thức lập trình chuyên sâu để quản lý nội dung
C. Khó khăn trong việc tùy chỉnh giao diện
D. Không hỗ trợ các tính năng SEO
4. Công cụ nào sau đây cho phép bạn xem trang web trên nhiều thiết bị và kích thước màn hình khác nhau một cách dễ dàng?
A. Chế độ Responsive Design trong trình duyệt web (ví dụ: Chrome DevTools)
B. Phần mềm soạn thảo văn bản (ví dụ: Notepad)
C. Bảng tính (ví dụ: Excel)
D. Phần mềm quản lý cơ sở dữ liệu (ví dụ: MySQL)
5. Khi thiết kế giao diện trang web, điều gì quan trọng nhất cần xem xét về phông chữ (font)?
A. Khả năng đọc và tính nhất quán
B. Tính độc đáo và phức tạp
C. Tính ngẫu nhiên và đa dạng
D. Tính bảo mật và khó hiểu
6. Khi thiết kế trang web, điều gì quan trọng nhất cần xem xét về phản hồi (feedback) cho người dùng?
A. Cung cấp phản hồi kịp thời và rõ ràng cho mọi hành động
B. Không cung cấp phản hồi cho người dùng
C. Cung cấp phản hồi chậm trễ và khó hiểu
D. Cung cấp phản hồi gây xao nhãng
7. Phương pháp nào sau đây giúp cải thiện SEO (Search Engine Optimization) cho trang web?
A. Sử dụng thẻ tiêu đề (heading tags) phù hợp và mô tả ảnh (alt text)
B. Sử dụng hiệu ứng động phức tạp
C. Sử dụng phông chữ trang trí khó đọc
D. Sử dụng hình ảnh không có văn bản thay thế
8. Khi thiết kế trang web, điều gì quan trọng nhất cần xem xét về biểu mẫu (form)?
A. Đảm bảo dễ dàng điền và gửi thông tin
B. Sử dụng biểu mẫu phức tạp và khó hiểu
C. Yêu cầu quá nhiều thông tin không cần thiết
D. Không cần sử dụng biểu mẫu
9. Công cụ nào sau đây được sử dụng phổ biến nhất để xem trước trang web trong quá trình phát triển?
A. Trình duyệt web
B. Phần mềm soạn thảo văn bản
C. Bảng tính
D. Phần mềm quản lý cơ sở dữ liệu
10. Phương pháp nào sau đây giúp đảm bảo tính nhất quán về giao diện trên toàn bộ trang web?
A. Sử dụng CSS framework (ví dụ: Bootstrap, Tailwind CSS)
B. Sử dụng inline style cho từng phần tử
C. Sử dụng JavaScript để thay đổi giao diện ngẫu nhiên
D. Không cần quan tâm đến tính nhất quán
11. Khi thiết kế trang web, điều gì quan trọng nhất cần xem xét về hoạt ảnh (animation)?
A. Sử dụng một cách hợp lý và không gây xao nhãng
B. Sử dụng quá nhiều hoạt ảnh phức tạp
C. Sử dụng hoạt ảnh ngẫu nhiên và không liên quan
D. Không cần sử dụng hoạt ảnh
12. Khi thiết kế trang web, khoảng trắng (white space) có vai trò gì?
A. Cải thiện khả năng đọc và tạo sự thông thoáng cho giao diện
B. Làm tăng kích thước trang web và làm chậm tốc độ tải
C. Làm rối mắt và gây khó chịu cho người dùng
D. Không có vai trò gì cả
13. Thuật ngữ nào mô tả quá trình điều chỉnh giao diện trang web để hiển thị tốt trên nhiều loại thiết bị, từ máy tính để bàn đến điện thoại di động?
A. Thiết kế đáp ứng (Responsive design)
B. Thiết kế cố định (Fixed design)
C. Thiết kế tuyến tính (Linear design)
D. Thiết kế song song (Parallel design)
14. Khi thiết kế trang web, điều gì quan trọng nhất cần xem xét về thông báo lỗi (error message)?
A. Đảm bảo rõ ràng, dễ hiểu và cung cấp hướng dẫn khắc phục
B. Sử dụng thông báo lỗi khó hiểu và mơ hồ
C. Không cung cấp thông báo lỗi
D. Sử dụng thông báo lỗi xúc phạm
15. Phương pháp nào sau đây giúp đảm bảo trang web hoạt động tốt trên các trình duyệt cũ?
A. Sử dụng polyfill và fallback
B. Chỉ hỗ trợ các trình duyệt mới nhất
C. Không cần quan tâm đến các trình duyệt cũ
D. Sử dụng JavaScript để sửa lỗi trình duyệt
16. Công cụ nào sau đây thường được sử dụng để tạo khung (wireframe) cho trang web trước khi thiết kế giao diện chi tiết?
A. Phần mềm thiết kế đồ họa (ví dụ: Figma, Adobe XD)
B. Phần mềm soạn thảo văn bản (ví dụ: Microsoft Word)
C. Bảng tính (ví dụ: Microsoft Excel)
D. Phần mềm quản lý cơ sở dữ liệu (ví dụ: MySQL)
17. Phương pháp nào sau đây giúp kiểm tra giao diện trang web trên nhiều trình duyệt khác nhau một cách hiệu quả nhất?
A. Sử dụng các công cụ kiểm tra trình duyệt chéo (cross-browser testing tools)
B. Chỉ kiểm tra trên một trình duyệt phổ biến nhất
C. Yêu cầu người dùng báo cáo lỗi giao diện
D. Không kiểm tra giao diện trên các trình duyệt khác nhau
18. Khi thiết kế trang web, điều gì quan trọng nhất cần xem xét về hình ảnh?
A. Tối ưu hóa kích thước và định dạng để giảm thời gian tải trang
B. Sử dụng hình ảnh chất lượng thấp để tiết kiệm dung lượng
C. Sử dụng quá nhiều hình ảnh để tăng tính thẩm mỹ
D. Không cần quan tâm đến hình ảnh
19. Công cụ nào sau đây cho phép bạn kiểm tra hiệu suất trang web và tìm ra các vấn đề cần cải thiện?
A. Google PageSpeed Insights
B. Phần mềm soạn thảo văn bản (ví dụ: Notepad)
C. Bảng tính (ví dụ: Excel)
D. Phần mềm quản lý cơ sở dữ liệu (ví dụ: MySQL)
20. Yếu tố nào sau đây ảnh hưởng trực tiếp đến tốc độ tải trang web và trải nghiệm người dùng?
A. Tối ưu hóa hình ảnh và mã nguồn
B. Sử dụng hiệu ứng động phức tạp
C. Sử dụng phông chữ trang trí khó đọc
D. Sử dụng quá nhiều quảng cáo
21. Phương pháp nào sau đây giúp cải thiện khả năng bảo trì và mở rộng của mã CSS?
A. Sử dụng CSS preprocessor (ví dụ: Sass, Less)
B. Sử dụng inline style cho từng phần tử
C. Sử dụng JavaScript để thay đổi CSS ngẫu nhiên
D. Không cần quan tâm đến khả năng bảo trì và mở rộng
22. Trong thiết kế web, thuật ngữ 'above the fold' đề cập đến phần nào của trang web?
A. Phần nội dung hiển thị đầu tiên khi trang web được tải, mà không cần cuộn chuột
B. Phần chân trang (footer) của trang web
C. Phần mã nguồn ẩn của trang web
D. Phần quảng cáo hiển thị ở cuối trang web
23. Khi thiết lập giao diện trang web, thuộc tính CSS nào được sử dụng để kiểm soát khoảng cách giữa các dòng văn bản?
A. line-height
B. font-size
C. margin
D. padding
24. Khi thiết kế giao diện người dùng (UI) cho trang web, nguyên tắc nào sau đây nên được ưu tiên để đảm bảo trải nghiệm người dùng (UX) tốt?
A. Tính nhất quán và dễ sử dụng
B. Tính phức tạp và độc đáo
C. Tính ngẫu nhiên và bất ngờ
D. Tính bảo mật cao và khó hiểu
25. Công cụ nào sau đây cho phép bạn kiểm tra và sửa lỗi mã HTML và CSS của trang web?
A. Trình duyệt web (ví dụ: Chrome DevTools, Firefox Developer Tools)
B. Phần mềm soạn thảo văn bản (ví dụ: Notepad)
C. Bảng tính (ví dụ: Excel)
D. Phần mềm quản lý cơ sở dữ liệu (ví dụ: MySQL)
26. Khi tạo bố cục trang web, kỹ thuật nào sau đây cho phép các phần tử tự động sắp xếp lại vị trí dựa trên kích thước màn hình?
A. Flexbox và Grid Layout
B. Bảng (Table)
C. Frame
D. Inline style
27. Thuật ngữ 'mockup' trong thiết kế web dùng để chỉ điều gì?
A. Bản thiết kế tĩnh, thể hiện giao diện trực quan của trang web
B. Mã nguồn hoàn chỉnh của trang web
C. Cơ sở dữ liệu của trang web
D. Máy chủ lưu trữ trang web
28. Trong quá trình tạo trang web, yếu tố nào sau đây quan trọng nhất để đảm bảo khả năng truy cập (accessibility) cho người dùng khuyết tật?
A. Sử dụng màu sắc tương phản rõ rệt
B. Sử dụng hiệu ứng động phức tạp
C. Sử dụng phông chữ trang trí khó đọc
D. Sử dụng hình ảnh không có văn bản thay thế
29. Trong quá trình phát triển trang web, công đoạn nào sau đây thường được thực hiện sau khi thiết kế giao diện?
A. Kiểm thử và gỡ lỗi (testing and debugging)
B. Lên kế hoạch dự án
C. Thu thập yêu cầu
D. Phân tích đối thủ cạnh tranh
30. Khi thiết kế trang web, điều gì quan trọng nhất cần xem xét về điều hướng (navigation)?
A. Đảm bảo dễ dàng tìm kiếm và sử dụng
B. Sử dụng điều hướng phức tạp và ẩn
C. Sử dụng quá nhiều cấp độ điều hướng
D. Không cần quan tâm đến điều hướng
Võ Việt Hoàng SEO