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 lý thuyết tin học 12 - sách Chân trời sáng tạo. Bài học này là kiến thức cốt lõi chung cho cả hai định hướng: Khoa học máy tính (cs) và Tin học ứng dụng (ict). Quý Thầy Cô và các em học sinh truy cập để làm tài liệu tham khảo nhé. Chúc Thầy Cô dạy tốt, chúc các em học sinh học giỏi.

1. Công cụ Content Blocks

- Content Blocks cung cấp các mẫu chia nội dung thành các cột để chèn dữ liệu như văn bản, hình ảnh, Drive, YouTube, Calendar và Map.
- Có thể chèn nội dung bằng cách chọn biểu tượng chèn và chọn nguồn dữ liệu phù hợp.
- Người dùng có thể thay đổi bố cục trình bày bằng cách kéo thả các đối tượng giữa các cột.
- Công cụ này cho phép hiệu chỉnh mẫu thiết kế sẵn linh hoạt để trình bày thông tin theo nhu cầu.

2. Công cụ Divider

- Dùng để tạo đường phân chia giữa các nội dung trên trang web.
- Được chèn thông qua Insert → Divider.
- Màu của Divider phụ thuộc vào màu giao diện trang web và không chỉnh màu riêng biệt được.

3. Công cụ Button

- Dùng để tạo nút liên kết đến các trang web khác.
- Insert → Button → nhập tên nút và liên kết.
- Có thể chỉnh định dạng nút như kiểu tô nền, đường viền, văn bản; căn chỉnh; hiệu chỉnh nội dung; sao chép hoặc xóa nút.

THỰC HÀNH

Nhiệm vụ: Dùng các công cụ đã học để thiết kế phần giữa trang chủ dựa trên trang web bán hàng đã tạo ở Bài E3.
Hướng dẫn thực hiện gồm 4 bước:
- Chèn Divider: Dùng Insert → Divider để tạo đường phân chia đầu tiên.
- Thiết kế phần thứ hai:
+ Dùng Content Blocks để tạo bố cục hai cột.
+ Chèn hình ảnh vào cột trái, văn bản vào cột phải.
+ Có thể di chuyển vị trí hình ảnh, chỉnh màu nền (Style 3).
- Thiết kế phần thứ ba:
+ Tạo bản sao phần thứ hai, chỉnh sửa nội dung, hình ảnh, màu nền (Style 1), di chuyển hình ảnh sang trái.
- Tạo nút “Xem thêm”:
+ Dùng Insert → Button, nhập tên nút và liên kết đến trang sản phẩm.
+ Di chuyển nút đặt dưới phần văn bản.
Kết quả: Hoàn thành nội dung giữa của trang chủ, sử dụng kết hợp hình ảnh và văn bản để tăng tính chuyên nghiệp.

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