Đề Trắc nghiệm Tin học 12 – Bài 18: Thực hành tổng hợp thiết kế trang web (Kết Nối Tri Thức)

Đề Trắc nghiệm Tin học 12 – Bài 18: Thực hành tổng hợp thiết kế trang web (Kết Nối Tri Thức) tổng hợp câu hỏi trắc nghiệm chứa đựng nhiều dạng bài tập, bài thi, cũng như các câu hỏi trắc nghiệm và bài kiểm tra, trong bộ Trắc Nghiệm Môn Tin Học 12 – Kết Nối Tri Thức. Nội dung trắc nghiệm nhấn mạnh phần kiến thức nền tảng và chuyên môn sâu của học phần này. Mọi bộ đề trắc nghiệm đều cung cấp câu hỏi, đáp án cùng hướng dẫn giải cặn kẽ. Mời bạn thử sức làm bài nhằm ôn luyện và làm vững chắc kiến thức cũng như đánh giá năng lực bản thân!

Đề 01

Đề 02

Đề 03

Đề 04

Đề 05

Đề 06

Đề 07

Đề 08

Đề 09

Đề 10

0

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web - Đề 01

1 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

Tags: Bộ đề 01

Câu 1: Khi thiết kế trang web tổng hợp giới thiệu các câu lạc bộ theo bài học, tại sao việc sử dụng cùng một tệp tin CSS bên ngoài (.css) cho tất cả các trang (trang chủ, trang câu lạc bộ thể thao, trang câu lạc bộ nghệ thuật) lại được khuyến khích?

2 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

Tags: Bộ đề 01

Câu 2: Bạn muốn thiết kế phần 'Slogan' của trang chủ sao cho hiển thị ba đoạn văn bản (hoặc hình ảnh nhỏ) nằm cạnh nhau theo chiều ngang, chia đều không gian. Dựa trên nguyên tắc thiết kế web cơ bản, bạn sẽ sử dụng thuộc tính CSS nào hoặc kỹ thuật layout nào để đạt được mục tiêu này cho container chứa ba phần tử đó?

3 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

Tags: Bộ đề 01

Câu 3: Trong cấu trúc HTML của một trang web, phần nào thường chứa các liên kết điều hướng (menu) giúp người dùng di chuyển giữa các trang khác nhau (Trang chủ, Câu lạc bộ Thể thao, Câu lạc bộ Nghệ thuật)?

4 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

Tags: Bộ đề 01

Câu 4: Bạn đã tạo một lớp CSS có tên `.club-card` để định dạng hiển thị thông tin của từng câu lạc bộ (ví dụ: có viền, nền màu nhạt, khoảng cách lề). Nếu bạn muốn áp dụng định dạng này cho một khối nội dung cụ thể trong HTML, bạn sẽ sử dụng thuộc tính nào trong thẻ HTML của khối đó?

5 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

Tags: Bộ đề 01

Câu 5: Giả sử bạn có một hình ảnh trong phần 'Banner' của trang web. Bạn muốn hình ảnh này tự động co giãn theo chiều rộng của màn hình trình duyệt nhưng vẫn giữ nguyên tỷ lệ khung hình để không bị méo. Thuộc tính CSS nào là quan trọng nhất để đạt được hiệu quả này?

6 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

Tags: Bộ đề 01

Câu 6: Trang 'Giới thiệu các câu lạc bộ thể thao' và 'Giới thiệu các câu lạc bộ nghệ thuật' nên có cấu trúc và nội dung như thế nào để người dùng dễ dàng tìm kiếm thông tin cụ thể?

7 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

Tags: Bộ đề 01

Câu 7: Trong thiết kế layout sử dụng CSS, nếu bạn muốn tạo khoảng cách giữa viền của một phần tử và nội dung bên trong phần tử đó, bạn sẽ sử dụng thuộc tính nào?

8 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

Tags: Bộ đề 01

Câu 8: Bạn cần thêm một biểu mẫu đăng ký thành viên cho các câu lạc bộ. Biểu mẫu này cần có các trường như Tên, Lớp, Câu lạc bộ muốn tham gia. Trong HTML, nhóm các trường nhập liệu này thường được đặt bên trong thẻ nào?

9 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

Tags: Bộ đề 01

Câu 9: Khi thiết kế phần 'Banner' cho trang web, bạn muốn đặt tiêu đề của trang web lên trên một hình ảnh nền. Để tiêu đề (văn bản) hiển thị rõ ràng trên hình ảnh, bạn có thể sử dụng thuộc tính CSS nào để điều chỉnh màu sắc và kích thước phông chữ của tiêu đề?

10 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

Tags: Bộ đề 01

Câu 10: Website giới thiệu các câu lạc bộ có thể sử dụng các loại tài nguyên đa phương tiện nào để làm cho nội dung thêm phong phú và hấp dẫn?

11 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

Tags: Bộ đề 01

Câu 11: Bạn đang xem xét cấu trúc HTML của một trang và thấy các thẻ như `

`, `
`, `

`. Việc sử dụng các thẻ này thay vì chỉ dùng `

` cho mọi thứ có ý nghĩa gì trong thiết kế web hiện đại?

12 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

Tags: Bộ đề 01

