Bài E4. Sử dụng Content Blocks, Button, Divider

1. Công cụ Content Blocks

• Content Blocks (các khối nội dung) cung cấp các mẫu thiết kế sẵn để chia nội dung thành các cột, sử dụng cho văn bản, hình ảnh, Drive, YouTube, Calendar và Map.

• Để sử dụng, chọn thẻ Insert → Content Blocks, có 6 tùy chọn mẫu (Hình 2).

Các biểu tượng trong Content Blocks:

• Biểu tượng hình ảnh: chứa các đối tượng được chèn.

• Biểu tượng văn bản: chứa nội dung văn bản.

Cách chèn đối tượng:

• Nhấp vào biểu tượng ​ → Chọn một trong các tùy chọn: Upload (từ máy tính), Select image (hình ảnh trực tuyến), From Drive, YouTube, Calendar, Map

Thay đổi bố cục:

• Kéo thả khối nội dung sang vị trí khác để thay đổi bố cục.

• Ví dụ: từ bố cục hai đối tượng – một đối tượng → thành một đối tượng – hai đối tượng (Hình 4).

• Kết quả sau điều chỉnh hiển thị như Hình 5.

​2. Công cụ Divider

• Divider  (bộ chia) dùng để tạo đường phân cách giữa các nội dung trên trang web.

• Để sử dụng: Insert → Divider.

• Đường phân chia được chèn vào trang, màu sắc phụ thuộc vào giao diện trang web.

• Nếu muốn đổi màu đường chia, cần đổi giao diện của trang.

3. Công cụ Button

• Button  (nút) dùng để tạo nút bấm liên kết đến trang khác.

• Để dùng: Insert → Button.

Cách tạo nút:

• Hộp thoại Insert button hiện ra (xem Hình 6):

  • Nhập Name (tên nút)

  • Nhập Link (địa chỉ liên kết)

  • Nhấn Insert

Các tùy chọn nút (Hình 7):

• Button style: Filled (nền màu), Outlined (viền), Text (chỉ văn bản).

• Align (căn chỉnh), Edit button (chỉnh sửa), Duplicate (sao chép), Remove (xóa).