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 sử dụng CSS làm trang web.

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 nhiệm vụ được giao.

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

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

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.
SGK, SGV Tin học 12 – Định hướng Tin học ứng dụng – Chân trời sáng tạo.

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

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 – Chân trời sáng tạo.

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

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

a. Mục tiêu: Ôn tập lại kiến thức về trình bày trang web bằng các thẻ HTML và CSS.

b) Nội dung: HS ôn tập lại kiến thức về định dạng bảng.

c) Sản phẩm: Một số thuộc tính định dạng bảng.

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

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

- GV cho HS nối tên một số thuộc tính định dạng bảng với ý nghĩa của nó.

BÀI F13: DỰ ÁN TẠO TRANG WEB (TIẾP THEO)

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

- HS vận dụng những kiến thức đã học để hoàn thành hoạt động.

- 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ình bày đáp án.

Gợi ý trả lời:

- 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: Ở bài F6, các em đã được luyện tập sử dụng các thẻ HTML để trình bày trang web. Và để các em tiếp tục hoàn thiện dự án tạo trang web bằng việc sử dụng CSS để làm trang web đẹp, đa dạng và sinh động hơn, chúng ta sẽ cùng nhau đến với Bài F13: Dự án tạo trang web (tiếp theo).

B. HOẠT ĐỘNG THỰC HÀNH

a. Mục tiêu:

- HS thực hành định kiểu CSS cho trang web, dưới sự hướng dẫn của GV.

b. Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung, thực hành theo nhóm để hoàn thành được dự án.

c. Sản phẩm: Trang web đã được định dạng.

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

HOẠT ĐỘNG CỦA GV - HS

DỰ KIẾN SẢN PHẨM

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

- GV nêu nhiệm vụ: Định kiểu CSS cho trang web kỉ yếu lớp 12A.

Yêu cầu: Em hãy sử dụng mã lệnh CSS để định dạng trang web kỉ yếu lớp 12A với các yêu cầu sau:

a) Sử dụng lại các tệp trong dự án trang web ki yếu lớp 12A trong Bài F6; thêm mã lệnh CSS để làm trang web đẹp, đa dạng và sinh động hơn.

b) Thực hiện bài thực hành theo nhóm, mỗi nhóm từ 3 – 5 học sinh.

c) Thời gian thực hiện: 2 tuần, trong đó có 2 tiết học trên lớp để trình bày kết quả dự án. Các nhóm học sinh chủ động thực hiện dự án ngoài giờ học trên lớp.

- GV nêu các tiêu chí đánh giá:

Nội dung: Bổ sung và hoàn thiện các nội dung được góp ý trong Bài F6.

Hình thức: Bổ sung và hoàn thiện theo các góp ý trong Bài F6. Bên cạnh đó, áp dụng mã lệnh CSS (bao gồm vận dụng phối hợp những cách thức định kiểu CSS đã học hoặc tìm hiểu thêm) để tuỳ biến trang web theo ý tưởng riêng của nhóm, đồng thời nâng cao tính thẩm mĩ của trang web.

(Gợi ý tiêu chí – đính kèm phía dưới)

- GV hướng dẫn, hỗ trợ HS trong quá trình thực hành.

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

- HS thực hiện theo nhóm, phân công nhiệm vụ và thực hiện các nhiệm vụ được giao.

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

- GV mời đại diện các nhóm báo cáo kết quả thảo luận.

- GV mời HS khác nhận xét, bổ sung.

Bước 4: Đánh giá kết quả, thực hiện nhiệm vụ học tập

- GV đánh giá kết quả bài thực hành của HS.

Nhiệm vụ. Định kiểu CSS cho trang web kỉ yếu lớp 12A

Một số gợi ý về tiêu chí đánh giá:

--------------- Còn tiếp ---------------