Đề Trắc nghiệm Tin học 12 – Bài 5: Tạo nội dung hình ảnh cho trang web (Cánh Diều)

Câu 1: Đâu là vai trò quan trọng nhất của hình ảnh và video đối với một trang web hiện đại?

• A. Giúp giảm dung lượng tổng thể của trang web.
• B. Thay thế hoàn toàn nội dung văn bản trên trang.
• C. Chỉ làm cho trang web đẹp hơn mà không có vai trò thông tin.
• D. Thu hút sự chú ý, minh họa nội dung và tăng tính hấp dẫn cho trang web.

Câu 2: Trên một trang web giới thiệu sản phẩm, bạn muốn hiển thị ảnh chính của sản phẩm ở đầu trang ngay dưới thanh điều hướng, chiếm gần hết chiều rộng màn hình để gây ấn tượng ban đầu. Loại hình ảnh này thường được gọi là gì?

• A. Hình ảnh minh họa.
• B. Ảnh đại diện (thumbnail).
• C. Hình ảnh/video nổi bật (hero image/video).
• D. Ảnh trong bộ sưu tập.

Câu 3: Khi sử dụng công cụ xây dựng trang web theo các khối (block), để thêm một hình ảnh đơn hoặc một video vào nội dung bài viết, bạn thường sẽ chọn khối nào từ danh mục có sẵn?

• A. Text & Code.
• B. Image & Video.
• C. Gallery & Slider.
• D. Navigation.

Câu 4: Bạn đang tạo một trang giới thiệu về các dự án đã hoàn thành của công ty và muốn hiển thị nhiều ảnh của mỗi dự án cùng lúc dưới dạng các ô nhỏ sắp xếp theo hàng và cột để người dùng dễ dàng xem tổng quan. Cách hiển thị này phù hợp với loại khối nào?

• A. Bộ sưu tập (Gallery).
• B. Thanh trượt (Slider).
• C. Hình ảnh nổi bật (Hero Image).
• D. Video nền.

Câu 5: Bạn muốn hiển thị một loạt các banner quảng cáo hoặc ảnh sản phẩm mới trên trang chủ, nhưng chỉ muốn người dùng nhìn thấy từng cái một và có thể lướt qua hoặc đợi tự động chuyển đổi. Loại khối nào phù hợp nhất cho mục đích này?

• A. Bộ sưu tập (Gallery).
• B. Hình ảnh minh họa.
• C. Thanh trượt (Slider).
• D. Video nhúng trực tiếp.

Câu 6: Khi thêm hình ảnh vào trang web, việc thiết lập thuộc tính "Alt text" (nội dung thay thế) cho hình ảnh mang lại lợi ích gì?

• A. Giúp hình ảnh tải nhanh hơn.
• B. Tự động tạo hiệu ứng động cho hình ảnh.
• C. Chỉ hiển thị khi người dùng di chuột qua ảnh.
• D. Cải thiện khả năng tiếp cận cho người khuyết tật, hỗ trợ SEO và hiển thị khi ảnh không tải được.

Câu 7: Bạn đã thêm một khối hình ảnh đơn vào trang web và muốn điều chỉnh kích thước hiển thị của nó sao cho phù hợp với bố cục xung quanh (ví dụ: thu nhỏ lại hoặc phóng to). Thông số nào trong bảng thiết lập khối hình ảnh bạn cần tìm?

• A. Title/Subtitle.
• B. Background.
• C. Image/Video (mục Size).
• D. Description.

Câu 8: Bạn muốn một hình ảnh trên trang web khi người dùng nhấp vào sẽ dẫn họ đến một trang khác hoặc một địa chỉ web bên ngoài. Bạn cần thiết lập tùy chọn nào cho hình ảnh đó?

• A. Thay đổi màu nền của khối.
• B. Thêm mô tả cho hình ảnh.
• C. Điều chỉnh kích thước hình ảnh.
• D. Sử dụng tùy chọn gán liên kết (Link Image to).

Câu 9: Khi nhúng một video từ các nền tảng như YouTube vào trang web, bạn thường có các tùy chọn để điều chỉnh cách video hiển thị. Thông số nào giúp bạn kiểm soát tỷ lệ chiều rộng so với chiều cao của khung hình video (ví dụ: 16:9 hoặc 4:3)?

• A. Full Width.
• B. Aspect Ratio.
• C. Autoplay.
• D. Loop.

Câu 10: Việc sử dụng quá nhiều hình ảnh có dung lượng file lớn trên một trang web có thể gây ra vấn đề gì nghiêm trọng nhất?

• A. Làm giảm chất lượng hiển thị của hình ảnh.
• B. Khiến hình ảnh không thể hiển thị trên một số trình duyệt.
• C. Làm chậm tốc độ tải trang, ảnh hưởng đến trải nghiệm người dùng và SEO.
• D. Chiếm nhiều không gian lưu trữ trên máy tính của người dùng.

Câu 11: Giả sử bạn đang tạo một trang blog và muốn chèn một hình ảnh nhỏ ở góc trên bên phải của mỗi đoạn văn để minh họa cho ý chính của đoạn đó. Loại hình ảnh và vị trí đặt này thường được gọi là gì?

• A. Hình ảnh minh họa, đặt xen kẽ với văn bản.
• B. Hình ảnh đại diện, đặt ở đầu trang.
• C. Hình ảnh nổi bật, chiếm toàn bộ chiều rộng.
• D. Ảnh trong bộ sưu tập, hiển thị dạng lưới.

Câu 12: Sự khác biệt cốt lõi trong cách hiển thị nội dung giữa Bộ sưu tập (Gallery) và Thanh trượt (Slider) là gì?

• A. Gallery chỉ hiển thị ảnh, còn Slider chỉ hiển thị video.
• B. Gallery hiển thị nhiều nội dung cùng lúc, Slider hiển thị từng nội dung một.
• C. Gallery cho phép thêm chú thích, Slider thì không.
• D. Gallery chỉ dùng cho ảnh, Slider dùng cho cả ảnh và video.

Câu 13: Khi thiết lập một khối hình ảnh, tùy chọn "Full Width" (Chiều rộng toàn màn hình) có ý nghĩa gì?

• A. Khiến hình ảnh hoặc khối chứa nó chiếm toàn bộ chiều rộng của trình duyệt.
• B. Làm cho hình ảnh có độ phân giải cao nhất.
• C. Tự động căn giữa hình ảnh trên trang.
• D. Chỉ hiển thị hình ảnh trên màn hình máy tính lớn.

Câu 14: Tại sao việc tối ưu hóa hình ảnh (giảm kích thước file, chọn định dạng phù hợp) lại đặc biệt quan trọng đối với trải nghiệm người dùng trên thiết bị di động?

• A. Vì màn hình di động nhỏ hơn nên không hiển thị được ảnh lớn.
• B. Vì thiết bị di động không hỗ trợ nhiều định dạng ảnh.
• C. Vì kết nối mạng di động thường chậm hơn và không ổn định, ảnh hưởng lớn đến tốc độ tải trang.
• D. Vì hình ảnh không tối ưu sẽ tiêu tốn pin của thiết bị di động nhanh hơn.

Câu 15: Bạn muốn thêm một dòng chú thích ngắn gọn hoặc một đoạn mô tả dưới hình ảnh vừa tải lên. Tùy chọn nào trong bảng thiết lập hình ảnh cho phép bạn làm điều này?

• A. Alt text.
• B. Link Image to.
• C. Size.
• D. Description/Caption.

Câu 16: Khi thiết kế bố cục trang web, việc điều chỉnh khoảng cách "Top/Bottom" cho một khối hình ảnh có mục đích gì?

• A. Thay đổi vị trí ngang của hình ảnh.
• B. Điều chỉnh khoảng cách giữa khối hình ảnh với các khối nội dung phía trên và dưới.
• C. Thay đổi thứ tự hiển thị của hình ảnh trong Gallery/Slider.
• D. Điều chỉnh độ trong suốt của hình ảnh.

Câu 17: Một trang web giới thiệu danh mục sản phẩm cần hiển thị hàng trăm sản phẩm, mỗi sản phẩm có nhiều ảnh khác nhau. Để người dùng dễ dàng xem tất cả ảnh của một sản phẩm mà không phải cuộn trang quá nhiều, cách hiển thị ảnh nào trong trang chi tiết sản phẩm thường được ưu tiên?

