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

Chỉ từ 400k mua trọn bộ Kế hoạch bài dạy (KHBD) hay Giáo án Tin học 12 Chân trời sáng tạo bản word chuẩn kiến thức, trình bày đẹp mắt, dễ dàng chỉnh sửa:

B1: gửi phí vào tk: 0711000255837 - NGUYEN THANH TUYEN - Ngân hàng Vietcombank (QR)
B2: Nhắn tin tới Zalo VietJack Official - nhấn vào đây để thông báo và nhận giáo án

I. MỤC TIÊU

1. Kiến thức

Sau bài học này, HS sẽ:

- Sử dụng được các công cụ Image carousel, Embed.

- Thực hiện được các thao tác tạo chuyển động cho hình ảnh, nhúng trang, nhúng mã vào trang web.

2. Năng lực

Năng lực chung:

- Tự chủ và tự học: Tự lực (Chủ động, tích cực thực hiện công việc của bản thân).

- Giao tiếp và hợp tác: Xác định trách nhiệm và hoạt động của bản thân (Phân tích được các công việc cần thực hiện để hoàn thành nhiệm vụ của nhóm trong các hoạt động nhóm).

- Giải quyết vấn đề và sáng tạo: Hình thành và triển khai ý tưởng mới (Nêu được nhiều ý tưởng mới trong học tập, suy nghĩ không theo lối mòn, tạo ra yếu tố mới dựa trên những ý tưởng khác nhau).

Năng lực Tin học:

- NLc (Giải quyết vấn đề với sự hỗ trợ của công nghệ thông tin và truyền thông): Sử dụng được phần mềm Google Sites để tạo một trang web.

3. Phẩm chất

- Chăm chỉ: Tích cực tìm tòi và sáng tạo trong việc học tập.

- Trách nhiệm: Tích cực, tự giác và nghiêm túc rèn luyện sử dụng thành thạo phần mềm Google Sites.

II. THIẾT BỊ DẠY HỌC VÀ HỌC LIỆU

1. Đối với giáo viên

- SGK, SBT Tin học 12 – Định hướng Tin học ứng dụng – Chân trời sáng tạo, bài trình chiếu (Slide), máy chiếu, phòng máy tính có kết nối Internet, phiếu học tập.

2. Đối với học sinh

• SGK, SBT Tin học 12 – Định hướng Tin học ứng dụng – Chân trời sáng tạo, vở ghi.

III. TIẾN TRÌNH DẠY HỌC

A. HOẠT ĐỘNG KHỞI ĐỘNG

a) Mục tiêu: Tạo động lực để HS muốn tìm hiểu về việc tạo hình ảnh chuyển động trong trang web.

b) Nội dung: 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.

c) Sản phẩm: Từ yêu cầu, HS vận dụng sự hiểu biết để trả lời câu hỏi Khởi động SGK trang 78.

d) Tổ chức thực hiện:

Bước 1: GV chuyển giao nhiệm vụ:

- GV trình chiếu trang web https://www.cgv.vn/, cho HS xem các hình ảnh chuyển động để gợi ý cho HS trả lời câu hỏi Khởi động SGK trang 78.

- GV yêu cầu HS hoạt động cá nhân, suy nghĩ trả lời câu hỏi Khởi động tr.78SGK: Theo em, mục đích của việc tạo các hình ảnh chuyển động trong trang web để làm gì? Trong Google Sites có công cụ nào thực hiện được việc này không?

Bước 2: HS thực hiện nhiệm vụ học tập:

- HS quan sát trang web và trả lời câu hỏi.

- GV quan sát và hỗ trợ HS khi cần thiết.

Bước 3: Báo cáo kết quả hoạt động, thảo luận:

- GV mời một số HS xung phong trả lời câu hỏi Khởi động tr.78 SGK.

Gợi ý trả lời:

+ Mục đích của việc tạo các hình ảnh chuyển động trong trang web:

