GA tích hợp NLS và AI Tin học 12 THUD Bài 23: Chuẩn bị xây dựng trang web

Giáo án năng lực số và AI Tin học 12 (ứng dụng) Bài 23: Chuẩn bị xây dựng trang web được biên soạn theo định hướng phát triển phẩm chất – năng lực. Nội dung có tích hợp NLS và AI giúp HS rèn luyện khả năng ứng dụng công nghệ, thao tác số ngay trong tiết học. Tài liệu ở dạng file Word, dễ chỉnh sửa – dễ tải về, phù hợp cho GV sử dụng từ năm học 2026.

Nội dung chi tiết

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

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

CHỦ ĐỀ 7: ỨNG DỤNG TIN HỌC

BÀI 23: CHUẨN BỊ XÂY DỰNG TRANG WEB

(3 tiết)

I. MỤC TIÊU

1. Kiến thức

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

Có nhận thức ban đầu về các thành phần của trang web và các bước thiết kế trang web.

2. Năng lực

Năng lực chung:

Năng lực học tập, tự học: HS biết tự tìm kiếm, chuẩn bị và lựa chọn tài liệu, phương tiện học tập trước giờ học, quá trình tự giác tham gia các và thực hiện các hoạt động học tập cá nhân trong giờ học ở trên lớp,…
Năng lực giao tiếp và hợp tác: Khả năng phân công và phối hợp thực hiện nhiệm vụ học tập.
Năng lực giải quyết vấn đề sáng tạo: HS đưa ra các phương án trả lời cho câu hỏi, bài tập xử lý tình huống, vận dụng kiến thức, kĩ năng của bài học để giải quyết vấn đề thường gặp.

Năng lực Tin học:

Xác định được cấu trúc chung của trang web.
Nhận diện được các thành phần chung của trang web thông qua các ví dụ cụ thể.
Nắm được các bước xây dựng trang web.
Thực hiện được bước chuẩn bị xây dựng trang web cho chủ đề được lựa chọn.

Năng lực số:

3.1.NC1a: Xây dựng kịch bản, cấu trúc phân cấp thông tin cho website.
3.2.NC1a: Áp dụng các nguyên tắc thẩm mỹ để thiết kế giao diện.
6.2.NC1b: Sử dụng công cụ AI để gợi ý bảng màu hoặc cấu trúc nội dung.
4.3.NC1a: Hiểu quy định về bản quyền hình ảnh, thông tin tác giả tại chân trang.
1.2.NC1a: Phân tích, đánh giá giao diện và trải nghiệm người dùng - UI/UX của các website mẫu.

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 bản quyền hình ảnh, nội dung và tính xác thực của thông tin khi sử dụng các mô hình AI tạo sinh để xây dựng tư liệu web).
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 AI trong việc gợi ý ý tưởng thiết kế, cấu trúc phân cấp thông tin và phối màu cho website).

3. Phẩm chất

Có ý thức chủ động tìm hiểu và cập nhật các kiến thức mới.
Cẩn thận, tỉ mỉ trong bước chuẩn bị xây dựng trang web, tạo điều kiện thuận lợi cho các bài học sau.

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

GV: SGK, SBT Tin học 12 – Định hướng Tin học ứng dụng, bài trình chiếu (Slide), máy chiếu, phòng máy tính có kết nối Internet, video AI tạo bằng công cụ AI được dùng để khởi động bài học.
HS: SGK, SBT Tin học 12 – Định hướng Tin học ứng dụng, vở ghi.

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

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

a) Mục tiêu:

- Khơi gợi nhu cầu sử dụng và thiết kế một trang web, từ đó dẫn dắt vào chủ đề sắp học.

- Tạo không khí hứng khởi khi bắt đầu tiết học.

b) Nội dung: GV đề cập việc HS quen thuộc với nhiều trang web trong các hoạt động hằng ngày, sau đó đưa ra các câu hỏi khơi gợi vấn đề.

c) Sản phẩm:

- Đặc điểm chung của các trang web.

- Những thứ cần chuẩn bị khi muốn xây dựng một trang web.

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

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

- 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 trình chiếu một số trang web:

+ VnExpress: https://vnexpress.net/

+ Bộ Giáo dục và Đào tạo: https://moet.gov.vn/

+ Shopee: https://shopee.vn/

- GV yêu cầu HS hoạt động cá nhân, quan sát các trang web và thực hiện hoạt động Khởi động SGK trang 126:

Từ kiến thức đã học, em đã biết khái niệm về trang web. Trong cuộc sống, học tập hằng ngày, em đã từng thấy nhiều trang web và sự phổ biến của chúng, chẳng hạn khi xem tin tức trên các báo điện tử, mạng xã hội,… Các trang web này có những đặc điểm chung gì? Cần chuẩn bị những gì khi muốn xây dựng một trang web?

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 quan sát các 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 hoạt động Khởi động.

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

Gợi ý trả lời:

+ Các trang web đều có cấu trúc gồm ba phần chính:

Đầu trang.
Thân trang.
Chân trang.

+ Các bước cần chuẩn bị để xây dựng trang web:

Định hình ý tưởng.
Xây dựng thiết kế.
Chuẩn bị tư liệu.

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

- 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: Hiện nay, Internet đã trở nên thông dụng và không thể thiếu trong cuộc sống. Website có vai trò rất quan trọng trong việc đưa mọi người đến với những thông tin mà mình đang cần. Vì vậy, việc học tập, tích luỹ kiến thức về làm trang web là điều cần thiết. Để có thể làm được trang web, cần tiếp cận như thế nào? Để giúp các em trả lời được câu hỏi này, chúng ta sẽ cùng nhau đến với Bài 23: Chuẩn bị xây dựng trang web.

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

Hoạt động 1: Thảo luận khám phá cấu trúc và đặc điểm chung của trang web

a) Mục tiêu: Giúp HS nhận biết được các thành phần chính của trang web.

b) Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 1. NHỮNG ĐẶC ĐIỂM CHUNG CỦA TRANG WEB và thực hiện nhiệm vụ.

c) Sản phẩm: Cấu trúc và đặc điểm chung của trang web.

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

Hoạt động 2: Cần làm gì khi bắt đầu xây dựng một trang web?

a) Mục tiêu: Giúp HS biết việc xây dựng trang web được bắt đầu bằng việc xác lập định hướng về mục đích trang web, đối tượng người dùng và định hướng thiết kế trang web.

b) Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 2. CÁC BƯỚC CHUẨN BỊ ĐỂ XÂY DỰNG TRANG WEB, thảo luận nhóm thực hiện nhiệm vụ.

c) Sản phẩm: Các bước chuẩn bị để xây dựng trang web.

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