• A. Hiển thị tất cả ảnh dưới dạng lưới lớn (Gallery).
• B. Chỉ hiển thị một ảnh đại diện duy nhất.
• C. Sử dụng thanh trượt (Slider) để người dùng lướt qua các ảnh.
• D. Nhúng video giới thiệu thay vì ảnh tĩnh.

Câu 18: Đâu là một trong những hạn chế tiềm ẩn khi sử dụng Thanh trượt (Slider) quá phức tạp hoặc chứa nhiều hình ảnh/video có dung lượng lớn?

• A. Nội dung trong Slider không thể được tối ưu cho SEO.
• B. Có thể làm tăng thời gian tải trang và tiêu tốn nhiều tài nguyên.
• C. Người dùng không thể nhấp vào các hình ảnh trong Slider.
• D. Slider chỉ hoạt động trên một số loại trình duyệt nhất định.

Câu 19: Khi thêm một khối hình ảnh, bạn có thể thiết lập màu nền cho khối đó thay vì chỉ hiển thị hình ảnh trên nền trắng. Việc này có mục đích gì trong thiết kế web?

• A. Giúp phân biệt khối hình ảnh với các khối khác và tạo sự nhất quán về màu sắc.
• B. Làm cho hình ảnh bên trong khối sáng hơn.
• C. Giảm dung lượng file của hình ảnh.
• D. Tự động điều chỉnh kích thước hình ảnh cho phù hợp.

Câu 20: Giả sử bạn có một đoạn văn bản dài và muốn chia nhỏ nó bằng cách chèn các hình ảnh minh họa xen kẽ. Vị trí đặt hình ảnh minh họa nào được xem là hiệu quả để không làm gián đoạn mạch đọc của người dùng?

• A. Đặt tất cả hình ảnh ở cuối đoạn văn.
• B. Đặt hình ảnh chiếm toàn bộ chiều rộng màn hình giữa các đoạn.
• C. Chỉ đặt một hình ảnh duy nhất ở đầu bài viết.
• D. Đặt xen kẽ với văn bản, có thể căn lề trái/phải để văn bản bao quanh.

Câu 21: Khi thêm video vào trang web, ngoài việc tải lên file video trực tiếp, bạn còn có thể nhúng video từ các nền tảng video trực tuyến. Cách nhúng nào thường được khuyến khích hơn và tại sao?

• A. Nhúng từ nền tảng trực tuyến (YouTube, Vimeo) vì họ tối ưu hóa việc phân phối và giảm tải cho máy chủ của bạn.
• B. Tải file video lên trực tiếp trang web vì chất lượng video sẽ cao hơn.
• C. Cách nào cũng như nhau, không có sự khác biệt đáng kể.
• D. Chỉ nên sử dụng hình ảnh, không nên dùng video trên trang web.

Câu 22: Bạn đang sử dụng một công cụ tạo web và muốn thay thế hình ảnh hiện có trong một khối bằng một hình ảnh mới từ máy tính của mình. Thao tác phổ biến nhất để làm điều này là gì?

• A. Kéo và thả hình ảnh mới trực tiếp vào vị trí hình ảnh cũ trên trang.
• B. Tìm tùy chọn "Upload" hoặc "Change Image" trong bảng thiết lập của khối hình ảnh.
• C. Xóa khối hình ảnh cũ và thêm lại một khối mới.
• D. Dán đường dẫn (URL) của hình ảnh mới vào mục Description.

Câu 23: Khi thiết kế một Bộ sưu tập (Gallery), bạn có thể tùy chỉnh cách các hình ảnh/video được hiển thị (ví dụ: dạng lưới, dạng danh sách, số cột). Việc này giúp ích gì cho người dùng?

• A. Giúp người dùng dễ dàng xem lướt qua nhiều nội dung và tìm kiếm hình ảnh/video họ quan tâm.
• B. Làm cho Gallery tải nhanh hơn.
• C. Thêm hiệu ứng động khi di chuột qua ảnh.
• D. Bảo vệ bản quyền của hình ảnh trong Gallery.

Câu 24: Một trang web giới thiệu về du lịch muốn hiển thị một loạt các điểm đến nổi bật theo dạng trình chiếu tự động ở đầu trang. Loại khối nào và tùy chọn nào trong khối đó là phù hợp?

• A. Khối Image & Video, tùy chọn "Full Width".
• B. Khối Gallery & Slider, chọn Gallery và tùy chỉnh "Size".
• C. Khối Text & Code, sử dụng mã HTML để nhúng ảnh.
• D. Khối Gallery & Slider, chọn Slider và bật tùy chọn "Autoplay".

Câu 25: Đâu là một ví dụ về việc sử dụng hình ảnh/video để hỗ trợ kỹ năng tư duy bậc cao (phân tích, đánh giá) cho người dùng trên trang web?

• A. Hiển thị ảnh sản phẩm đẹp mắt để thu hút mua hàng.
• B. Sử dụng video nền để làm trang web sinh động hơn.
• C. Trình bày dữ liệu thống kê dưới dạng biểu đồ hình ảnh để người dùng phân tích xu hướng.
• D. Dùng ảnh đại diện nhỏ gọn cho mỗi bài viết blog.

Câu 26: Khi tạo một Bộ sưu tập (Gallery) ảnh, việc cho phép người dùng nhấp vào ảnh nhỏ để xem ảnh lớn hơn (lightbox hoặc trang riêng) mang lại lợi ích gì?

• A. Làm giảm số lượng ảnh trong Gallery.
• B. Cho phép người dùng xem chi tiết từng ảnh một cách dễ dàng.
• C. Tự động tải tất cả ảnh với chất lượng cao nhất ngay khi trang tải.
• D. Chỉ hiển thị ảnh cho người dùng đã đăng nhập.

Câu 27: Bạn muốn chèn một hình ảnh logo nhỏ ở chân trang web. Kích thước và vị trí đặt như vậy thường thuộc loại hình ảnh nào và nên được xử lý như thế nào?

• A. Hình ảnh thương hiệu (logo), cần tối ưu kích thước file và độ phân giải.
• B. Hình ảnh nổi bật, cần chiếm toàn bộ chiều rộng.
• C. Hình ảnh minh họa, cần đặt xen kẽ với văn bản.
• D. Một phần của Gallery, không cần tối ưu.

Câu 28: Để đảm bảo trang web của bạn hiển thị tốt trên nhiều 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), hình ảnh trên web cần có tính chất gì?

• A. Độ phân giải rất cao.
• B. Chỉ sử dụng định dạng JPEG.
• C. Có tính responsive (đáp ứng) để hiển thị tốt trên các thiết bị khác nhau.
• D. Luôn hiển thị ở kích thước cố định bất kể màn hình.

Câu 29: Bạn muốn chèn một video ngắn giới thiệu về công ty vào trang "Giới thiệu". Video này nên được đặt ở vị trí nào để người dùng dễ dàng tiếp cận và xem?

• A. Ở cuối trang, dưới phần thông tin liên hệ.
• B. Ở vị trí nổi bật trên trang, ví dụ: ở đầu trang hoặc trong phần giới thiệu chính.
• C. Làm video nền cho toàn bộ trang.
• D. Nhúng video vào một cửa sổ pop-up chỉ hiển thị khi người dùng rời trang.

Câu 30: Khi sử dụng Thanh trượt (Slider) để quảng bá sản phẩm mới, việc cho phép người dùng nhấp vào từng ảnh/video trong Slider để đến trang chi tiết sản phẩm là một ví dụ về việc ứng dụng tính năng nào?

• A. Tối ưu hóa dung lượng ảnh.
• B. Điều chỉnh tỷ lệ khung hình.
• C. Sử dụng thuộc tính Alt text.
• D. Gán liên kết cho các mục trong Slider.

Câu 1: Trên một trang web giới thiệu sản phẩm, bạn muốn hiển thị một loạt các ảnh chụp chi tiết từ nhiều góc độ của một chiếc điện thoại di động. Phương pháp hiển thị hình ảnh nào sau đây là phù hợp nhất để người dùng có thể dễ dàng xem lướt qua tất cả các ảnh và nhấp vào ảnh mình quan tâm để phóng to?