• Trang trí làm cho trang web sống động hơn.

• Cải thiện điều hướng và tương tác.

• Thiết kế theo xu hướng kể truyện.

• Tăng tính linh hoạt và trải nghiệm của người dùng.

+ Những công cụ trong Google Sites giúp thực hiện được việc này:

• Công cụ Image carousel.

• Công cụ Embed.

- HS khác lắng nghe, nhận xét và bổ sung.

Bước 4: Đánh giá kết quả thực hiện:

GV đánh giá kết quả của HS, dẫn dắt HS vào bài học mới: Trong bài học trước, em đã tạo xong nội dung cho trang chủ bằng cách sử dụng các công cụ Divider, Content Blocks, Button. Để nối tiếp bài học, thầy/cô và lớp mình sẽ tìm hiểu các công cụ Image carousel, Embed để thiết kế nội dung cho trang Sản phẩm, Tin tức với Bài E5: Nhúng mã và tạo băng chuyền hình ảnh.

B. HÌNH THÀNH KIẾN THỨC MỚI

Hoạt động 1: Công cụ Image carousel

a) Mục tiêu: Cung cấp cho HS các hướng dẫn để thiết kế trình chiếu hình ảnh trên trang web với công cụ Image carousel (băng chuyền hình ảnh).

b) Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 1. Công cụ Image carousel, thảo luận nhóm và thực hiện nhiệm vụ.

c) Sản phẩm: HS biết cách sử dụng công cụ Image carousel.

d) Tổ chức thực hiện:

HOẠT ĐỘNG CỦA GV VÀ HS

SẢN PHẨM DỰ KIẾN

a) Tạo mới băng chuyền hình ảnh

Bước 1: GV chuyển giao nhiệm vụ:

- GV yêu cầu HS thảo luận theo nhóm 2 – 3 HS và trả lời các câu hỏi:

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

+ Để tạo mới và chèn băng chuyền hình ảnh vào trang web, em thực hiện như thế nào?

Bước 2: HS thực hiện nhiệm vụ học tập:

- HS tìm hiểu nội dung mục 1a SGK tr.78 – 79 và thảo luận theo nhóm thực hiện nhiệm vụ.

- GV quan sát và trợ giúp HS.

Bước 3: Báo cáo kết quả hoạt động, thảo luận:

- Đại diện các nhóm HS trả lời.

- Các nhóm khác đưa ra ý kiến nhận xét.

Bước 4: Đánh giá kết quả thực hiện:

- GV nêu nhận xét, chính xác hoá lại các nội dung trả lời của HS.

1. Công cụ Image carousel

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.

a) Tạo mới băng chuyền hình ảnh

- Cách sử dụng công cụ Image carousel để tạo mới và chèn băng chuyền hình ảnh vào trang web:

+ Nháy chọn thẻ Insert → Công cụ Image carousel.

+ Tại hộp thoại Insert images, nháy chọn biểu tượng Add image → Chọn Upload image hoặc Select image để chọn lần lượt các hình ảnh cần chèn.

Hình 1. Hộp thoại Insert images

+ Chỉnh sửa hình ảnh sau khi tải lên: Chọn hình ảnh → Chọn remove image (xoá hình ảnh) hoặc add text (thêm văn bản mô tả hình ảnh).

+ Sau khi hoàn hiện, chọn Insert.

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

Hình 2. Tạo băng chuyền hình ảnh

- Lưu ý: Chọn ít nhất 2 hình ảnh để tạo băng chuyển hình ảnh.

................................

Trên đây tóm tắt một số nội dung miễn phí trong bộ Giáo án Tin học 12 Chân trời sáng tạo mới nhất, để mua tài liệu đầy đủ, Thầy/Cô vui lòng xem thử:

Xem thử

Xem thêm các bài soạn Giáo án Tin học lớp 12 Chân trời sáng tạo hay, chuẩn khác:

Trang trước Trang sau

Đề thi, giáo án lớp 12 các môn học