Thực hành tổng hợp thiết kế trang web
Bài thực hành tổng hợp HTML và CSS để xây dựng website nhiều trang với bố cục và định dạng chung.
Hiểu bài
Dự án xây dựng website giới thiệu câu lạc bộ ngoại khoá yêu cầu tạo trang chủ và các trang riêng cho nhóm câu lạc bộ. Có thể dùng một tệp CSS chung: xác định bố cục, viết quy tắc trong style.css, rồi liên kết tệp đó từ các trang HTML. Mỗi khối bố cục được tạo bằng các phần tử div; các lớp như banner, slogan, row, block_3 và content tổ chức đầu trang, khẩu hiệu và nội dung. Ví dụ khối đầu có thể chứa <h2>CLB ngoại khoá trường THPT Nguyễn Bình Khiêm</h2>. Sau khi bổ sung CSS, các khối được sắp xếp, định dạng màu và phông theo thiết kế.
Trang chủ website câu lạc bộ với ảnh nhóm học sinh tung hứng ở đầu trang, các mục Học siêu - Chơi đỉnh, CLB Thể thao và CLB Nghệ thuật. SGK trang 102