Trắc nghiệm Tin học 12 Cánh diều Bài 5: Tạo nội dung hình ảnh cho trang web - Đề 03
Trắc nghiệm Tin học 12 Cánh diều Bài 5: Tạo nội dung hình ảnh cho trang web - Đề 03 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.
Câu 1: Khi thiết kế trang web, bạn muốn sử dụng một hình ảnh lớn, nổi bật ở đầu trang ngay dưới thanh điều hướng để thu hút sự chú ý của người dùng ngay khi họ truy cập. Loại hình ảnh này thường được gọi là gì?
- A. Ảnh minh họa
- B. Ảnh đại diện (Avatar)
- C. Ảnh thu nhỏ (Thumbnail)
- D. Ảnh/Video nổi bật (Hero image/video)
Câu 2: Bạn đang viết một bài blog về "Các loại hoa phổ biến ở Việt Nam". Để làm cho bài viết sinh động và dễ hiểu hơn, bạn nên sử dụng loại hình ảnh nào được đặt xen kẽ với nội dung văn bản?
- A. Ảnh minh họa
- B. Ảnh nền (Background image)
- C. Ảnh động (GIF)
- D. Logo
Câu 3: Để hiển thị một loạt các bức ảnh chụp sản phẩm mới của cửa hàng trên một trang duy nhất, cho phép người dùng xem nhanh nhiều ảnh cùng lúc dưới dạng lưới, bạn nên sử dụng thành phần hiển thị hình ảnh nào?
- A. Thanh trượt (Slider)
- B. Video nhúng (Embedded video)
- C. Bộ sưu tập (Gallery)
- D. Ảnh nổi bật (Hero image)
Câu 4: Bạn muốn tạo một phần trên trang chủ để giới thiệu các chương trình khuyến mãi mới nhất. Mỗi chương trình được minh họa bằng một hình ảnh và sẽ tự động chuyển đổi sau vài giây, hoặc người dùng có thể bấm nút để chuyển đổi. Thành phần nào phù hợp nhất cho mục đích này?
- A. Bộ sưu tập (Gallery)
- B. Thanh trượt (Slider)
- C. Ảnh minh họa đặt cạnh văn bản
- D. Video giới thiệu
Câu 5: Trong hầu hết các phần mềm/công cụ tạo trang web kéo thả, để thêm một khối nội dung chứa hình ảnh hoặc video, bạn thường tìm kiếm khối chức năng trong nhóm nào?
- A. Image & Video
- B. Text & Code
- C. Navigation
- D. Contact Form
Câu 6: Khi thêm một hình ảnh vào trang web, thuộc tính "Alt" (Alternative text) của 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 duyệt cũ
- B. Người dùng chỉ truy cập trang web trên điện thoại di động
- C. Người dùng muốn tải hình ảnh về máy
- D. Người dùng khiếm thị sử dụng trình đọc màn hình hoặc khi hình ảnh không hiển thị
Câu 7: Giả sử bạn đã thêm một khối hình ảnh vào trang web. Để thay đổi kích thước hiển thị của hình ảnh đó sao cho phù hợp với bố cục, bạn cần tìm và điều chỉnh thông số nào trong bảng thiết lập của khối?
- A. Background Color
- B. Size (hoặc Width/Height)
- C. Link URL
- D. Text Content
Câu 8: Bạn muốn một hình ảnh nền kéo dài toàn bộ chiều rộng của màn hình trình duyệt, bất kể kích thước màn hình là bao nhiêu. Thuộc tính hiển thị nào bạn cần bật hoặc chọn cho hình ảnh này?
- A. Center Alignment
- B. Fixed Position
- C. Full Width
- D. Aspect Ratio
Câu 9: Khi nhúng một video từ YouTube vào trang web, bạn cần lấy mã nhúng (embed code) hoặc URL của video. Sau đó, trong phần mềm tạo web, bạn thường thêm video này vào khối nào và dán mã/URL vào đâu?
- A. Khối Image & Video, dán vào mục Video Source hoặc Embed Code
- B. Khối Text & Code, dán vào mục Text Content
- C. Khối Navigation, dán vào mục Link URL
- D. Khối Gallery & Slider, thêm video như thêm hình ảnh
Câu 10: Bạn nhận thấy trang web của mình tải rất chậm, đặc biệt là trên các thiết bị di động. Sau khi kiểm tra, bạn phát hiện một số hình ảnh có dung lượng file rất lớn. Biện pháp khắc phục hiệu quả nhất trong trường hợp này là gì?
- A. Chuyển tất cả hình ảnh sang định dạng PNG
- B. Tối ưu hóa kích thước và nén dung lượng file hình ảnh trước khi tải lên
- C. Tăng số lượng thanh trượt (slider) trên trang
- D. Sử dụng hình ảnh có kích thước lớn hơn
Câu 11: Bạn muốn khi người dùng nhấp vào một hình ảnh minh họa nhỏ trong bài viết, họ sẽ được chuyển hướng đến một trang khác cung cấp thông tin chi tiết hơn. Bạn cần thiết lập thuộc tính nào cho hình ảnh đó?
- A. Alt Text
- B. Description
- C. Link URL
- D. Aspect Ratio
Câu 12: Một thanh trượt (slider) trên trang web thường có nhược điểm gì so với việc hiển thị tất cả hình ảnh cùng lúc trong một bộ sưu tập (gallery), đặc biệt là từ góc độ trải nghiệm người dùng và hiệu suất tải trang?
- A. Thanh trượt hiển thị quá ít hình ảnh
- B. Thanh trượt không thể tự động chuyển đổi
- C. Thanh trượt làm giảm chất lượng hình ảnh
- D. Thanh trượt có thể làm chậm tốc độ tải trang do phải tải nhiều ảnh/video cùng lúc (dù chỉ hiển thị một) và người dùng có thể bỏ lỡ nội dung quan trọng
Câu 13: Bạn đang tạo một trang web giới thiệu dịch vụ nhiếp ảnh. Bạn muốn hiển thị các bức ảnh theo từng chủ đề (ảnh cưới, ảnh chân dung, ảnh phong cảnh) và cho phép người dùng xem lướt qua các ảnh trong từng chủ đề một cách dễ dàng, nhưng vẫn muốn tất cả các chủ đề được trình bày rõ ràng trên cùng một trang. Bạn nên kết hợp sử dụng các thành phần nào?
- A. Nhiều bộ sưu tập (gallery), mỗi bộ cho một chủ đề
- B. Một thanh trượt (slider) lớn chứa tất cả ảnh
- C. Chỉ sử dụng ảnh minh họa đơn lẻ
- D. Nhúng video về từng chủ đề
Câu 14: Tỷ lệ khung hình (Aspect Ratio) của video hoặc hình ảnh (ví dụ: 16:9, 4:3) có ý nghĩa gì khi bạn thiết lập hiển thị chúng trên trang web?
- A. Quyết định dung lượng file của hình ảnh/video
- B. Xác định tỷ lệ giữa chiều rộng và chiều cao, ảnh hưởng đến cách hình ảnh/video hiển thị trong khung chứa
- C. Quyết định màu sắc chủ đạo của hình ảnh/video
- D. Ảnh hưởng đến nội dung thay thế (Alt text)
Câu 15: Khi sử dụng các công cụ tạo web, việc điều chỉnh khoảng cách lề trên (Top) và lề dưới (Bottom) của một khối chứa hình ảnh/video giúp bạn kiểm soát điều gì?
- A. Kích thước của hình ảnh/video bên trong khối
- B. Tỷ lệ khung hình của video
- C. Màu nền của hình ảnh
- D. Khoảng trống giữa khối hình ảnh/video với các khối nội dung khác phía trên và dưới nó
Câu 16: Một trong những nguyên tắc thiết kế web hiện đại là đảm bảo tính "Responsive" (đáp ứng). Đối với hình ảnh, điều này có nghĩa là gì?
- A. Hình ảnh tự động điều chỉnh kích thước để hiển thị phù hợp trên các loại màn hình khác nhau (máy tính, tablet, điện thoại)
- B. Hình ảnh có thể tương tác được (ví dụ: nhấp để phóng to)
- C. Hình ảnh có chứa nội dung văn bản
- D. Hình ảnh có dung lượng file nhỏ
Câu 17: Việc đặt tiêu đề (Title) và tiêu đề phụ (Subtitle) cho một khối hình ảnh/video nổi bật (Hero section) thường nhằm mục đích gì?
- A. Cung cấp thông tin chi tiết về nguồn gốc hình ảnh
- B. Giúp tối ưu hóa SEO (Search Engine Optimization)
- C. Truyền tải thông điệp chính hoặc lời kêu gọi hành động (Call to Action) một cách nhanh chóng và thu hút
- D. Thay thế cho nội dung của hình ảnh nếu hình ảnh không hiển thị
Câu 18: Bạn muốn sử dụng một hình ảnh làm nền cho một khối nội dung văn bản. Hình ảnh này nên có đặc điểm gì để nội dung văn bản phía trên nó dễ đọc?
- A. Có nhiều chi tiết và màu sắc rực rỡ
- B. Dung lượng file rất lớn
- C. Có chứa các đường viền phức tạp
- D. Có độ tương phản thấp hoặc được làm mờ/tối đi (overlay)
Câu 19: Việc tối ưu hóa hình ảnh trước khi tải lên trang web bao gồm những hành động nào?
- A. Nén dung lượng file, chọn định dạng phù hợp (JPG, PNG, WebP), và điều chỉnh kích thước hợp lý
- B. Tăng độ phân giải của hình ảnh lên mức cao nhất có thể
- C. Thêm thật nhiều hiệu ứng và bộ lọc màu sắc
- D. Đặt tên file hình ảnh thật dài và phức tạp
Câu 20: Bạn đang sử dụng một khối Gallery để hiển thị 20 bức ảnh. Hầu hết các công cụ tạo web sẽ cho phép bạn tùy chỉnh cách hiển thị các ảnh này. Tùy chọn hiển thị phổ biến nhất cho Gallery là gì?
- A. Hiển thị từng ảnh một theo thứ tự
- B. Chỉ hiển thị ảnh đầu tiên
- C. Hiển thị dưới dạng lưới (Grid) hoặc danh sách (List)
- D. Chỉ hiển thị ảnh nền
Câu 21: Khi sử dụng thanh trượt (Slider) để hiển thị nhiều ảnh, bạn thường có tùy chọn thiết lập thời gian chuyển đổi giữa các ảnh. Việc thiết lập thời gian này quá ngắn có thể dẫn đến hậu quả gì?
- A. Làm tăng dung lượng file của các ảnh
- B. Người dùng không kịp xem hoặc đọc nội dung trên ảnh trước khi nó chuyển sang ảnh tiếp theo
- C. Làm giảm chất lượng hiển thị của ảnh
- D. Khiến thanh trượt không hiển thị được trên thiết bị di động
Câu 22: Trong ngữ cảnh tạo nội dung hình ảnh cho trang web, "liên kết hình ảnh" (Link Image to) có nghĩa là gì?
- A. Khi người dùng nhấp vào hình ảnh, họ sẽ được chuyển hướng đến một URL khác
- B. Hình ảnh được liên kết với một video
- C. Hình ảnh tự động thay đổi khi người dùng cuộn trang
- D. Hình ảnh được nhúng từ một nguồn bên ngoài
Câu 23: Bạn muốn thêm một đoạn video ngắn giới thiệu về công ty vào trang "Giới thiệu". Video này được lưu trữ trên máy tính của bạn. Phương pháp nào phổ biến nhất để đưa video này lên trang web?
- A. Tải trực tiếp file video lên trang web (không khuyến khích với file lớn)
- B. Chuyển video thành ảnh GIF
- C. Chỉ hiển thị một ảnh đại diện của video
- D. Tải video lên một nền tảng chia sẻ video (như YouTube, Vimeo) rồi nhúng (embed) vào trang web
Câu 24: Việc sử dụng quá nhiều hình ảnh động (GIF) hoặc các hiệu ứng chuyển động phức tạp trên trang web có thể gây ra vấn đề gì?
- A. Giảm số lượng người truy cập
- B. Làm tăng độ phân giải của hình ảnh
- C. Làm chậm tốc độ tải trang và gây khó chịu cho người dùng (đặc biệt là người nhạy cảm với chuyển động)
- D. Khiến trang web trông quá đơn giản
Câu 25: Để đảm bảo hình ảnh trên trang web của bạn hiển thị rõ nét trên màn hình có độ phân giải cao, bạn nên sử dụng hình ảnh có độ phân giải như thế nào so với kích thước hiển thị mong muốn?
- A. Độ phân giải tương đương hoặc cao hơn một chút so với kích thước hiển thị
- B. Độ phân giải thấp hơn nhiều để tiết kiệm dung lượng
- C. Chỉ cần quan tâm đến kích thước vật lý (cm, inch)
- D. Độ phân giải không quan trọng đối với hiển thị trên web
Câu 26: Khi thiết kế một bộ sưu tập (Gallery), bạn có thể tùy chỉnh số lượng cột (columns) hiển thị ảnh. Việc tăng số lượng cột sẽ ảnh hưởng như thế nào đến cách hiển thị trên màn hình máy tính?
- A. Làm cho mỗi ảnh hiển thị lớn hơn
- B. Cho phép hiển thị nhiều ảnh theo chiều ngang trên cùng một hàng
- C. Làm giảm tổng số ảnh trong gallery
- D. Chỉ ảnh hưởng đến thứ tự sắp xếp ảnh
Câu 27: Bạn đang sử dụng một công cụ tạo web cho phép bạn thêm "Background Image" (hình ảnh nền) cho một phần của trang. Điều này khác với việc thêm một khối "Image & Video" ở điểm nào về mặt bố cục và mục đích sử dụng?
- A. Background Image có dung lượng nhỏ hơn Image & Video
- B. Background Image có thể nhấp vào để xem chi tiết, còn Image & Video thì không
- C. Background Image chỉ hiển thị trên thiết bị di động, còn Image & Video thì không
- D. Background Image thường dùng để trang trí cho một khối nội dung, còn Image & Video là nội dung chính có thể tương tác hoặc chứa thông tin quan trọng
Câu 28: Bạn muốn thêm một đường viền (Border) xung quanh một hình ảnh minh họa để nó nổi bật hơn so với nội dung văn bản. Tùy chọn thiết lập này thường nằm ở đâu trong bảng thuộc tính của khối hình ảnh?
- A. Mục Style (hoặc Design, Appearance)
- B. Mục Size
- C. Mục Link URL
- D. Mục Description
Câu 29: Đâu là lý do chính khiến việc thêm nội dung thay thế (Alt text) cho hình ảnh là một thực hành tốt trong thiết kế web?
- A. Làm cho hình ảnh có màu sắc đẹp hơn
- B. Giảm dung lượng file của hình ảnh
- C. Cải thiện khả năng truy cập (Accessibility) cho người dùng khiếm thị và hỗ trợ SEO
- D. Tạo hiệu ứng động cho hình ảnh
Câu 30: Bạn đang tạo một trang đích (landing page) để quảng bá một sự kiện sắp tới. Bạn muốn sử dụng một video ngắn giới thiệu sự kiện làm điểm nhấn chính. Bạn nên đặt video này ở vị trí nào trên trang để tối đa hóa sự chú ý của người dùng?
- A. Ở đầu trang, làm thành phần nổi bật (hero section)
- B. Ở cuối trang, trước phần footer
- C. Đặt xen kẽ trong các đoạn văn bản dài
- D. Trong một bộ sưu tập (gallery) cùng với các hình ảnh khác