Giáo án Khoa học máy tính 12 chân trời Bài F12: Định kiểu CSS cho biểu mẫu

BÀI F12: ĐỊNH KIỂU CSS CHO BIỂU MẪU

(2 tiết)

I. YÊU CẦU CẦN ĐẠT

1. Kiến thức 

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

• Thực hiện được việc định kiểu CSS cho biểu mẫu.

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): Biết cách tổ chức lại mã lệnh theo hướng mới phù hợp hơn để định kiểu cho trang web portfolio.html.

3. Phẩm chất

• Chăm chỉ: Tích cực tìm tòi và sáng tạo trong việc tìm hiểu các thuộc tính cơ bản của CSS.

• Trung thực, trách nhiệm: Trung thực khi giới thiệu bản thân, tôn trọng bản quyền khi sử dụng thông tin, hình ảnh để xây dựng trang web.

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 Khoa học máy tính – Chân trời sáng tạo, bài trình chiếu (Slide), máy chiếu, phiếu học tập.

• Máy tính có cài sẵn phần mềm Visual Studio Code và có kết nối Internet, các tệp HTML và CSS dùng trong hoạt động Thực hành.

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

• SGK, SBT Tin học 12 – Định hướng Khoa học máy tính – 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: Ôn lại kiến thức HTML đã học về biểu mẫu, nhận xét một số biểu mẫu khảo sát trên trang web mà trường hay lớp em từng sử dụng.

b) Nội dung: HS suy nghĩ trả lời câu hỏi Khởi động theo hiểu biết 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.

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

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

- GV trình chiếu hình ảnh về một biểu mẫu trên silde, yêu cầu HS hoạt động cá nhân, suy nghĩ và đưa ra nhận xét: Em hãy quan sát và nhận xét biểu mẫu thanh toán mua sắm trực tuyến sau:

Hình 1. Biểu mẫu thanh toán mua sắm trực tuyến

(Bài F5 – SGK Tin học 12 – Định hướng Khoa học máy tính – Chân trời sáng tạo)

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

- HS quan sát hình ảnh 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.

Gợi ý trả lời: 

Nhận xét về biểu mẫu thanh toán mua sắm trực tuyến:

+ Đơn giản và dễ sử dụng.

+ Các thông tin rõ ràng.

+ Có phần tuỳ chọn phương thức thanh toán.

- 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 F5, các em đã được giới thiệu về biểu mẫu cũng như tạo được một số thành phần trong biểu mẫu. Và để giúp các em ôn tập lại kiến thức đồng thời biết cách định kiểu CSS cho biểu mẫu, chúng ta sẽ cùng nhau đến với Bài F12: Định kiểu CSS cho biểu mẫu.

-------------

……Còn tiếp……