Thực hành: Hãy viết một website quảng bá Đại hội thể dục thể thao tỉnh/ thành phố nơi em đang sống.

Yêu cầu về nội dung:

- Gồm một trang chủ chứa thông tin về đại hội và các liên kết tới các trang thông tin khác.

- Các trang thông tin khác cần bao gồm: Giới thiệu các môn thi, biểu mẫu đăng kí, lịch thi đầu.

Yêu cầu về trình bày: kết hợp sử dụng định kiểu ngoài và định kiểu trong để trình bày cho phù hợp.

Câu hỏi trong đề: Giải SBT Tin học 12 Khoa học máy tính Kết nối tri thức Bài 18. Thực hành tổng hợp Thiết kế trang Web !!

Bắt đầu thi

Quảng cáo

Trả lời:

Giải bởi Vietjack

Hướng dẫn: Một ví dụ về cấu trúc của website sử dụng định kiểu ngoài cho trang chủ (Hình 18.2) và định kiểu trong cho trang đăng kí (Hình 18.3).

Thực hành: Hãy viết một website quảng bá Đại hội thể dục thể thao tỉnh/ thành phố nơi em đang sống. Yêu cầu về nội dung: (ảnh 1)

Các tập tin trang chủ và các trang thông tin sử dụng định kiểu ngoài bởi một tập tin .css để có giao diện chung thống nhất. Ngoài các thông tin đã có có thể bổ sung các thông tin mà em thấy hữu ích như ban tổ chức, sơ đồ thi đấu,... Em cần phác thảo ra bố cục trang, từ đó phân tích và đưa ra thiết kế và thực viết mã CSS như đã làm trên lớp và trong Câu 18.4.

Riêng trang biểu mẫu đăng kí có nội dung chủ yếu là chữ, ta sử dụng định kiểu trong (CSS trực tiếp bên trong tệp tin html).

Hot: 500+ Đề thi thử tốt nghiệp THPT các môn, ĐGNL các trường ĐH... file word có đáp án (2025). Tải ngay

Sách thầy cô Vietjack biên soạn:

Xem thêm »

Bình luận

CÂU HỎI HOT CÙNG CHỦ ĐỀ

Câu 1

Mỗi phương án sau đây là đúng hay sai?

A. CSS là một bộ phận của HTML5.

B. Sử dụng HTML và CSS giúp giảm lượng mã cần viêt khi tạo trang web.

C. Việc thay đổi giao diện của website thực hiện dễ dàng hơn khi không dùng CSS.

D. Nếu có tệp tin .css trong các tệp tin của một website, ta có thể kết luận chắc chăn website đó có sử dụng định kiểu ngoài (CSS ngoài).

Xem đáp án

Lời giải

A. Đúng. Sử dụng HTML kết hợp với CSS giúp giảm đáng kể lượng mã cần viết, vì CSS tách biệt phần thiết kế (giao diện) ra khỏi phần cấu trúc (nội dung). Khi có CSS, người phát triển chỉ cần viết định dạng một lần trong tệp CSS và có thể áp dụng cho nhiều phần tử trên các trang khác nhau, không cần lặp lại mã.

B. Đúng. Sử dụng HTML kết hợp với CSS giúp giảm đáng kể lượng mã cần viết, vì CSS tách biệt phần thiết kế (giao diện) ra khỏi phần cấu trúc (nội dung). Khi có CSS, người phát triển chỉ cần viết định dạng một lần trong tệp CSS và có thể áp dụng cho nhiều phần tử trên các trang khác nhau, không cần lặp lại mã.

C. Sai. Việc thay đổi giao diện của website sẽ khó khăn hơn khi không dùng CSS. CSS cho phép người dùng dễ dàng thay đổi giao diện bằng cách chỉnh sửa tệp CSS. Nếu không có CSS, toàn bộ phần định dạng phải được viết trực tiếp trong HTML, dẫn đến việc quản lý và thay đổi giao diện trở nên phức tạp và tốn nhiều thời gian.

D. Sai. Sự hiện diện của tệp .css không đảm bảo chắc chắn rằng website sử dụng định kiểu ngoài (external CSS). Có thể trang web có tệp CSS nhưng lại không sử dụng nó, hoặc chỉ sử dụng các phương pháp khác để định dạng như inline CSS (định kiểu trực tiếp trong thẻ HTML) hoặc internal CSS (định kiểu bên trong trang HTML thông qua thẻ <style>).

Câu 2

Khẳng định nào sau đây là sai?

A. Nếu một phần tử chịu tác động của cả định kiểu trong, định kiểu ngoài và định kiểu nội tuyến thì chúng sẽ hiển thị theo chỉ định của định kiểu nội tuyến.

B. Định kiểu nội tuyến là loại định kiểu gần với vị trí mã HTML thực sự được viết nhất.

C. Định kiểu ngoài luôn là cách định kiểu tốt và an toàn nhất trong ba cách định kiểu.

D. Sử dụng kết hợp định kiểu trong và định kiểu ngoài là cách dùng phổ biến hiện nay.

Xem đáp án

Lời giải

Đáp án: C. Sai. Mặc dù định kiểu ngoài (external CSS) là cách tốt để quản lý và bảo trì mã CSS, nó không phải lúc nào cũng là "tốt và an toàn nhất" trong mọi trường hợp. Có những trường hợp cần sử dụng định kiểu nội tuyến hoặc định kiểu trong để đáp ứng các yêu cầu cụ thể như cần định dạng tạm thời hoặc đáp ứng tính năng động của giao diện. An toàn nhất hay không còn phụ thuộc vào cách triển khai và mục đích của từng trang web.

Câu 3