Nhìn trang theo ba phần
Trong mẫu bố cục đang học, **đầu trang** giới thiệu website và hỗ trợ điều hướng; **thân trang** trình bày nội dung chính; **chân trang** thường có thông tin chủ thể, liên hệ hoặc ghi công.
| Thành phần | Vai trò thường gặp |
|---|---|
| Logo, tên website |Giúp nhận diện website|
| Favicon |Biểu tượng nhỏ có thể xuất hiện ở thẻ trình duyệt|
| Tiêu đề trang |Nêu nội dung của trang đang mở|
| Thanh điều hướng |Dẫn tới các trang hoặc nhóm nội dung|
| Khối nội dung |Gom một phần văn bản, ảnh hoặc nội dung nhúng liên quan|
Tên website và tiêu đề từng trang có thể khác nhau. Đây là mẫu bố cục để phân tích, không phải mọi trang trên Internet đều có hình thức giống hệt.
Bắt đầu từ nhu cầu người đọc
Thực hiện theo mạch: **định hình ý tưởng → thiết kế → chọn công cụ và chuẩn bị tư liệu**.
1. Xác định website giúp ai làm việc gì, cần những nội dung nào.
2. Lập dàn ý, nhóm các nội dung thành trang, phác đầu–thân–chân trang và điều hướng.
3. Chọn phông chữ, cỡ chữ và màu sắc nhất quán, đủ rõ giữa chữ với nền.
4. Chọn công cụ, chuẩn bị văn bản và tư liệu được phép dùng, ghi nguồn khi cần.
Google Sites hỗ trợ dựng trang trực quan theo cách học trong SGK. Công cụ giúp thêm và sắp xếp nội dung; việc chọn nội dung đúng và phù hợp người đọc vẫn cần được thực hiện trước.
Một đề tài xuyên suốt: Góc đọc xanh
Ví dụ giả định: nhóm xây website giúp học sinh cùng lớp tìm cách chọn sách, lập kế hoạch đọc và trao đổi sau khi đọc.
| Trang hoặc nhóm trang | Nội dung dự kiến |
|---|---|
| Trang chủ |Giới thiệu ngắn, các khối tóm tắt dẫn tới bài chi tiết|
| Đọc sách |Bài Chọn sách và Kế hoạch đọc|
| Ghi chép |Bài Ghi chép sau đọc và Trao đổi|
| Góp ý |Biểu mẫu nhận ý kiến về nội dung cần bổ sung|
Bộ tư liệu có bốn bài viết ngắn, ảnh PNG gốc BTVN, logo, favicon và bảng phản hồi giả định. Tải, giải nén rồi đọc `noi-dung.txt` trước khi dựng trang. Đây là nguyên liệu thực hành, chưa phải website hoặc biểu mẫu đã được tạo trên Google.
Bài luyện
Trước khi chọn ảnh nền và hiệu ứng cho website, cần chốt điều gì trước?
Số màu phụ thuộc thiết kế và chưa quyết định nhu cầu người đọc.
Độ dài bằng nhau không phải mục đích chung của website.
Đúng. Những yếu tố này định hướng bố cục và tư liệu.
Biết hiệu ứng chưa cho biết website cần phục vụ việc gì.
Lời giải
Website được thiết kế để giúp người đọc giải quyết nhu cầu cụ thể. Mục đích, đối tượng và nội dung cần có là căn cứ chọn bố cục, ảnh, màu và chức năng; chọn hiệu ứng trước có thể làm lệch trọng tâm.
Bài luyện
Website tên “Góc đọc xanh” có một trang tiêu đề “Kế hoạch đọc”. Nhận xét nào đúng?
Đúng. Hai thành phần có vai trò khác nhau.
Trang trong cùng website có thể có tiêu đề khác nhau.
Tiêu đề không tự quyết định tên tệp ảnh.
Favicon là biểu tượng nhỏ, không thay toàn bộ tiêu đề.
Lời giải
Tên website giúp nhận diện tập hợp các trang. Tiêu đề “Kế hoạch đọc” giúp biết nội dung trang đang mở. Chúng có thể khác nhau và không đồng nhất với tên ảnh hoặc favicon.
Bài luyện
Cách bố trí nào phù hợp mẫu ba phần đang học?
Tên website cần ngắn và không thay thân bài.
Ảnh chữ nhỏ có thể khó đọc, khó cập nhật.
Tên tệp không thay các liên kết hiển thị.
Đúng. Mỗi phần đảm nhiệm nhóm thông tin phù hợp.
Lời giải
Đầu trang giúp nhận diện và tìm đường; thân trang cung cấp nội dung chính; chân trang có thông tin chủ thể, liên hệ hoặc ghi công. Cách phân vai này giúp người đọc tìm nội dung thuận tiện hơn.
Đang học