Câu hỏi tự luận mức độ vận dụng cao Tin học ứng dụng 12 ctst bài F7: Giới thiệu CSS

4. VẬN DỤNG CAO (4 CÂU)

Câu 1: Phân tích cách CSS có thể cải thiện khả năng truy cập của một trang web?

Câu 2: Hãy thảo luận về sự khác biệt giữa CSS và CSS Frameworks (như Bootstrap). Lợi ích và hạn chế của mỗi loại là gì?

Câu 3: Trình bày các phương pháp tối ưu hóa hiệu suất CSS. Hãy nêu ít nhất ba phương pháp và lý do tại sao chúng quan trọng?

Câu 4: Nêu ra những xu hướng mới trong thiết kế CSS hiện nay. Hãy thảo luận về cách mà các xu hướng này ảnh hưởng đến thiết kế web?

Câu 1:

- Tùy chỉnh kích thước văn bản: CSS cho phép người dùng điều chỉnh kích thước văn bản thông qua các đơn vị như em hoặc rem, giúp người dùng có thể dễ dàng đọc nội dung.

- Màu sắc và độ tương phản: CSS giúp điều chỉnh màu sắc và độ tương phản giữa nền và văn bản, đảm bảo rằng nội dung có thể dễ dàng nhìn thấy cho người dùng có vấn đề về thị lực.

- Thiết kế đáp ứng: Sử dụng CSS để tạo bố cục đáp ứng giúp người dùng có thể truy cập nội dung trên nhiều thiết bị khác nhau (máy tính, điện thoại, máy tính bảng).

- Ẩn/hiện nội dung: CSS có thể được sử dụng để ẩn nội dung không cần thiết hoặc hiển thị nội dung theo ngữ cảnh mà không làm rối mắt người dùng, giúp cải thiện trải nghiệm.

- Cải thiện điều hướng: CSS cho phép tạo ra các menu điều hướng rõ ràng và dễ sử dụng, giúp người dùng dễ dàng tìm thấy thông tin mà họ cần.

Câu 2:

	CSS	CSS Frameworks
Định nghĩa	CSS là ngôn ngữ định kiểu dùng để tạo kiểu cho các phần tử HTML.	Là bộ công cụ CSS đã được xây dựng sẵn với các kiểu dáng và thành phần UI.
Ưu điểm	+ Tùy chỉnh cao: Bạn có thể tạo ra bất kỳ kiểu dáng nào bạn muốn mà không bị giới hạn. + Nhẹ: Không có mã thừa, chỉ bao gồm những gì bạn cần.	+ Tiết kiệm thời gian: Cung cấp các thành phần UI sẵn có, giảm thời gian phát triển. + Bố cục nhất quán: Giúp duy trì tính nhất quán trong thiết kế. + Hỗ trợ thiết kế đáp ứng: Các framework như Bootstrap có sẵn các lớp giúp tạo bố cục đáp ứng dễ dàng.
Hạn chế	+ Thời gian phát triển lâu: Cần nhiều thời gian để viết mã từ đầu cho các bố cục phức tạp. + Khó khăn trong việc duy trì: Khi dự án lớn, việc quản lý CSS có thể trở nên khó khăn.	+ Mã thừa: Có thể bao gồm mã mà bạn không sử dụng, làm tăng kích thước tệp CSS. + Thiếu tính tùy chỉnh: Có thể khó khăn trong việc tùy chỉnh sâu sắc để tạo ra thiết kế độc đáo.

Câu 3:

	Giải thích	Tầm quan trọng
Gộp và nén tệp CSS	Gộp nhiều tệp CSS thành một tệp duy nhất và nén chúng để giảm kích thước tệp.	Giảm số lượng yêu cầu HTTP và kích thước tệp giúp tải trang nhanh hơn.
Sử dụng CSS Sprites	Kết hợp nhiều hình ảnh thành một tệp duy nhất để giảm số lượng yêu cầu hình ảnh.	Giúp cải thiện tốc độ tải trang bằng cách giảm số lượng yêu cầu HTTP.
Tối ưu hóa các quy tắc CSS	Loại bỏ các quy tắc không sử dụng và hạn chế sự kế thừa không cần thiết.	Giúp giảm kích thước tệp CSS và tăng tốc độ xử lý của trình duyệt.

Câu 4:

	Xu hướng	Ảnh hưởng
CSS Grid và Flexbox	Sử dụng CSS Grid và Flexbox để tạo bố cục linh hoạt và đáp ứng.	Cho phép thiết kế phức tạp mà không cần phải sử dụng JavaScript, giúp tạo ra trải nghiệm người dùng tốt hơn.
Thiết kế tối giản (Minimalism)	Sử dụng ít màu sắc, hình ảnh và các phần tử để tạo ra giao diện sạch sẽ.	Giúp người dùng tập trung vào nội dung chính mà không bị phân tâm.
Hiệu ứng chuyển động (Motion Effects)	Sử dụng CSS animations và transitions để tạo ra hiệu ứng chuyển động mượt mà.	Tăng cường trải nghiệm người dùng bằng cách làm cho các tương tác trở nên thú vị và hấp dẫn hơn.
Thiết kế đáp ứng (Responsive Design)	Tạo ra các trang web có thể hoạt động tốt trên nhiều thiết bị khác nhau.	Đảm bảo rằng người dùng có trải nghiệm tốt nhất, bất kể họ sử dụng thiết bị nào.