BÀI E4 - SỬ DỤNG CONTENT BLOCKS, BUTTON, DIVIDER (CTST

BÀI E4 - SỬ DỤNG CONTENT BLOCKS, BUTTON, DIVIDER (CTST - ICT)

Đây là bài soạn gợi ý trả lời SGK tin học 12 (bộ sách Chân trời sáng tạo). Bài này thuộc định hướng: Tin học ứng dụng (ICT). Các em truy cập vào để tham khảo nhé. Chúc các em có nhiều sức khỏe và chăm ngoan học giỏi.

(trang 72 sách ict)

Khi thiết kế nội dung cho trang chủ, em có nên thiết kế kết hợp giữa hình ảnh và văn bản hay không? Để thiết kế giao diện trang web như Hình 1, em sử dụng công cụ nào?

Gợi ý trả lời

- Có. Việc kết hợp hình ảnh và văn bản giúp:
+ Tăng tính thẩm mỹ và hấp dẫn.
+ Làm rõ nội dung, thu hút sự chú ý.
- Để thiết kế giao diện trang web như Hình 1, em sử dụng công cụ Content Blocks – dùng để chèn các mẫu nội dung có sẵn gồm văn bản và hình ảnh theo bố cục định dạng sẵn.

(trang 73 sách ict)

1. Để thiết kế nội dung trang web theo mẫu cho trước thì em sử dụng công cụ nào?
2. Công cụ Content Blocks cung cấp bao nhiêu mẫu thiết kế có sẵn?

Gợi ý trả lời

1. Để thiết kế nội dung trang web theo mẫu cho trước, em sử dụng công cụ: Content Blocks - là công cụ giúp thiết kế nội dung nhanh chóng theo mẫu định dạng sẵn, rất phù hợp để trình bày các phần giới thiệu, dịch vụ, tin tức,...
2. Công cụ Content Blocks cung cấp 6 mẫu thiết kế có sẵn: các mẫu gồm sự kết hợp khác nhau giữa hình ảnh và văn bản (trái – phải, chia cột, lưới,...).

(trang 74 sách ict)

Theo em, màu sắc đường phân chia trang web có thay đổi được hay không?

Gợi ý trả lời

Theo em, màu sắc đường phân chia trang web không thể thay đổi. Google Sites hiện chỉ hỗ trợ một kiểu đường kẻ đơn giản để chia mục, và không hỗ trợ thay đổi màu sắc của đường Divider.

(trang 74 sách ict)

Em có thể tuỳ ý thay đổi màu sắc của nút hay không? Có bao nhiêu tuỳ chọn thay đổi màu sắc của nút?

Gợi ý trả lời

- Không thể tùy ý chọn mọi màu.
- Google Sites cho phép 3 tùy chọn màu nút:
1. Filled (Đầy màu)
2. Outlined (Viền)
3. Text (Chỉ văn bản)
→ Các tùy chọn màu nút liên quan đến màu của theme hiện tại, không chọn màu tùy ý bằng bảng màu.

(trang 74 sách ict)

1. Công cụ Content Blocks cho phép chèn các đối tượng nào? Em hãy kể tên các đối tượng đó.
2. Em hãy cho biết có thể thay đổi bố cục trình bày của mẫu Content Blocks không.
3. Nếu thay đổi màu sắc đường phân chia thì có ảnh hưởng đến màu của giao diện của trang web không?
4. Sau khi tạo liên kết cho một nút, em có thể thay đổi nội dung và liên kết của nút đó không?

Gợi ý trả lời

1. Công cụ Content Blocks cho phép chèn các đối tượng sau:
- Văn bản (Text)
- Hình ảnh (Image)
- Liên kết (Links)
- Nút bấm (Button)
- Video (nếu chèn thủ công vào khu vực đó)
2. Có thể tùy chỉnh một phần:
- Có thể thay đổi vị trí hình ảnh và văn bản trong giới hạn khuôn mẫu.
- Không thể tự do kéo – thả như thiết kế tùy chỉnh hoàn toàn.
3. Không. Vì màu của đường Divider không thể thay đổi, nên nó không ảnh hưởng đến màu giao diện của toàn trang web.
4. Có. Người dùng có thể:
- Đổi tên nút (nội dung hiển thị).
- Thay đổi địa chỉ liên kết (URL).
→ Linh hoạt cập nhật nội dung mà không cần tạo nút mới.

(trang 77 sách ict)

Với trang web chủ đề danh lam thắng cảnh ở địa phương em, hãy thiết kế phần nội dung cho trang chủ. Trang thiết kế gồm các yêu cầu: Có thể chia trang thiết kế làm 3 phần như sau: phần thứ nhất chứa đường phân chia; phần thứ hai, thứ ba tuỳ chọn sử dụng các mẫu trong Content Blocks để thiết kế nội dung và sử dụng các hình ảnh tuỳ chọn liên quan đến chủ đề. Sử dụng màu cho phần thứ hai, thứ ba tuỳ chọn.

Gợi ý cách thực hiện:

1. Nháy vào “Trang chủ”
2. Nháy “+” → chọn bố cục gồm 2 phần hoặc hình ảnh + văn bản
3. Phần 1: Thêm đường phân cách
- Nháy “+” → Dòng kẻ ngang
4. Phần 2 & 3:
- Dùng bố cục “Hình ảnh – Văn bản” để thêm nội dung:
+ Lịch sử Chùa Thiên Mụ
+ Các điểm đặc trưng: tháp Phước Duyên, chuông Đại Hồng Chung, vườn cảnh

---The end!---

CÙNG CHUYÊN MỤC:

CHỦ ĐỀ A. MÁY TÍNH VÀ XÃ HỘI TRI THỨC

Bài A1. Giới thiệu Trí tuệ nhân tạo
Bài A2. Trí tuệ nhân tạo và cuộc sống
Bài A3(ict). Thực hành kết nối thiết bị số với máy tính
Bài A4(ict). Thực hành kết nối thiết bị số với máy tính (tiếp theo)

CHỦ ĐỀ B. MẠNG MÁY TÍNH VÀ INTERNET

Bài B1. Thiết bị và giao thức mạng
Bài B2. Các chức năng mạng của hệ điều hành
Bài B3. Thực hành kết nối và sử dụng mạng trên thiết bị thông minh
Bài B4(cs). Vai trò của các thiết bị mạng
Bài B5(cs). Đường truyền hữu tuyến và vô tuyến
Bài B6(cs). Thiết kế mạng nội bộ
Bài B7(cs). Thực hành thiết kế mạng nội bộ

CHỦ ĐỀ D. ĐẠO ĐỨC, PHÁP LUẬT VÀ VĂN HÓA TRONG MÔI TRƯỜNG SỐ

Bài D1. Giao tiếp trong không gian mạng
Bài D2. Giữ gìn tính nhân văn trong không gian mạng

CHỦ ĐỀ E. ỨNG DỤNG TIN HỌC

Bài E1(ict). Tạo trang web, thiết lập giao diện và xem trước trang web
Bài E2(ict). Tạo, hiệu chỉnh trang web và thiết kế thanh điều hướng
Bài E3(ict). Tạo văn bản, chèn hình ảnh và tạo chân trang
Bài E4(ict). Sử dụng Content Blocks, Buttun, Divider
Bài E5(ict). Nhúng mã và tạo băng chuyền hình ảnh
Bài E6(ict). Chèn YouTube, Calendar, Drive và Collapsible group
Bài E7(ict). Sử dụng Map, Form và các thiết lập trang web
Bài E8(ict). Hoàn thiện và xuất bản trang web

CHỦ ĐỀ F. GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH