Lập kế hoạch website câu lạc bộ

Website Câu lạc bộ Mây giúp người đọc tìm hiểu hai nhóm hoạt động. Trước khi viết CSS, chốt nội dung chính và đích của từng liên kết. | Tệp | Vai trò trong mẫu | |---|---| | index.html |Giới thiệu chung và dẫn tới hai nhóm| | thethao.html |Giới thiệu Thể thao và lịch mẫu| | nghethuat.html |Giới thiệu Nghệ thuật, ảnh và video minh họa| | dang_ki.html |Thử chọn câu lạc bộ bằng biểu mẫu| | ket_qua.html |Đích tĩnh của lần gửi thử, không lưu đăng kí| Thanh điều hướng dùng cùng tên ở các trang. Nhãn “Thể thao” cần dẫn tới đúng phần Thể thao; không chỉ làm nút có hình thức giống liên kết.

Đầu trang chứa banner, tên website, điều hướng và ba ô khẩu hiệu. Nội dung chính có các hàng hai cột để ghép ảnh với giới thiệu; cuối trang có liên kết sang các trang còn lại. Những khối có cách trình bày giống nhau dùng chung class. Mẫu chia ba ô khẩu hiệu bằng block_3 và hai cột nội dung bằng block_2. Trước hết dựng các vùng lớn, rồi thêm từng ô và nội dung.

```text g12-css-b18/ index.html thethao.html nghethuat.html dang_ki.html ket_qua.html css/ style.css style_khac.css assets/ banner.svg thethao.svg nghethuat.svg minh_hoa.mp4 ``` Trang chủ và hai trang giới thiệu là phần chính của website. dang_ki.html là phần mở rộng có biểu mẫu; ket_qua.html là trang đích tĩnh để thử GET. style.css dùng chung; style_khac.css là phương án thiết kế thứ hai để đối chiếu. Các tệp SVG và video trong mẫu do BTVN dựng. Lịch và tên câu lạc bộ đều là dữ liệu giả định. Khi tự thay bằng tư liệu khác, cần có quyền sử dụng và kiểm nội dung trước; không lấy ảnh cá nhân hoặc lịch chưa xác nhận chỉ để lấp chỗ trống.