• A. Hình ảnh đại diện (Representative image)
• B. Thanh trượt (Slider)
• C. Bộ sưu tập (Gallery)
• D. Hình ảnh/video nổi bật (Featured image/video)

Câu 2: Bạn đang thiết kế phần đầu trang (header) cho một website tin tức. Bạn muốn sử dụng một hình ảnh hoặc video lớn, ấn tượng để thu hút sự chú ý ngay lập tức. Loại hình ảnh nào thường được đặt ở vị trí này và có đặc điểm bố cục ra sao?

• A. Hình ảnh minh họa, kích thước nhỏ, đặt xen kẽ văn bản.
• B. Bộ sưu tập, hiển thị nhiều ảnh cùng lúc.
• C. Thanh trượt, hiển thị từng ảnh một có hiệu ứng chuyển động.
• D. Hình ảnh/video nổi bật, kích thước lớn, thường chiếm chiều rộng toàn trang ở đầu trang.

Câu 3: Khi thêm một hình ảnh vào trang web, việc thiết lập thuộc tính "Alt text" (văn bản thay thế) cho hình ảnh mang lại những lợi ích quan trọng nào sau đây? (Chọn phương án đầy đủ nhất)

• A. Chỉ giúp hiển thị văn bản thay thế khi hình ảnh không tải được.
• B. Giúp công cụ tìm kiếm hiểu nội dung hình ảnh, cải thiện SEO và hỗ trợ người dùng sử dụng trình đọc màn hình.
• C. Thay đổi màu sắc hoặc hiệu ứng cho hình ảnh khi người dùng rê chuột qua.
• D. Tự động điều chỉnh kích thước hình ảnh cho phù hợp với màn hình thiết bị.

Câu 4: Bạn sử dụng một nền tảng tạo website kéo thả (như được giới thiệu trong bài học). Khi thêm một khối "Image & Video" và tải lên một hình ảnh, bạn thấy hình ảnh bị bóp méo (méo mó) khi hiển thị trên trang. Vấn đề này có khả năng nhất là do bạn đã điều chỉnh thông số nào một cách không phù hợp?

• A. Thiết lập "Title/Subtitle".
• B. Thiết lập "Description".
• C. Điều chỉnh kích thước ("Size") hoặc tỉ lệ khung hình ("Aspect Ratio") mà không giữ nguyên tỉ lệ gốc của ảnh.
• D. Gán liên kết ("Link Image to").

Câu 5: Giả sử bạn cần hiển thị 5 hình ảnh quảng cáo cho các chương trình khuyến mãi khác nhau trên trang chủ. Mỗi hình ảnh cần nổi bật và chuyển động tự động sau vài giây để thu hút sự chú ý. Phương pháp hiển thị nào là lựa chọn tối ưu cho mục đích này?

• A. Bộ sưu tập (Gallery) dưới dạng lưới.
• B. Thanh trượt (Slider).
• C. Chèn 5 hình ảnh minh họa riêng lẻ.
• D. Sử dụng một hình ảnh nổi bật duy nhất.

Câu 6: Bạn đang tạo một bộ sưu tập (gallery) ảnh trên trang web. Bạn muốn khi người dùng nhấp vào một ảnh nhỏ trong bộ sưu tập, ảnh đó sẽ hiển thị lớn hơn ở giữa màn hình hoặc trong một cửa sổ pop-up. Chức năng này thường được cấu hình ở đâu trong bảng thiết lập của khối Gallery?

• A. Trong các tùy chọn cấu hình tương tác hoặc hiển thị chi tiết của Gallery (ví dụ: "Lightbox", "On Click Action").
• B. Trong mục "Background Color".
• C. Trong mục "Spacing" giữa các ảnh.
• D. Trong mục "Title/Description" của Gallery.

Câu 7: Việc sử dụng quá nhiều hình ảnh hoặc video có dung lượng lớn trên một trang web có thể dẫn đến hậu quả tiêu cực nào nghiêm trọng nhất đối với trải nghiệm người dùng?

• A. Hình ảnh bị giảm chất lượng hiển thị.
• B. Trang web sẽ bị lỗi không thể truy cập được.
• C. Màu sắc của các hình ảnh sẽ bị thay đổi.
• D. Làm chậm tốc độ tải trang, gây khó chịu cho người dùng.

Câu 8: Khi làm việc với khối "Image & Video", ngoài việc tải lên tệp từ máy tính, bạn còn có thể thêm hình ảnh/video từ những nguồn nào khác được hỗ trợ bởi hầu hết các nền tảng tạo website hiện đại?

• A. Chỉ có thể thêm từ máy tính cá nhân.
• B. Chỉ có thể thêm từ các trang mạng xã hội cá nhân như Facebook, Instagram.
• C. Từ các dịch vụ chia sẻ video trực tuyến (như YouTube, Vimeo) hoặc các thư viện ảnh/video miễn phí tích hợp sẵn.
• D. Từ các tệp âm thanh (audio files).

Câu 9: Bạn muốn tạo một banner hình ảnh ở đầu trang web, khi người dùng nhấp vào banner này, họ sẽ được chuyển hướng đến một trang khác trên website của bạn (ví dụ: trang "Giới thiệu"). Chức năng nào của khối hình ảnh bạn cần sử dụng để thiết lập điều này?

• A. Thiết lập "Alt text".
• B. Điều chỉnh "Aspect Ratio".
• C. Thay đổi "Background Color".
• D. Sử dụng tùy chọn "Link Image to" hoặc tương tự.

Câu 10: Sự khác biệt cơ bản về cách hiển thị nội dung giữa Bộ sưu tập (Gallery) và Thanh trượt (Slider) là gì?

• A. Bộ sưu tập hiển thị nhiều nội dung cùng lúc, trong khi Thanh trượt hiển thị từng nội dung một.
• B. Bộ sưu tập chỉ hiển thị ảnh, còn Thanh trượt chỉ hiển thị video.
• C. Bộ sưu tập cho phép người dùng tương tác, còn Thanh trượt thì không.
• D. Bộ sưu tập luôn có hiệu ứng chuyển động, còn Thanh trượt thì không.

Câu 11: Khi bạn chèn một video từ YouTube vào trang web bằng cách sử dụng tính năng nhúng (embed), video đó có được lưu trữ trực tiếp trên máy chủ của trang web của bạn không? Tại sao?

• A. Có, vì video cần phải có trên máy chủ của bạn để người dùng xem được.
• B. Không, video vẫn được lưu trữ trên máy chủ của YouTube và chỉ được hiển thị thông qua mã nhúng. Điều này giúp tiết kiệm dung lượng và băng thông cho website của bạn.
• C. Có, nhưng chỉ là một bản sao nén lại của video gốc.
• D. Tùy thuộc vào cài đặt của video trên YouTube.

Câu 12: Bạn muốn thêm một chú thích ngắn hoặc mô tả cho một hình ảnh minh họa trong bài viết. Thông số hoặc mục nào trong bảng thiết lập của khối hình ảnh bạn nên sử dụng để nhập nội dung này?

• A. Mục "Alt text".
• B. Mục "Link Image to".
• C. Mục "Description" hoặc "Caption".
• D. Mục "Aspect Ratio".

Câu 13: Khi thiết kế trang web, việc sử dụng hình ảnh có độ phân giải cao là tốt, nhưng cần cân nhắc điều gì để đảm bảo hiệu suất tải trang vẫn nhanh chóng?

• A. Chỉ sử dụng hình ảnh có định dạng .PNG.
• B. Tối ưu hóa dung lượng tệp hình ảnh bằng cách nén hoặc chọn định dạng phù hợp (ví dụ: WebP, JPEG).
• C. Sử dụng cùng một hình ảnh cho nhiều vị trí trên trang.
• D. Đặt tất cả hình ảnh vào một thư mục duy nhất trên máy chủ.

Câu 14: Bạn muốn tạo một hiệu ứng thị giác đặc biệt cho một khối hình ảnh bằng cách làm mờ (blur) hoặc phủ một lớp màu (overlay) lên trên hình ảnh nền. Tùy chọn cài đặt nào trong khối hình ảnh/video thường cho phép bạn thực hiện các điều chỉnh này?

