Tạo bản nháp và nhận diện vùng làm việc
Dùng máy tính có trình duyệt, Internet và tài khoản học tập được phép sử dụng Google Sites. Mở `sites.google.com`, chọn trang trống hoặc mẫu phù hợp. Các thẻ **Chèn (Insert)**, **Trang (Pages)** và **Giao diện (Themes)** giúp thêm nội dung, quản lí trang và chọn cách trình bày.
| Thông tin | Ví dụ của dự án |
|---|---|
| Tên tài liệu được lưu trong Drive |Góc đọc xanh — bản thực hành|
| Tên website hiển thị |Góc đọc xanh|
| Tiêu đề trang chủ |Cùng chọn một cuốn sách|
Nhập tên ở đúng vùng. Việc bản nháp được lưu tự động chưa có nghĩa người đọc đã xem được bản đã công bố.
Bài luyện
Đổi tên tài liệu trong Drive thành “Góc đọc xanh — bản thực hành” có nghĩa gì?
Tên tài liệu và tiêu đề từng trang là các thông tin khác nhau.
Đúng. Cần phân biệt nơi nhập và vai trò của từng tên.
Đổi tên không thay bước công bố hoặc quyền xem.
Tên tài liệu không đổi tên mọi ảnh.
Lời giải
Tên tài liệu giúp quản lí bản Sites được lưu; tên website và tiêu đề trang là nội dung hiển thị ở những vùng khác. Sau khi đổi tên tài liệu, vẫn cần nhập và kiểm riêng các tên hiển thị theo thiết kế.
Thiết lập phần đầu trang bằng tư liệu mẫu
Dùng các tệp trong bộ tư liệu đã tải:
1. Nhập tên website; trong cài đặt hình ảnh thương hiệu, thêm `logo.png` và `favicon.png` vào đúng mục.
2. Chọn **Loại tiêu đề (Header type)** phù hợp; đổi hình ảnh đầu trang bằng `banner.png`.
3. Nhập tiêu đề chính và phụ, định dạng cỡ chữ, màu và căn lề. Có thể thử tiêu đề chính hai dòng và phần mô tả phụ hai dòng để quan sát bố cục.
4. Kiểm vùng cắt ảnh, vị trí chữ và khả năng đọc. Nếu dùng thông báo đầu trang, thêm lời ngắn đúng tình trạng, rồi sửa hoặc tắt khi không còn phù hợp.
5. Mở **Xem trước (Preview)** ở các kích thước và quay lại chỉnh sửa.
Kết quả mong đợi là đầu trang có nhận diện rõ, tiêu đề đọc được và ảnh không che nội dung quan trọng. Tên nút có thể khác theo ngôn ngữ giao diện; đối chiếu theo chức năng.
Ảnh đẹp nhưng chữ chưa rõ
Tình huống giả định: ảnh nền đặt đúng nhưng chữ tiêu đề khó đọc. Cần chỉnh vùng ảnh, màu chữ hoặc cách trình bày để giữ nội dung rõ ở cả màn hình hẹp.
Nếu chữ chỉ dễ đọc trong vùng biên tập, chưa thể coi phần đầu trang hoàn thiện. Xem trước giúp thấy ảnh bị cắt hoặc tiêu đề xuống dòng không phù hợp; thay đổi định dạng cần dựa vào kết quả đó.
Bài luyện
Favicon và logo được dùng thế nào trong bài thực hành?
Logo có vai trò nhận diện, không thay thân bài.
Biểu tượng không quyết định quyền xem.
Đúng. Cần đặt tệp vào đúng chức năng.
Mục điều hướng được tạo riêng, không bắt buộc nằm trong biểu tượng.
Lời giải
Logo giúp nhận diện trong giao diện website, còn favicon là biểu tượng nhỏ có thể xuất hiện ở thẻ trình duyệt. Dù có thể dùng thiết kế cùng chủ đề, chúng được thiết lập ở các mục tương ứng và không thay nội dung hoặc quyền truy cập.
Bài luyện
Bản nháp vừa được lưu tự động. Cách nào kiểm được phần đầu trang ở kích thước điện thoại trước khi công bố?
Tên tệp không cho thấy bố cục màn hình hẹp.
Logo không đại diện toàn bộ ảnh nền và chữ.
Lưu dữ liệu không tự đánh giá cách hiển thị.
Đúng. Cần quan sát kết quả ở bố cục tương ứng.
Lời giải
Xem trước cho phép quan sát trang ở các kích thước. Cần kiểm chữ, ảnh cắt và xuống dòng trên bố cục hẹp, rồi chỉnh bản nháp nếu cần. Việc tự lưu chỉ giữ thay đổi, không thay bước quan sát này.
Đang học