Thực hành tổng hợp thiết kế trang web
Bài thực hành tích hợp HTML và CSS để xây dựng website nhiều trang có bố cục, lớp định dạng và nội dung thống nhất.
Hiểu bài
Dự án website tổng hợp
Bài thực hành yêu cầu tạo một website hoàn chỉnh bằng HTML và CSS để giới thiệu các câu lạc bộ ngoại khoá. Website cần trang chủ và các trang riêng phù hợp với số nhóm hoặc câu lạc bộ; phương án đơn giản gồm trang chủ, trang câu lạc bộ thể thao và trang câu lạc bộ nghệ thuật. Bố cục được chia thành các khối như đầu trang, khẩu hiệu, nội dung và cuối trang. Các khối HTML dùng phần tử div, còn cách sắp xếp, phông chữ, màu và kích thước được định nghĩa trong một tệp CSS dùng chung. Ví dụ mã có các lớp banner, slogan, row, block_3 và text-content. Sau khi xây dựng cần tổng hợp, kiểm tra và tinh chỉnh toàn website.
Trang chủ website câu lạc bộ với ảnh banner trên cùng và các khối nội dung cho Học siêu - Chơi đỉnh, CLB Thể thao, CLB Nghệ thuật. SGK trang 103