• A. Cài đặt "Background" hoặc "Styles" của khối.
• B. Cài đặt "Title/Subtitle".
• C. Cài đặt "Link Image to".
• D. Cài đặt "Size".

Câu 15: So sánh bộ sưu tập (Gallery) và thanh trượt (Slider) về mặt trải nghiệm người dùng khi muốn xem nhanh tổng quan nhiều hình ảnh. Phương pháp nào thường hiệu quả hơn và tại sao?

• A. Bộ sưu tập (Gallery) hiệu quả hơn vì hiển thị nhiều hình ảnh cùng lúc dưới dạng lưới hoặc danh sách, giúp người dùng dễ dàng xem lướt và so sánh.
• B. Thanh trượt (Slider) hiệu quả hơn vì hình ảnh hiển thị lớn hơn và có hiệu ứng chuyển động.
• C. Cả hai đều hiệu quả như nhau cho mục đích xem nhanh tổng quan.
• D. Thanh trượt (Slider) hiệu quả hơn vì người dùng không bị "ngợp" bởi quá nhiều hình ảnh cùng lúc.

Câu 16: Bạn đang tạo một trang web có nhiều nội dung văn bản. Để giúp người đọc dễ theo dõi và không cảm thấy nhàm chán, bạn nên chèn hình ảnh minh họa như thế nào?

• A. Chèn tất cả hình ảnh ở đầu trang trước phần văn bản.
• B. Chèn tất cả hình ảnh ở cuối trang sau phần văn bản.
• C. Chèn hình ảnh minh họa có kích thước vừa phải, đặt xen kẽ và gần với nội dung văn bản liên quan.
• D. Sử dụng hình ảnh rất lớn để chiếm nhiều diện tích trên trang.

Câu 17: Một trong những lý do chính khiến việc sử dụng thanh trượt (slider) trên trang chủ cần được cân nhắc kỹ, đặc biệt là trên thiết bị di động, là gì?

• A. Thanh trượt làm giảm chất lượng hình ảnh hiển thị.
• B. Thanh trượt thường có dung lượng lớn và yêu cầu nhiều tài nguyên xử lý, làm chậm tốc độ tải trang.
• C. Người dùng không thể tương tác với các hình ảnh trong thanh trượt.
• D. Thanh trượt chỉ hoạt động trên trình duyệt Chrome.

Câu 18: Khi nhúng một video từ YouTube vào trang web, bạn có thể điều chỉnh các thông số như tự động phát (autoplay), hiển thị điều khiển video, hoặc lặp lại (loop) không? Nếu có, thường điều chỉnh ở đâu?

• A. Có, các tùy chọn này thường có trong cài đặt của khối video hoặc trong mã nhúng được cung cấp.
• B. Không, video nhúng từ YouTube luôn hiển thị mặc định và không thể tùy chỉnh.
• C. Chỉ có thể tùy chỉnh nếu video đó thuộc kênh YouTube của bạn.
• D. Chỉ có thể tùy chỉnh màu nền của trình phát video.

Câu 19: Bạn muốn đảm bảo rằng hình ảnh nền trong một khối hiển thị đầy đủ theo chiều rộng của màn hình, bất kể kích thước ảnh gốc. Tùy chọn nào trong cài đặt kích thước của khối hình ảnh thường giúp bạn đạt được điều này?

• A. Điều chỉnh "Description".
• B. Thiết lập "Alt text".
• C. Chọn tùy chọn "Full Width" hoặc "Chiều rộng toàn màn hình".
• D. Thiết lập "Link Image to".

Câu 20: Giả sử bạn đang xây dựng một trang web Portfolio để giới thiệu các tác phẩm thiết kế đồ họa của mình. Bạn có hàng chục mẫu thiết kế khác nhau. Phần nào của trang web và cách hiển thị nào là tối ưu để trình bày các tác phẩm này một cách chuyên nghiệp và dễ xem?

• A. Một trang hoặc phần riêng dành cho Portfolio, sử dụng khối Bộ sưu tập (Gallery) để hiển thị các mẫu thiết kế dưới dạng lưới ảnh.
• B. Chèn từng mẫu thiết kế dưới dạng hình ảnh minh họa riêng lẻ trong mục giới thiệu bản thân.
• C. Sử dụng một Thanh trượt (Slider) duy nhất chứa tất cả các mẫu thiết kế.
• D. Chỉ hiển thị một hình ảnh nổi bật đại diện cho tất cả các tác phẩm.

Câu 21: Khi sử dụng một hình ảnh làm nền cho một khối chứa văn bản, điều quan trọng cần lưu ý để văn bản dễ đọc là gì?

• A. Sử dụng hình ảnh có độ phân giải thấp.
• B. Đảm bảo hình ảnh nền có kích thước rất nhỏ.
• C. Chọn màu chữ và màu nền ảnh giống nhau.
• D. Đảm bảo độ tương phản đủ cao giữa màu chữ và hình ảnh nền, có thể sử dụng lớp phủ (overlay).

Câu 22: Bạn muốn thêm một hình ảnh động định dạng GIF vào trang web. Bạn sẽ sử dụng loại khối nào và có cần cài đặt đặc biệt nào để ảnh động hiển thị chuyển động không?

• A. Sử dụng khối "Image & Video", không cần cài đặt đặc biệt vì nền tảng thường hỗ trợ hiển thị ảnh GIF động.
• B. Sử dụng khối "Gallery & Slider", cần chuyển ảnh GIF thành video.
• C. Sử dụng khối "Text & Code" và viết mã HTML đặc biệt.
• D. Ảnh động GIF không thể chèn vào trang web bằng các công cụ kéo thả.

Câu 23: Mục "Spacing" (khoảng cách) trong cài đặt của khối hình ảnh hoặc bộ sưu tập (gallery) có tác dụng gì?

• A. Điều chỉnh độ phân giải của hình ảnh.
• B. Thiết lập văn bản thay thế cho hình ảnh.
• C. Gán liên kết cho hình ảnh.
• D. Điều chỉnh khoảng cách giữa hình ảnh và các thành phần khác (hoặc giữa các ảnh trong gallery).

Câu 24: Bạn muốn tạo một bộ sưu tập ảnh (gallery) nhưng chỉ hiển thị ảnh thu nhỏ dưới dạng lưới. Khi người dùng nhấp vào một ảnh thu nhỏ, ảnh đó sẽ mở ra trong một cửa sổ riêng (lightbox) để xem kích thước đầy đủ. Chức năng này giúp tối ưu hóa điều gì trên trang web?

• A. Làm cho hình ảnh có độ phân giải cao hơn.
• B. Tối ưu hóa tốc độ tải trang ban đầu và tiết kiệm diện tích trên trang chính.
• C. Tự động thêm chú thích cho từng hình ảnh.
• D. Ngăn chặn người dùng tải về hình ảnh gốc.

Câu 25: Bạn đang xây dựng một trang web sự kiện và muốn chèn một video giới thiệu về sự kiện đó. Video này nên được đặt ở vị trí nào để thu hút sự chú ý của người truy cập ngay khi họ vào trang?

• A. Ở phần đầu trang, dưới thanh điều hướng hoặc trong một khối nổi bật.
• B. Ở cuối trang, trước phần chân trang (footer).
• C. Đặt xen kẽ trong một đoạn văn bản dài.
• D. Trong một bộ sưu tập ảnh nhỏ ở cuối trang.

Câu 26: Khi sử dụng thanh trượt (slider), bạn cần cân nhắc số lượng hình ảnh/video trong thanh trượt và tốc độ chuyển đổi giữa chúng. Nếu số lượng quá nhiều hoặc tốc độ quá nhanh, điều gì có thể xảy ra?

• A. Làm giảm chất lượng hiển thị của hình ảnh.
• B. Tự động thêm âm thanh vào video.
• C. Người dùng có thể cảm thấy khó chịu, bỏ lỡ thông tin quan trọng và không kịp tương tác.
• D. Trang web sẽ tự động chuyển hướng sang trang khác.

Câu 27: Bạn muốn thêm một video làm nền cho một khối văn bản (ví dụ: một phần giới thiệu). Video này nên có đặc điểm gì về âm thanh để không làm phiền người dùng?

