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

BÀI E4: SỬ DỤNG CONTENT BLOCKS, BUTTON, DIVIDER

I - MỤC TIÊU BÀI HỌC

• Sử dụng được các công cụ Content Blocks, Button, Divider.

• Thực hiện được các thao tác tạo đường phân chia cho trang, sử dụng được các mẫu thiết kế giao diện có sẵn để tạo nhanh các nội dung cho trang.

• Tạo được nút bấm liên kết đến trang khác.

II - KIẾN THỨC CẦN GHI NHỚ

1. CÔNG CỤ CONTENT BLOCKS

- Chức năng: Công cụ Content Blocks (các khối nội dung) cung cấp các mẫu được thiết kế trước, các mẫu này chia nội dung thành các cột, sử dụng cho các dạng dữ liệu như văn bản, hình ảnh, Drive, YouTube, Calendar và Map. 

- Cách sử dụng: Nháy chọn thẻ Insert chọn 1 trong 6 mẫu thiết kế có sẵn

Trong đó, chứa các đối tượng được chèn; chứa văn bản.

- Chèn đối tượng vào các khối nội dung:

+ Chọn một mẫu thiết kế có sẵn Nháy chọn biểu tượng chọn một trong các tuỳ chọn:

• Upload (chèn hình ảnh trên máy tính).

• Select image (chèn hình ảnh trực tuyến).

• From Drive (chèn từ Drive).

• YouTube (chèn liên kết youtube.com).

• Calendar (chèn lịch Google).

• Map (chèn bản đồ Google). 

+ Việc nhập dữ liệu văn bản ở đây tương tự nhập văn bản trong công cụ Text box.

- Ngoài sáu mẫu thiết kế có sẵn trên Google Sites, có thể thay đổi bố cục trình bày của một mẫu bất kì bằng cách kéo thả các khối nội dung sang các vị trí khác phù hợp. 

Ví dụ: Thay đổi bố cục của Hình 4 (cột trái có hai đối tượng, cột phải có một đối tượng) thành cột trái có một đối tượng, cột phải có hai đối tượng bằng cách kéo thả đối tượng bên phải sang bên trái như Hình 5.

2. CÔNG CỤ DIVIDER

- Chức năng: Công cụ Divider (bộ chia) được dùng để tạo đường phân chia các nội dung trên trang web.

- Cách sử dụng: Nháy chọn thẻ Insert Công cụ Divider.

- Màu sắc đường phân chia được thiết lập theo màu giao diện của trang web. 

- Nếu muốn thay đổi màu đường phân chia thì phải thay đổi màu giao diện của trang web.

3. CÔNG CỤ BUTTON

- Chức năng: Công cụ Button (nút) được dùng để tạo nút bấm liên kết đến các trang web khác. 

- Cách tạo nút bấm: 

+ Chọn thẻ Insert → Công cụ Button.

+ Xuất hiện hộp thoại Insert button:

Nhập tên nút trong mục Name và chọn trang web cần liên kết đến khi nháy vào nút trong mục Link Insert.

- Màu sắc của nút: mặc định theo màu giao diện trang web. 

- Các tuỳ chọn định dạng cho nút:

+ Button style (kiểu nút): 

• Filled (tô màu nền).

• Outlined (đường viền).

• Text (văn bản).

+ Align (căn chỉnh).

+ Edit button (hiệu chỉnh nút) nếu muốn thay đổi nội dung nút hoặc thay đổi liên kết. 

+ Duplicate (sao chép).

+ Remove (xoá nút).