Ngày soạn:…/…/…

Ngày dạy:…/…/…

BÀI 24: XÂY DỰNG PHẦN ĐẦU TRANG WEB

(2 tiết)

I. MỤC TIÊU

1. Kiến thức

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

• Nhận biết được cách tiếp cận của Google Sites thông qua cách Google Sites tổ chức giao diện tương tác người dùng.

• Làm phần đầu trang, xuất bản và chia sẻ để có thể làm việc nhóm.

2. Năng lực

Năng lực chung:

• Năng lực giao tiếp và hợp tác: Biết lựa chọn hình thức làm việc nhóm với quy mô phù hợp với yêu cầu và thực hiện tốt nhiệm vụ.

• Năng lực tự chủ và tự học: Chủ động học tập, tìm hiểu nội dung bài học, biết lắng nghe và trả lời nội dung trong bài học.

• Giải quyết vấn đề và sáng tạo: Trả lời được các câu hỏi, giải quyết được các vấn đề với sự hỗ trợ của công nghệ thông tin và truyền thông.

Năng lực Tin học:

• Kĩ năng thực hiện các thao tác làm tiêu đế: hình nền, văn bản tiêu đề chính, tiêu để phụ, logo, favicon, thông báo đầu trang.... và xuất bản trang web lên Internet.

Năng lực số:

• 5.2.NC1b: Lựa chọn và sử dụng thành thạo các tính năng của Google Sites để thiết kế giao diện web.

• 3.2.NC1a: Áp dụng nguyên tắc thẩm mỹ về bố cục, màu sắc, phông chữ khi thiết kế Banner và Tiêu đề.

• 6.1.NC1a: Hiểu cơ chế hiển thị thích ứng - Responsive Design trên đa nền tảng: Mobile, Tablet, PC.

• 6.2.NC1b: Sử dụng công cụ AI tạo ảnh để thiết kế Banner hoặc Logo độc bản thay vì chỉ tìm kiếm ảnh có sẵn.

Năng lực AI:

• 12.B2.1: Mức độ rủi ro với AI (Nhận diện rủi ro về mặt sở hữu trí tuệ, bản quyền tác giả khi sử dụng hình ảnh do Al tạo sinh để làm bộ nhận diện thương hiệu cho website).

• 12.C2.1: Các yêu cầu dành cho công cụ AI hỗ trợ các hoạt động học tập và xã hội (Đánh giá tính hiệu quả của công cụ AI tạo sinh trong việc thiết kế đồ họa banner/logo).

3. Phẩm chất

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

• Trung thực: Thực hiện đúng phần việc của bản thân và hợp tác làm việc nhóm khi được giao nhiệm vụ. Có ý thức báo cáo kết quả một cách chính xác.

• Trách nhiệm: Hoàn thành các bài tập theo yêu cầu của GV thông qua hệ thống câu hỏi, phiếu học tập, thông qua sản phẩm.

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

1. Đối với GV

• Máy chiếu, máy tính, màn hình hiển thị, hoặc ti vi.

• Phòng thực hành máy tính kết nối Internet.

• SGK, SGV Tin học 12 – Định hướng Tin học ứng dụng.

• Video AI tạo bằng công cụ AI được dùng để khởi động bài học.

2. Đối với HS

• Các dụng cụ học tập theo yêu cầu của GV; SGK Tin học 12 – Định hướng Tin học ứng dụng.

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

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

a. Mục tiêu: Giúp HS biết được những ưu điểm của Google Sites, tạo hứng thú tìm hiểu và sử dụng công cụ này.

b. Nội dung: GV sử dụng câu hỏi ở phần khởi động (SGK) và các câu hỏi thêm, HS suy nghĩ trả lời câu hỏi.

c. Sản phẩm học tập: Câu trả lời của HS.

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

Bước 1: GV chuyển giao nhiệm vụ học tập

- GV yêu cầu xem video AI được thiết kế để phục vụ bài dạy và trả lời câu hỏi xuất hiện trong video đó.

- GV gợi mở, giới thiệu:

Google Sites là một ứng dụng trong hệ sinh thái đa dạng của Google. Ứng dụng miễn phí này giúp người dùng xây dựng các trang web và xuất bản chúng lên Internet. Với Google Sites, một nhóm người dùng không chuyên về tin học vẫn có thể cùng nhau xây dựng các trang web theo một chủ đề nào đó.

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

- HS xem video và suy nghĩ câu trả lời.

- HS tiếp nhận, thực hiện nhiệm vụ.

- GV hướng dẫn, hỗ trợ HS (nếu cần thiết).

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

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

- 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 nhiệm vụ học tập

- GV nhận xét, đánh giá và kết luận.

[6.1.NC1a: HS sử dụng công cụ AI hoặc sản phẩm số do GV cung cấp để tiếp nhận thông tin, trả lời câu hỏi đơn giản.

2.1.NC1a: HS thực hiện các tương tác cơ bản với học liệu số (xem video, trả lời câu hỏi trên môi trường số).

1.1.NC1a: HS tiếp cận, khai thác được thông tin từ nguồn học liệu số dưới sự hướng dẫn của GV.]

- GV đánh giá kết quả của HS, dẫn dắt HS vào bài học mới: Thật khó hình dung về một công cụ làm trang web có thể giúp tạo trang web mà người sử dụng không cần biết về HTML, CSS, JavaScript,... Để có thể làm được điều đó Google Sites đã chọn hướng tiếp cận trực quan; thông qua giao diện tương tự như một hệ soạn thảo văn bản chuyên dụng hỗ trợ làm từng phân trang web. Trong bài này, trước tiên chúng ta làm quen với giao diện đầu tiên của Google Sites và thực hành làm phần đầu trang web và xuất bản trang web. - Bài 24: Xây dựng phần đầu trang web.

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

Hoạt động 1. Làm quen với giao diện đầu tiên của Google Sites

a. Mục tiêu:

- HS nhận diện được ba phần trong giao diện đầu tiên của Google Sites.

b. Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 1, thực hiện nhiệm vụ được giao.

c. Sản phẩm: Hình thành kiến thức bài học. HS nhận diện được ba phần trong giao diện đầu tiên của Google Sites.

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

Hoạt động 2. Tìm hiểu giao diện tạo phần đầu trang

a. Mục tiêu:

- HS biết được một số biện pháp chung để đảm bảo an toàn dữ liệu.

b. Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 2, thực hiện nhiệm vụ được giao.

c. Sản phẩm: Hình thành kiến thức bài học. HS biết được một số biện pháp chung để đảm bảo an toàn dữ liệu.

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