• A. Có âm thanh rất lớn để thu hút sự chú ý.
• B. Nên là video không có âm thanh (hoặc tắt tiếng theo mặc định).
• C. Chỉ phát âm thanh khi người dùng nhấp vào video.
• D. Âm thanh của video phải là nhạc nền của trang web.

Câu 28: Một hình ảnh đại diện (thumbnail) cho một bài viết trên trang chủ thường có kích thước nhỏ. Mục đích chính của việc sử dụng hình ảnh đại diện nhỏ là gì?

• A. Để hình ảnh tải về nhanh hơn so với ảnh gốc.
• B. Để hình ảnh có độ phân giải cao hơn.
• C. Để hình ảnh có thể nhấp vào để xem video.
• D. Để hiển thị nhiều nội dung (bài viết) cùng lúc trên trang chủ hoặc danh sách.

Câu 29: Bạn muốn thêm một liên kết vào một hình ảnh trong bộ sưu tập (gallery), sao cho khi người dùng nhấp vào ảnh đó, họ sẽ được chuyển đến một trang web bên ngoài. Bạn sẽ sử dụng tùy chọn nào để thiết lập liên kết này?

• A. Thiết lập "Alt text" cho ảnh.
• B. Điều chỉnh "Spacing" của ảnh trong gallery.
• C. Sử dụng tùy chọn "Link" hoặc "Link to URL" trong cài đặt của từng ảnh trong gallery.
• D. Thay đổi "Aspect Ratio" của ảnh.

Câu 30: Khi sử dụng tính năng "Background Image" (Hình ảnh nền) cho một khối trên trang web, hình ảnh đó thường được điều chỉnh như thế nào để phù hợp với kích thước của khối và màn hình khác nhau?

• A. Có các tùy chọn như "Cover", "Contain", "Repeat" và điều chỉnh vị trí để hình ảnh phủ đầy hoặc nằm gọn trong khối.
• B. Hình ảnh nền luôn bị kéo dãn để vừa với kích thước khối, gây biến dạng.
• C. Chỉ hiển thị một phần nhỏ của hình ảnh gốc ở góc trên bên trái.
• D. Hình ảnh nền tự động chuyển thành màu đơn sắc trên thiết bị di động.

Câu 1: Trên một trang web giới thiệu sản phẩm, bạn muốn hiển thị một loạt các hình ảnh chi tiết về sản phẩm theo dạng lưới để người dùng dễ dàng xem tổng quan và chọn ảnh để phóng to. Loại khối nội dung hình ảnh nào phù hợp nhất cho mục đích này?

• A. Khối Hình ảnh/Video (Image & Video)
• B. Khối Bộ sưu tập/Thanh trượt (Gallery & Slider)
• C. Khối Văn bản & Mã (Text & Code)
• D. Khối Biểu mẫu liên hệ (Contact Form)

Câu 2: Bạn đang thiết kế trang chủ cho một website tin tức và muốn có một khu vực nổi bật ở đầu trang hiển thị hình ảnh hoặc video quan trọng nhất, chiếm gần hết chiều rộng màn hình để thu hút sự chú ý ngay lập tức. Loại hình ảnh/video này thường được gọi là gì và vị trí đặt điển hình của nó?

• A. Hình ảnh/video nổi bật (Hero image/video), đặt ở đầu trang dưới thanh điều hướng.
• B. Hình ảnh minh họa, đặt xen kẽ với văn bản.
• C. Hình ảnh đại diện, đặt ở góc trên bên phải.
• D. Thanh trượt (Slider), đặt ở cuối trang.

Câu 3: Khi thêm một hình ảnh vào trang web bằng công cụ tạo web, bạn cần điều chỉnh thuộc tính nào để kiểm soát khoảng cách giữa hình ảnh và các nội dung khác (văn bản, khối khác) phía trên hoặc phía dưới nó?

• A. Size
• B. Aspect Ratio
• C. Top/Bottom
• D. Link Image to

Câu 4: Một hình ảnh minh họa cho bài viết trên trang web của bạn bị vỡ nét hoặc mờ khi hiển thị ở kích thước lớn. Vấn đề này thường liên quan đến yếu tố nào của hình ảnh?

• A. Nội dung thay thế (Alt text)
• B. Định dạng tệp (ví dụ: JPEG, PNG)
• C. Màu nền của khối
• D. Độ phân giải của tệp hình ảnh gốc

Câu 5: Bạn muốn sử dụng một đoạn video ngắn làm nền cho phần giới thiệu đầu trang web của mình. Khi thêm video này vào khối Hình ảnh/Video, thuộc tính nào sẽ giúp bạn đảm bảo tỷ lệ khung hình của video được hiển thị chính xác (ví dụ: 16:9, 4:3) thay vì bị méo?

• A. Full Width
• B. Aspect Ratio
• C. Size
• D. Description

Câu 6: Thanh trượt (Slider) trên trang web thường được sử dụng hiệu quả nhất cho mục đích nào dưới đây?

• A. Hiển thị bản đồ vị trí công ty.
• B. Trưng bày hàng trăm ảnh trong một bộ sưu tập lớn.
• C. Quảng bá các chương trình ưu đãi hoặc sản phẩm nổi bật một cách tuần tự.
• D. Hiển thị nội dung văn bản dài kèm hình ảnh nhỏ.

Câu 7: Khi thêm hình ảnh vào trang web, việc cung cấp "Nội dung thay thế" (Alt text) cho hình ảnh có ý nghĩa quan trọng nhất đối với đối tượng nào?

• A. Người dùng sử dụng trình đọc màn hình (screen reader) hoặc khi hình ảnh không tải được.
• B. Công cụ tìm kiếm để xếp hạng cao hơn.
• C. Thiết bị di động để hiển thị hình ảnh nhanh hơn.
• D. Người dùng thông thường để xem mô tả chi tiết về ảnh.

Câu 8: Bạn đang tạo một trang web và muốn đảm bảo tốc độ tải trang nhanh nhất có thể. Đối với nội dung hình ảnh, yếu tố nào dưới đây có tác động lớn nhất đến tốc độ tải?

• A. Màu sắc chủ đạo của hình ảnh.
• B. Nội dung thay thế (Alt text).
• C. Việc hình ảnh có liên kết hay không.
• D. Kích thước tệp (dung lượng) của hình ảnh.

Câu 9: Khi sử dụng khối Bộ sưu tập (Gallery) để hiển thị nhiều hình ảnh, bạn có thể tùy chỉnh cách các hình ảnh này được sắp xếp và trình bày trên trang. Tùy chọn nào dưới đây không phải là một cách hiển thị phổ biến của Gallery?

• A. Hiển thị dạng lưới (Grid).
• B. Hiển thị dạng danh sách (List).
• C. Hiển thị từng ảnh một với hiệu ứng chuyển động tự động.
• D. Hiển thị dạng xếp gạch (Masonry).

Câu 10: Bạn muốn một hình ảnh cụ thể trên trang web của mình, khi người dùng nhấp vào, sẽ dẫn họ đến một trang khác hoặc một địa chỉ web bên ngoài. Bạn cần sử dụng thuộc tính nào để thiết lập chức năng này?

• A. Description
• B. Alt text
• C. Size
• D. Link Image to

Câu 11: Tại sao việc tối ưu hóa kích thước tệp hình ảnh trước khi tải lên website lại quan trọng, đặc biệt đối với trải nghiệm người dùng trên thiết bị di động?

• A. Giúp hình ảnh hiển thị sắc nét hơn trên màn hình nhỏ.
• B. Giảm thời gian tải trang, cải thiện trải nghiệm người dùng và tiết kiệm dữ liệu di động.
• C. Đảm bảo hình ảnh có nội dung thay thế (Alt text) chính xác.
• D. Tự động điều chỉnh tỷ lệ khung hình cho phù hợp với màn hình di động.

Câu 12: Bạn đã thêm một hình ảnh minh họa vào bài viết nhưng nó chiếm quá nhiều không gian theo chiều ngang, đẩy văn bản xuống dưới. Thuộc tính nào trong bảng thiết lập hình ảnh giúp bạn giới hạn chiều rộng của hình ảnh để văn bản có thể hiển thị bên cạnh nó?

• A. Size
• B. Aspect Ratio
• C. Background
• D. Full Width

