Slide bài giảng Tin học ứng dụng 12 chân trời bài E4: Sử dụng Content Blocks, Button, Divider

Tóm lược nội dung

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

A. KHỞI ĐỘNG

HS nghiên cứu nội dung hoạt động Khởi động SGK trang 64, suy nghĩ trả lời câu hỏi theo kiến thức của mình.

B. HOẠT ĐỘNG HÌNH THÀNH KIẾN THỨC

1. Công cụ Content Blocks

Công cụ Content Blocks dùng để làm gì?

Nội dung ghi nhớ:

Công cụ Content Blocks cho phép chèn vào trang web các dữ liệu: văn bản, hình ảnh, Drive, YouTube, Calendar, Map dưới dạng mẫu thiết kế có sẵn và có thể tuỳ ý hiệu chỉnh các mẫu này.

2. Công cụ Divider

Công cụ Divider dùng để làm gì?

Nội dung ghi nhớ:

Công cụ Divider tạo đường phân chia các nội dung trên trang web.

3. Công cụ Button

Công cụ Button dùng để làm gì?

Nội dung ghi nhớ:

Công cụ Button tạo nút bấm liên kết đến các trang web khác. 

THỰC HÀNH

Các bước sử dụng công cụ Content Blocks, Button, Divider 

Gợi ý đáp án:

- Bước 1: HS thực hiện chèn đường phân chia trang.

- Bước 2: HS thực hiện thiết kế nội dung phần thứ hai.

- Bước 3: HS thực hiện thiết kế nội dung phần thứ ba.

- Bước 4: HS thực hiện thiết kế nút “Xem thêm”. 

HOẠT ĐỘNG LUYỆN TẬP

GV giao nhiệm vụ cho HS, HS hoàn thành phiếu bài tập.

Gợi ý đáp án:

A. Trắc nghiệm

Câu 1: D; Câu 2: C; Câu 3: A; Câu 4: C ; Câu 5: B

B. Đúng/sai

a. S;b. Đ;c. S;d. S

C. Tự luận 

Câu 1. Công cụ Content Blocks cho phép chèn các đối tượng như văn bản, hình ảnh, chèn liên kết, lịch, bản đồ Google.

Câu 2. Có thể thay đổi bố cục trình bày của mẫu Content Blocks.

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

Câu 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 đó. Nháy chọn Edit button trong các tuỳ chọn định dạng cho nút hoặc nháy đúp chuột vào nút, nhập nội dung và liên kết mới cho nút, chọn Update để thay đổi nội dung và liên kết của nút đó. 

D. HOẠT ĐỘNG VẬN DỤNG

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.