Câu 12: Khi thiết kế giao diện cho các 'thẻ' thông tin câu lạc bộ (mỗi thẻ chứa ảnh, tên, mô tả), bạn muốn các thẻ này hiển thị theo dạng lưới (grid) với số lượng cột thay đổi tùy thuộc vào kích thước màn hình. Kỹ thuật CSS nào là lựa chọn hiệu quả nhất để xây dựng layout lưới linh hoạt như vậy?

13 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

Tags: Bộ đề 01

Câu 13: Giả sử bạn đã định nghĩa một lớp CSS `.highlight` với thuộc tính `background-color: yellow;`. Nếu bạn muốn áp dụng lớp này cho một đoạn văn bản cụ thể trong một thẻ `

`, bạn sẽ viết HTML như thế nào?

14 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

Tags: Bộ đề 01

Câu 14: Khi thiết kế phần cuối trang (`

`), nội dung thường bao gồm thông tin bản quyền, liên kết mạng xã hội, hoặc thông tin liên hệ. Về mặt định dạng CSS, phần footer thường được đặt ở vị trí nào của trang và có kiểu dáng đặc trưng gì?

15 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

Tags: Bộ đề 01

Câu 15: Bạn nhận thấy rằng các tiêu đề phụ (`

`, `

`) trên các trang câu lạc bộ có kích thước và màu sắc khác nhau, mặc dù bạn muốn chúng trông giống nhau để tạo sự nhất quán. Vấn đề này có thể do nguyên nhân nào sau đây?

16 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

Tags: Bộ đề 01

Câu 16: Khi thiết kế một phần tử (ví dụ: một khối nội dung), thuộc tính CSS nào được sử dụng để xác định màu nền của phần tử đó?

17 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

Tags: Bộ đề 01

Câu 17: Bạn muốn thêm một khoảng trống giữa hai khối nội dung nằm cạnh nhau theo chiều ngang. Thuộc tính CSS nào trên một trong hai khối (hoặc cả hai) hoặc trên phần tử container của chúng có thể được sử dụng để tạo khoảng trống này *bên ngoài* viền của khối?

18 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

Tags: Bộ đề 01

Câu 18: Giả sử bạn có một danh sách các câu lạc bộ được hiển thị dưới dạng các mục danh sách (`

  • `) trong một thẻ `
      `. Bạn muốn loại bỏ các dấu chấm (bullet points) mặc định trước mỗi mục danh sách. Thuộc tính CSS nào trên thẻ `

        ` hoặc `

      • ` sẽ giúp bạn làm điều này?

    • 19 / 30

    Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

    Tags: Bộ đề 01

    Câu 19: Khi thiết kế một trang web, việc sử dụng các hình ảnh có dung lượng quá lớn có thể gây ra vấn đề gì nghiêm trọng nhất?

    20 / 30

    Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

    Tags: Bộ đề 01

    Câu 20: Bạn muốn áp dụng một kiểu định dạng (ví dụ: chữ in đậm, màu đỏ) cho tất cả các đoạn văn bản nằm trong phần nội dung chính của trang (`

    `). Selector CSS nào là phù hợp nhất để nhắm mục tiêu đến tất cả các thẻ `

    ` chỉ nằm trong thẻ `

    `?

    21 / 30

    Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

    Tags: Bộ đề 01

    Câu 21: Giả sử bạn đã tạo một trang HTML cho 'Câu lạc bộ Cờ Vua' (`covua.html`). Để liên kết từ trang chủ đến trang này, bạn sẽ sử dụng thẻ HTML nào và thuộc tính nào để chỉ định địa chỉ của trang đích?

    22 / 30

    Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

    Tags: Bộ đề 01

    Câu 22: Khi thiết kế layout, việc sử dụng `

    ` một cách hợp lý để nhóm các phần tử có liên quan (ví dụ: nhóm ảnh và mô tả của một câu lạc bộ) có lợi ích gì về mặt cấu trúc và định dạng CSS?

    23 / 30

    Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

    Tags: Bộ đề 01

    Câu 23: Bạn muốn tạo một hiệu ứng đơn giản: khi người dùng di chuột qua một liên kết trong menu điều hướng, màu chữ của liên kết đó sẽ thay đổi. Kỹ thuật CSS nào cho phép bạn áp dụng kiểu dáng đặc biệt cho các trạng thái tương tác của phần tử (như khi di chuột qua)?

    24 / 30

    Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

    Tags: Bộ đề 01

    Câu 24: Khi thiết kế một trang web, tại sao việc đặt tên các tệp HTML, CSS, và thư mục chứa hình ảnh, video một cách khoa học và nhất quán lại quan trọng?

    25 / 30

    Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

    Tags: Bộ đề 01

    Câu 25: Bạn đã sử dụng thuộc tính `width: 50%;` cho một khối nội dung. Điều này có ý nghĩa gì về kích thước của khối đó trên các màn hình khác nhau?

    26 / 30

    Category: Bài Tập Trắc nghiệm Tin học 12 - Kết nối tri thức - Bài 18: Thực hành tổng hợp thiết kế trang web

    Tags: Bộ đề 01

    Câu 26: Để làm cho trang web giới thiệu câu lạc bộ trở nên sinh động hơn, bạn muốn nhúng một video giới thiệu từ YouTube vào trang. Thẻ HTML nào thường được sử dụng để nhúng nội dung từ nguồn bên ngoài (như video, bản đồ)?