Câu 13: Khi tạo một thanh trượt (Slider) có nhiều hình ảnh, bạn muốn thiết lập thời gian tự động chuyển đổi giữa các ảnh để người dùng không cần phải tương tác. Thuộc tính hoặc tùy chọn nào bạn cần tìm trong cài đặt của khối Slider?

• A. Number of items per row
• B. Image quality
• C. Autoplay interval
• D. Link type

Câu 14: Việc sử dụng quá nhiều hình ảnh hoặc video chất lượng cao, không được tối ưu hóa trên một trang web có thể dẫn đến hậu quả tiêu cực nào sau đây?

• A. Hình ảnh hiển thị bị méo hoặc sai màu.
• B. Nội dung văn bản bị ẩn đi.
• C. Thanh điều hướng hoạt động không chính xác.
• D. Trang web tải chậm, ảnh hưởng xấu đến trải nghiệm người dùng.

Câu 15: Bạn muốn thêm một hình ảnh minh họa nhỏ vào giữa đoạn văn bản để làm rõ ý. Vị trí và kích thước nào là phù hợp nhất cho hình ảnh minh họa trong trường hợp này?

• A. Kích thước nhỏ hoặc vừa phải, đặt xen kẽ với nội dung văn bản.
• B. Kích thước lớn, chiếm toàn bộ chiều rộng trang.
• C. Đặt ở cuối bài viết như một bộ sưu tập.
• D. Đặt ở đầu trang như hình ảnh nổi bật.

Câu 16: Giả sử bạn đang sử dụng một công cụ tạo web kéo thả (drag-and-drop). Để chèn một video từ YouTube vào trang web của mình, bạn có khả năng cao sẽ sử dụng loại khối nào?

• A. Khối Văn bản & Mã (Text & Code)
• B. Khối Hình ảnh/Video (Image & Video) hoặc Khối Media.
• C. Khối Biểu mẫu liên hệ (Contact Form)
• D. Khối Thanh điều hướng (Navigation).

Câu 17: Một trong những hạn chế cần cân nhắc khi sử dụng Thanh trượt (Slider) trên trang web, đặc biệt là trên các thiết bị có màn hình nhỏ, là gì?

• A. Có thể làm chậm tốc độ tải trang và ảnh hưởng đến hiệu suất trên thiết bị di động.
• B. Không thể thêm liên kết vào hình ảnh trong thanh trượt.
• C. Luôn hiển thị tất cả hình ảnh cùng một lúc, gây rối mắt.
• D. Chỉ hỗ trợ định dạng ảnh JPEG.

Câu 18: Bạn muốn thêm một chú thích hoặc mô tả ngắn gọn ngay bên dưới một hình ảnh cụ thể trên trang web. Thuộc tính hoặc khu vực nào trong bảng thiết lập hình ảnh của công cụ tạo web thường cho phép bạn làm điều này?

• A. Alt text
• B. Title/Subtitle
• C. Description / Caption
• D. Background

Câu 19: Để đảm bảo tính nhất quán về mặt hình ảnh trên toàn bộ trang web, khi sử dụng khối hình ảnh/video, bạn nên chú ý điều chỉnh thuộc tính nào để phù hợp với chủ đề và màu sắc chung của website?

• A. Size
• B. Link Image to
• C. Aspect Ratio
• D. Background

Câu 20: Bạn đang tạo một trang web tin tức và muốn hiển thị các bài viết mới nhất cùng với ảnh đại diện nhỏ. Loại hình ảnh nào (dựa trên mục đích sử dụng) phù hợp nhất để làm ảnh đại diện cho mỗi bài viết trong danh sách?

• A. Hình ảnh đại diện (Featured/Thumbnail image).
• B. Hình ảnh nổi bật (Hero image).
• C. Hình ảnh trong bộ sưu tập (Gallery image).
• D. Hình ảnh trong thanh trượt (Slider image).

Câu 21: Đâu là lý do chính khiến việc sử dụng hình ảnh và video trên trang web lại hiệu quả trong việc giữ chân và thu hút người truy cập?

• A. Chúng giúp trang web tải nhanh hơn.
• B. Chúng làm cho nội dung trở nên trực quan, hấp dẫn và dễ ghi nhớ hơn.
• C. Chúng bắt buộc người dùng phải tương tác với trang.
• D. Chúng giúp tăng thứ hạng trên công cụ tìm kiếm một cách tự động.

Câu 22: Bạn muốn tạo một trang Giới thiệu (About Us) và có một bức ảnh lớn của đội ngũ nhân viên. Để bức ảnh này hiển thị toàn bộ chiều rộng của khu vực nội dung chính, bạn nên bật hoặc chọn tùy chọn nào trong cài đặt kích thước của khối hình ảnh?

• A. Full Width
• B. Aspect Ratio
• C. Size: Small
• D. Link Image to

Câu 23: Khi sử dụng khối Bộ sưu tập (Gallery) để hiển thị ảnh, bạn có thể điều chỉnh số lượng hình ảnh hiển thị trên mỗi hàng (row) trong bố cục dạng lưới. Tùy chọn nào trong cài đặt Gallery thường cho phép bạn làm điều này?

• A. Image Quality
• B. Autoplay Interval
• C. Number of items per row
• D. Background Color

Câu 24: Đâu là mục đích chính của việc sử dụng hình ảnh minh họa (illustrative images) xen kẽ với văn bản trong một bài viết?

• A. Để quảng bá sản phẩm.
• B. Để làm nền cho trang web.
• C. Để người dùng có thể tải ảnh về.
• D. Để làm rõ nội dung, hỗ trợ văn bản và tăng tính hấp dẫn của bài viết.

Câu 25: Bạn đã thêm một video vào trang web, nhưng nó hiển thị với viền đen ở hai bên (letterboxing) hoặc trên dưới (pillarboxing). Vấn đề này thường xảy ra khi có sự không khớp giữa yếu tố nào?

• A. Kích thước tệp video và tốc độ internet.
• B. Tỷ lệ khung hình (Aspect Ratio) của video gốc và cài đặt hiển thị trên trang web.
• C. Nội dung video và tiêu đề của trang.
• D. Định dạng tệp video và trình duyệt web.

Câu 26: Trong ngữ cảnh tạo nội dung hình ảnh cho trang web, thuật ngữ "tối ưu hóa hình ảnh" (image optimization) thường đề cập đến việc làm gì?

• A. Giảm kích thước tệp hình ảnh mà vẫn giữ chất lượng hiển thị hợp lý để trang web tải nhanh hơn.
• B. Chỉnh sửa màu sắc và độ sáng của hình ảnh cho đẹp hơn.
• C. Thêm nội dung thay thế (Alt text) cho hình ảnh.
• D. Chuyển đổi định dạng tệp hình ảnh sang định dạng mới nhất.

Câu 27: Bạn muốn sử dụng một thanh trượt (Slider) để giới thiệu 3 dịch vụ nổi bật của công ty. Mỗi dịch vụ được minh họa bằng một hình ảnh và một tiêu đề ngắn. Khi thiết lập thanh trượt, bạn cần đảm bảo điều gì để mỗi "slide" (mục trong thanh trượt) truyền tải thông tin đầy đủ nhưng vẫn nhanh chóng?

• A. Mỗi slide có một đoạn văn bản rất dài để mô tả chi tiết.
• B. Tắt chế độ tự động chuyển đổi (autoplay).
• C. Sử dụng hình ảnh có độ phân giải rất cao, không cần tối ưu.
• D. Nội dung hình ảnh và văn bản (tiêu đề/mô tả) trên mỗi slide phải cô đọng và dễ hiểu.

Câu 28: Một khối hình ảnh có tùy chọn "Background" (Nền). Việc thiết lập nền cho khối này có tác dụng gì?

• A. Thay đổi màu sắc của hình ảnh chính.
• B. Thêm đường viền xung quanh hình ảnh.
• C. Thiết lập màu sắc hoặc hình ảnh cho khu vực phía sau hình ảnh/video chính trong khối.
• D. Điều chỉnh độ trong suốt của hình ảnh.

Câu 29: Khi thiết kế trang web, tại sao việc giữ cho bố cục hình ảnh và video nhất quán với phong cách thiết kế tổng thể của trang lại quan trọng?

