wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

BÀI BÀI 18. THỰC HÀNH TỔNG HỢP THIẾT KẾ TRANG WEB

Total questions: 10

Worksheet time: 5mins

Name
Class
Date
1.

Tệp CSS được sử dụng để làm gì trong thiết kế trang web?

a)

Xác định cấu trúc nội dung.

b)

Định dạng và trình bày giao diện trang web.

c)

Liên kết đến các tệp HTML.

d)

Tạo chức năng động cho trang web.

2.

Thành phần nào nằm ở phần đầu trang web?

a)

Nội dung chính.

b)

Banner và khẩu hiệu.

c)

Footer.

d)

Liên kết đến các trang khác.

3.

Câu lệnh .banner {background: url("img/img-0.jpg");} trong tệp CSS dùng để:

a)

Thay đổi màu nền trang web.

b)

Đặt ảnh nền cho banner.

c)

Tạo một banner động.

d)

Thay đổi kích thước của hình ảnh.

4.

Tệp HTML nào thường được sử dụng làm trang chủ của website?

a)

thethao.html

b)

nghethuat.html

c)

index.html

d)

css.html

5.

Tại sao cần sử dụng tệp CSS riêng khi thiết kế trang web?

a)

Để giữ cho mã HTML ngắn gọn và dễ bảo trì hơn.

b)

Để giảm thời gian tải trang.

c)

Để ngăn người dùng chỉnh sửa trang web.

d)

Để tăng độ phức tạp cho mã nguồn.

6.

Thuộc tính flex-wrap: wrap; trong tệp CSS có tác dụng gì?

a)

Giới hạn chiều cao của phần tử.

b)

Tự động chuyển các phần tử xuống dòng khi không đủ không gian.

c)

Đặt khoảng cách giữa các phần tử.

d)

Thay đổi màu nền của phần tử.

7.

Trong bố cục trang web, tại sao cần liên kết đến các trang khác từ trang chủ?

a)

Để giúp người dùng điều hướng dễ dàng hơn giữa các nội dung.

b)

Để giảm kích thước trang chủ.

c)

Để giữ cho nội dung tập trung trên trang chủ.

d)

Để tăng tốc độ tải của trang web.

8.

Một học sinh muốn thêm khẩu hiệu vào phần đầu trang web. Cách sử dụng CSS nào là đúng?

a)

.slogan {text-align: center; width: 100%;}

b)

.slogan {font-size: large; text-align: left;}

c)

.slogan {background-color: lightgrey;}

d)

.slogan {width: auto; text-align: right;}

9.

Khi thiết kế trang web CLB nghệ thuật, học sinh muốn tạo một bố cục với các khối nội dung chiếm 30% chiều rộng trang. Câu lệnh CSS nào cần được sử dụng?

a)

.block_3 {flex: 0 0 auto; width: 30%; margin: 10px;}

b)

.block_3 {width: 70%; margin: 10px;}

c)

.block_3 {height: auto; width: 50%;}

d)

.block_3 {flex: 1; width: auto;}

10.

Một nhóm học sinh cần xây dựng website giới thiệu các CLB ngoại khóa với các tệp HTML được liên kết qua tệp CSS. Quy trình nào là hợp lý nhất?

a)

Tạo tệp CSS để định dạng giao diện → Tạo các tệp HTML như index.html, thethao.html, nghethuat.html → Liên kết tệp CSS vào các tệp HTML.

b)

Chỉ tạo một tệp HTML duy nhất mà không cần tệp CSS.

c)

Tạo tất cả nội dung trong tệp CSS và không cần các tệp HTML.

d)

Tạo tệp HTML cho từng nội dung nhưng không liên kết qua tệp CSS.