Giáo án và PPT Tin học ứng dụng 12 chân trời Bài E5: Nhúng mã và tạo băng chuyền hình ảnh

BÀI E5: NHÚNG MÃ VÀ TẠO BĂNG CHUYỀN HÌNH ẢNH

A. KHỞI ĐỘNG

HS nghiên cứu nội dung hoạt động Khởi động SGK trang 78, 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ụ Image carousel 

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

Kết luận:

Công cụ Image carousel (băng chuyền hình ảnh) dùng để trình chiếu hình ảnh trên trang web hay các hình ảnh sẽ tự chuyển động theo dạng băng chuyền. 

2. Công cụ Embed  

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

Kết luận:

Công cụ Embed (nhúng) dùng để nhúng một liên kết trang web hoặc nhúng mã định dạng web. 

THỰC HÀNH

Các bước tạo băng chuyền hình ảnh bằng công cụ Image carousel

Kết luận:

- Bước 1: HS thực hiện thay đổi hình bìa trang Sản phẩm.

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

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

Các bước sử dụng công cụ Embed để nhúng mã

Kết luận:

- Bước 1: HS thực hiện nhúng trang web thứ nhất.

- Bước 2: HS thực hiện nhúng trang web thứ hai.

C. 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.

Đáp án gợi ý:

A. Trắc nghiệm

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

B. Đúng/sai

Câu 1. a. S;b. S;c. Đ;d. Đ

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

Câu 1. Thiết kế nội dung trang Điểm đến cho trang web chủ đề danh lam thắng cảnh ở quê hương em, thông tin là các điểm danh lam thắng cảnh đó. Trang thiết kế có thể bố trí thành 2 phần gồm các yêu cầu sau:

Phần thứ nhất hiển thị từ 3 – 5 hình ảnh các điểm danh lam thắng cảnh, các hình ảnh

hiển thị dạng băng chuyền, phía trên có tiêu đề văn bản “Các điểm danh lam thắng cảnh”.

Phần thứ hai hiển thị từ 2 – 4 hình ảnh danh lam thắng cảnh, 2 hình ảnh hiển thị trên 1 dòng 2 cột, bên dưới mỗi địa điểm hiển thị tên địa điểm và nút xem thêm. Phía trên phần thiết kế thứ hai có tiêu đề văn bản “Các địa điểm tham quan”.

Tải hình ảnh liên quan đến chủ đề từ các trang chia sẻ hình ảnh miễn phí trên Internet.

Câu 2. Thiết kế nội dung trang Tin tức cho trang web chủ đề danh lam thắng cảnh, thông tin là trang tin tức thực hiện nhúng bài viết của các trang tin tức danh lam thắng cảnh. Trang thiết kế có thể bố trí thành 2 phần gồm các yêu cầu sau: nhúng 2 trang web liên quan đến chủ đề, hiển thị các thông tin hình ảnh, tiêu đề bài viết và mô tả ngắn của bài viết đó.