• A. Tạo sự chuyên nghiệp, dễ nhìn và giúp người dùng cảm thấy thoải mái, tin tưởng vào nội dung.
• B. Giúp trang web tải nhanh hơn trên mọi thiết bị.
• C. Đảm bảo tất cả hình ảnh đều có chất lượng cao.
• D. Làm cho hình ảnh tự động điều chỉnh kích thước trên mọi màn hình.

Câu 30: Bạn đã thêm một bộ sưu tập (Gallery) gồm 20 ảnh vào trang web. Tuy nhiên, bạn nhận thấy việc hiển thị tất cả ảnh cùng lúc khiến trang trở nên quá dài và khó cuộn. Giải pháp nào sau đây có thể giúp cải thiện tình trạng này?

• A. Chuyển tất cả ảnh sang định dạng video.
• B. Thêm một thanh trượt (Slider) thay vì Gallery.
• C. Sử dụng tính năng phân trang (pagination) hoặc tải thêm (load more) cho Gallery.
• D. Giảm độ phân giải của tất cả các ảnh xuống mức thấp nhất.

Câu 1: Bạn đang thiết kế trang chủ cho một website giới thiệu du lịch. Bạn muốn có một hình ảnh lớn, ấn tượng chiếm gần hết chiều rộng màn hình ngay dưới thanh điều hướng để thu hút sự chú ý ban đầu của người truy cập. Loại hình ảnh này thường được gọi là gì và vị trí đặt phổ biến của nó?

• A. Ảnh minh họa, đặt xen kẽ trong văn bản.
• B. Ảnh thumbnail, đặt trong bộ sưu tập.
• C. Hình ảnh nổi bật (Hero Image), đặt ở đầu trang dưới thanh điều hướng.
• D. Ảnh nền, đặt làm nền cho toàn bộ trang.

Câu 2: Khi thêm một khối hình ảnh vào trang web bằng công cụ kéo thả, bạn thấy có tùy chọn nhập "Alt Text". Mục đích chính của việc cung cấp "Alt Text" cho hình ảnh là gì?

• A. Để hình ảnh có hiệu ứng động khi rê chuột vào.
• B. Cung cấp mô tả hình ảnh cho người dùng khi ảnh không tải được hoặc cho các công cụ đọc màn hình (screen reader).
• C. Tự động điều chỉnh kích thước hình ảnh cho phù hợp với màn hình.
• D. Thiết lập đường viền hoặc đổ bóng cho hình ảnh.

Câu 3: Bạn có một bộ sưu tập gồm 15 bức ảnh sản phẩm và muốn hiển thị chúng sao cho người dùng có thể xem lướt qua tất cả ảnh cùng lúc trên một khu vực giới hạn của trang. Bạn nên sử dụng loại khối nào?

• A. Bộ sưu tập (Gallery).
• B. Thanh trượt (Slider).
• C. Khối Hình ảnh & Video đơn lẻ.
• D. Khối Văn bản & Mã nguồn.

Câu 4: Một trang web sử dụng quá nhiều hình ảnh có dung lượng file rất lớn (nhiều megabyte mỗi ảnh) và không được tối ưu hóa. Vấn đề nghiêm trọng nhất mà người truy cập có thể gặp phải là gì?

• A. Hình ảnh bị giảm chất lượng hiển thị.
• B. Trang web không hiển thị được hình ảnh.
• C. Hình ảnh bị méo hoặc sai tỷ lệ.
• D. Thời gian tải trang rất chậm, gây khó chịu cho người dùng.

Câu 5: Bạn muốn một hình ảnh trong khối "Image & Video" khi người dùng nhấp chuột vào nó sẽ mở ra một trang web khác (ví dụ: liên kết đến trang chi tiết sản phẩm). Bạn cần thiết lập điều này ở tùy chọn nào trong bảng thuộc tính của khối ảnh?

• A. Description.
• B. Alt Text.
• C. Link Image to.
• D. Aspect Ratio.

Câu 6: Sự khác biệt chính về cách hiển thị nội dung giữa khối "Bộ sưu tập (Gallery)" và khối "Thanh trượt (Slider)" là gì?

• A. Gallery hiển thị nhiều ảnh/video cùng lúc (lưới/danh sách), còn Slider chỉ hiển thị từng ảnh/video một.
• B. Gallery chỉ hiển thị ảnh, còn Slider có thể hiển thị cả ảnh và video.
• C. Gallery cho phép người dùng tương tác, còn Slider thì không.
• D. Gallery tải tất cả ảnh cùng lúc, còn Slider tải từng ảnh khi cần.

Câu 7: Khi thêm một video vào trang web, bạn thường thấy tùy chọn "Aspect Ratio". Tùy chọn này dùng để làm gì?

• A. Điều chỉnh tốc độ phát video.
• B. Thiết lập chế độ tự động phát (autoplay).
• C. Thêm phụ đề cho video.
• D. Xác định tỷ lệ giữa chiều rộng và chiều cao của khung hình video.

Câu 8: Bạn muốn đặt một hình ảnh làm nền cho một phần (section) của trang web và muốn đảm bảo rằng hình ảnh đó luôn che phủ toàn bộ khu vực nền mà không bị lặp lại, ngay cả khi kích thước section thay đổi. Bạn cần cấu hình thuộc tính nền như thế nào?

• A. Thiết lập "Background Repeat" là "repeat".
• B. Thiết lập "Background Size" là "cover".
• C. Thiết lập "Background Position" là "center".
• D. Thiết lập "Background Attachment" là "fixed".

Câu 9: Tại sao các nhà thiết kế web thường khuyên hạn chế số lượng và độ phức tạp của các "Thanh trượt (Slider)" trên trang web, đặc biệt là trên trang chủ?

• A. Slider có thể làm chậm tốc độ tải trang, gây khó khăn cho người dùng di động và ảnh hưởng đến SEO.
• B. Slider không hiển thị rõ ràng trên các trình duyệt cũ.
• C. Slider làm giảm chất lượng hình ảnh hiển thị.
• D. Slider không cho phép thêm liên kết vào hình ảnh.

Câu 10: Để thêm một chú thích ngắn hoặc mô tả dưới một hình ảnh đơn lẻ trong khối "Image & Video", bạn thường nhập nội dung vào mục nào trong bảng thiết lập thuộc tính?

• A. Alt Text.
• B. Link Image to.
• C. Aspect Ratio.
• D. Description/Caption.

Câu 11: Bạn đang tạo một trang web có nhiều bài viết, mỗi bài cần có một hình ảnh nhỏ đặt ở đầu bài để thu hút người đọc. Loại hình ảnh này thường được gọi là gì và kích thước của nó thường như thế nào?

• A. Hình ảnh nổi bật (Hero Image), kích thước lớn.
• B. Ảnh thumbnail/đại diện, kích thước nhỏ hoặc vừa phải.
• C. Ảnh nền, chiếm toàn bộ section.
• D. Ảnh trong bộ sưu tập, hiển thị dạng lưới.

Câu 12: Khi thiết lập kích thước cho hình ảnh trên trang web, tùy chọn nào giúp hình ảnh tự động co giãn để phù hợp với kích thước màn hình thiết bị (máy tính, điện thoại, tablet)?

• A. Responsive size / Fill width.
• B. Fixed size.
• C. Original size.
• D. Custom pixels.

Câu 13: Bạn muốn thêm một lớp màu hoặc hiệu ứng mờ lên trên hình ảnh nền của một khối để văn bản hiển thị rõ hơn. Bạn sẽ tìm tùy chọn cấu hình này ở đâu trong bảng thiết lập khối?

• A. Image/Video (mục Size).
• B. Link Image to.
• C. Background (mục Overlay/Filter).
• D. Aspect Ratio.

Câu 14: Khi nào thì việc sử dụng định dạng ảnh SVG (Scalable Vector Graphics) được ưu tiên hơn so với các định dạng raster như JPG hoặc PNG?

• A. Khi hình ảnh là ảnh chụp có nhiều chi tiết phức tạp.
• B. Khi hình ảnh là logo, biểu tượng hoặc đồ họa đơn giản cần hiển thị sắc nét ở mọi kích thước.
• C. Khi cần ảnh có nền trong suốt.
• D. Khi cần ảnh có dung lượng file lớn để đảm bảo chất lượng.

