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:

Hiểu khái niệm và chức năng của ngôn ngữ HTML.
Hiểu cấu trúc thẻ HTML, phần tử HTML, nhận dạng được thẻ HTML và phần tử HTML trong ví dụ cụ thể.
Hiểu và giải thích được cấu trúc trang web.
Biết về các phần mềm soạn thảo HTML, các ưu nhược điểm của từng phần mềm, từ đó lựa chọn được phần mềm soạn thảo phù hợp với nhiệm vụ và điều kiện thực tế.

Năng lực số:

1.1.NC1a: Đáp ứng được nhu cầu thông tin.
1.1.NC1b: Áp dụng được kỹ thuật tìm kiếm để lấy được dữ liệu, thông tin và nội dung trong môi trường số.
1.3.NC1a: Thao tác được thông tin, dữ liệu và nội dung để tổ chức, lưu trữ và truy xuất dễ dàng hơn.
3.1.NC1a: Áp dụng được các cách tạo và chỉnh sửa nội dung ở các định dạng khác nhau.
3.4.NC1a: Lập trình.
5.2.NC1a: Đánh giá và lựa chọn các công cụ số, môi trường kỹ thuật số phù hợp để giải quyết các vấn đề chuyên môn.
5.2.NC1b: Áp dụng được các công cụ số khác nhau và các giải pháp công nghệ có thể có để giải quyết vấn đề.
6.1.NC1a: Phân tích được cách AI hoạt động trong các ứng dụng cụ thể.

3. Phẩm chất

Hình thành ý thức trách nhiệm khi làm việc nhóm. Rèn tính cẩn thận, kiên trì, chăm chỉ học hỏi để hoàn thành nhiệm vụ được giao.

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

GV: KHBD, SGK, SBT Tin học 12 – Định hướng Khoa học máy tính – Kết nối tri thức, bài trình chiếu (Slide), phòng thực hành máy tính cài sẵn phần mềm soạn thảo HTML và kết nối Internet, máy chiếu, video AI tạo bằng công cụ AI được dùng để khởi động bài học, bộ câu hỏi trắc nghiệm trên phần mềm Quizizz.
HS: SGK, SBT Tin học 12 – Định hướng Khoa học máy tính – Kết nối tri thức, vở ghi.

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

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

…………………………………………..

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

Hoạt động 1: Tìm hiểu ngôn ngữ HTML và trang web

a) Mục tiêu: Giúp HS nhận biết được một số khái niệm, định nghĩa về trang web, thẻ HTML và phần tử HTML.

b) Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 1. Trang web và HTML, kết hợp với những hiểu biết thực tiễn để thực hiện nhiệm vụ.

c) Sản phẩm: Một số khái niệm, định nghĩa về trang web, thẻ HTML và phần tử HTML.

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

Hoạt động 2: Tìm hiểu cấu trúc cơ bản của một tệp HTML

a) Mục tiêu: HS nắm được cấu trúc trang web.

b) Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 2. Cấu trúc cơ bản của một tệp HTML để thực hiện nhiệm vụ.

c) Sản phẩm: Cấu trúc trang web.

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

…………………………………………..

Hoạt động 3: Tìm hiểu cách soạn thảo các tệp HTML

a) Mục tiêu: HS biết có nhiều phần mềm soạn thảo tệp HTML, ưu nhược điểm của từng phần mềm để lựa chọn phần mềm phù hợp với hoàn cảnh sử dụng.

b) Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 3. Phần mềm soạn thảo HTML, kết hợp với những hiểu biết thực tiễn để thực hiện nhiệm vụ.

c) Sản phẩm: Các cách soạn thảo HTML.

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

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

a) Mục tiêu: Giúp HS củng cố kiến thức đã học về HTML.

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

c) Sản phẩm học tập:

- Phiếu bài tập.

- HS hệ thống lại các kiến thức về HTML.

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

…………………………………………..

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

a) Mục tiêu:

- Tạo điều kiện cho HS tìm hiểu thêm các trang web hỗ trợ soạn thảo.

- HS vận dụng các kiến thức đã học giải quyết bài toán thực tế.

b) Nội dung: HS tìm hiểu và hoàn thành bài tập phần Vận dụng SGK tr.44.

c) Sản phẩm: Một số trang web hỗ trợ soạn thảo HTML trực tuyến và tệp HTML để tạo trang web theo yêu cầu.

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 HS hoạt động cá nhân và hoàn thành bài tập phần Vận dụng SGK tr.44.

Câu 1. Em hãy tìm trên mạng một số trang web hỗ trợ soạn thảo HTML trực tuyến.

Câu 2. Sử dụng phần mềm soạn thảo HTML để tạo trang web có nội dung như Hình 7.7. Lưu ý rằng thẻ <img> với tính năng thể hiện ảnh trên trang web có cú pháp: <img src=“tên tệp ảnh”>, trong đó “tên tệp ảnh” chính là đường dẫn của tệp hình ảnh cần hiển thị.