Câu 15: Một khối "Bộ sưu tập (Gallery)" hiển thị ảnh dưới dạng lưới. Khi người dùng nhấp vào một ảnh thumbnail trong lưới, một số công cụ tạo web có thể mở ảnh đó ở chế độ xem lớn hơn, thường là trên một lớp phủ (overlay) hoặc trong một cửa sổ bật lên (popup). Chức năng này gọi là gì?

• A. Lightbox.
• B. Slider transition.
• C. Aspect ratio.
• D. Image optimization.

Câu 16: Bạn muốn thêm một khoảng trống phía trên và phía dưới một khối "Image & Video" để nó tách biệt với các nội dung khác trên trang. Bạn cần điều chỉnh thông số nào trong bảng thiết lập thuộc tính của khối?

• A. Image/Video (mục Size).
• B. Aspect Ratio.
• C. Top/Bottom Spacing.
• D. Link Image to.

Câu 17: Đâu là một ưu điểm chính của việc sử dụng "Bộ sưu tập (Gallery)" dạng lưới so với "Thanh trượt (Slider)" khi hiển thị một lượng lớn hình ảnh?

• A. Tiết kiệm không gian màn hình hơn.
• B. Tự động chuyển đổi ảnh mà không cần người dùng tương tác.
• C. Tải nhanh hơn trên thiết bị di động.
• D. Cho phép người dùng xem tổng quan và dễ dàng chọn ảnh muốn xem chi tiết.

Câu 18: Khi nhúng video từ các nền tảng như YouTube hoặc Vimeo vào trang web, bạn thường chỉ cần sao chép và dán một đoạn mã. Phương pháp này có ưu điểm gì so với việc tải trực tiếp file video lên máy chủ của trang web?

• A. Video sẽ có chất lượng hình ảnh cao hơn.
• B. Giảm tải cho máy chủ của bạn và tận dụng hạ tầng phân phối nội dung (CDN) của nền tảng video.
• C. Video sẽ tự động phát khi trang web được tải.
• D. Cho phép bạn chỉnh sửa video trực tiếp trên trang web.

Câu 19: Bạn đã thêm một khối "Bộ sưu tập (Gallery)" và muốn thay đổi cách các hình ảnh được sắp xếp trong bố cục (ví dụ: từ 3 cột thành 4 cột). Bạn sẽ điều chỉnh tùy chọn nào trong bảng thiết lập?

• A. Layout/Grid settings.
• B. Aspect Ratio.
• C. Link Image to.
• D. Background.

Câu 20: Một hình ảnh minh họa đặt trong nội dung bài viết có vai trò gì khác biệt so với hình ảnh nổi bật (hero image) ở đầu trang?

• A. Hình ảnh minh họa dùng để thu hút người dùng ngay từ đầu, còn hero image dùng để làm đẹp bài viết.
• B. Hình ảnh minh họa có kích thước lớn, còn hero image có kích thước nhỏ.
• C. Hình ảnh minh họa giúp làm rõ, trực quan hóa nội dung cụ thể trong bài viết, còn hero image tạo ấn tượng tổng thể cho trang/bài viết.
• D. Hình ảnh minh họa có thể thêm liên kết, còn hero image thì không.

Câu 21: Khi bạn muốn một hình ảnh trong khối "Image & Video" hiển thị với kích thước cố định (ví dụ: 300x200 pixel) và không co giãn theo màn hình, bạn sẽ chọn tùy chọn kích thước nào?

• A. Fill width.
• B. Fixed size / Custom size.
• C. Responsive size.
• D. Aspect Ratio.

Câu 22: Đâu là một trường hợp sử dụng phù hợp cho khối "Thanh trượt (Slider)"?

• A. Quảng bá 3-4 chương trình khuyến mãi nổi bật trên trang chủ.
• B. Hiển thị toàn bộ danh mục sản phẩm (hàng trăm sản phẩm).
• C. Trình bày chi tiết các bước thực hiện một quy trình (cần xem tất cả các bước cùng lúc).
• D. Đặt một hình ảnh tĩnh làm logo công ty.

Câu 23: Bạn đã thêm một khối "Bộ sưu tập (Gallery)" và tải lên nhiều ảnh. Làm thế nào để thay đổi thứ tự xuất hiện của các ảnh trong gallery?

• A. Thay đổi Aspect Ratio của từng ảnh.
• B. Thiết lập Alt Text khác nhau cho từng ảnh.
• C. Thay đổi tùy chọn Background của khối.
• D. Thường có tùy chọn kéo thả (drag and drop) hoặc đánh số thứ tự trong giao diện quản lý ảnh của gallery.

Câu 24: Tại sao việc sử dụng hình ảnh định dạng GIF (Graphics Interchange Format) thường chỉ phù hợp cho các hình ảnh động đơn giản hoặc biểu tượng, mà ít dùng cho ảnh chụp chất lượng cao?

• A. Định dạng GIF không hỗ trợ nền trong suốt.
• B. Định dạng GIF không thể hiển thị màu sắc.
• C. Định dạng GIF chỉ hỗ trợ tối đa 256 màu, không đủ cho ảnh chụp chi tiết.
• D. Định dạng GIF không thể tạo ảnh động.

Câu 25: Khi sử dụng khối "Image & Video", tùy chọn "Overlay" (Lớp phủ) thường được dùng để làm gì?

• A. Thêm một lớp màu hoặc hiệu ứng mờ lên trên hình ảnh để làm nổi bật văn bản hoặc các yếu tố khác đặt phía trên.
• B. Tạo hiệu ứng phóng to khi rê chuột vào ảnh.
• C. Điều chỉnh kích thước của hình ảnh.
• D. Thêm liên kết vào hình ảnh.

Câu 26: Một trong những nhược điểm của "Thanh trượt (Slider)" là người dùng có thể không xem hết tất cả các slide, đặc biệt là các slide ở cuối. Điều này ảnh hưởng như thế nào đến hiệu quả truyền tải thông điệp?

• A. Làm cho trang web tải nhanh hơn.
• B. Những thông tin quan trọng đặt ở các slide sau có thể bị bỏ lỡ.
• C. Giúp người dùng dễ dàng so sánh các nội dung.
• D. Cải thiện thứ hạng SEO của trang web.

Câu 27: Để hình ảnh trong khối "Image & Video" tự động thu nhỏ hoặc phóng to theo kích thước màn hình trình duyệt mà vẫn giữ nguyên tỷ lệ ban đầu, bạn nên sử dụng kết hợp tùy chọn nào?

• A. Fixed size và Aspect Ratio cố định.
• B. Fixed size và không cần Aspect Ratio.
• C. Responsive size (ví dụ: Fill width) và giữ nguyên Aspect Ratio (hoặc chọn một tỷ lệ cố định).
• D. Responsive size và tắt Aspect Ratio.

Câu 28: Khi bạn muốn một hình ảnh làm nền cho một khối và muốn hình ảnh đó di chuyển chậm hơn so với tốc độ cuộn trang của người dùng, tạo hiệu ứng chiều sâu, bạn sẽ tìm kiếm tùy chọn nào trong cài đặt Background?

• A. Parallax effect / Background Attachment: Fixed.
• B. Background Repeat: Repeat.
• C. Background Size: Contain.
• D. Background Position: Top left.

Câu 29: Tại sao việc sử dụng hình ảnh có kích thước vật lý (pixel) quá nhỏ so với khu vực hiển thị trên trang web lại không được khuyến khích?

• A. Làm tăng dung lượng file ảnh.
• B. Khiến trang web tải chậm hơn.
• C. Không thể thêm Alt Text.
• D. Hình ảnh sẽ bị vỡ hạt, mờ hoặc không sắc nét khi được hiển thị lớn hơn kích thước gốc.

Câu 30: Trong bối cảnh tạo nội dung hình ảnh cho trang web, thuật ngữ "Lazy Loading" (Tải lười) có ý nghĩa gì và lợi ích của nó?

• A. Kỹ thuật làm cho hình ảnh chuyển động chậm hơn khi cuộn trang.
• B. Kỹ thuật chỉ tải hình ảnh khi người dùng cuộn đến vị trí của nó trên màn hình, giúp tăng tốc độ tải trang ban đầu.
• C. Kỹ thuật tự động thay đổi kích thước hình ảnh theo màn hình thiết bị.
• D. Kỹ thuật nén file ảnh để giảm dung lượng.