Giáo án Khoa học máy tính 12 Kết nối bài 16: Định dạng khung

BÀI 16: ĐỊNH DẠNG KHUNG

(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ẽ:

• Sử dụng được CSS để định dạng khung văn bản, kích thước khung, kiểu đường viền,…

• Biết sử dụng CSS cho các bộ chọn khác nhau (id, class,…).

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: 

• Phân biệt được phần tử khối và phần tử nội tuyến.

• Hiểu được ý nghĩa các thuộc tính liên quan đến khung. Chỉ ra được thuộc tính và giá trị thuộc tính đó trên ví dụ cụ thể.

• Hiểu được ý nghĩa, cách thiết lập và áp dụng bộ chọn đặc biệt (bộ chọn lớp, bộ chọn với mã định danh, bộ chọn thuộc tính) của CSS. 

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ỉ khi viết các câu lệnh.

• Luôn có ý thức tìm kiếm, lựa chọn các cách làm mới, đơn giản và hiệu quả cho các tình huống thực tiễn.

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

• GV: 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), máy chiếu, phòng máy tính có kết nối Internet, các ví dụ minh hoạ tương ứng trong bài như mô tả SGK.

• 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

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

a) Mục tiêu: Ôn tập lại kiến thức bài cũ, tạo động cơ học tập cho HS vì kiến thức đã học chưa giải quyết được nhiệm vụ đặt ra.

b) Nội dung: HS dựa vào hiểu biết để trả lời các câu hỏi.

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 GV đưa ra.

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

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

- GV cho HS xem video https://www.youtube.com/shorts/-FxSjX-B1sM, sau đó nêu câu hỏi: 

Để thiết lập cách thức hiển thị cho một phần tử HTML, các em có thể sử dụng thuộc tính nào của CSS?

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

- HS xem video 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:  Để thiết lập cách thức hiển thị cho một phần tử HTML, có thể sử dụng thuộc tính display của CSS.

- 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: Các phần tử HTML đều thuộc một trong hai loại khối hoặc nội tuyến, chúng ta có thể sử dụng thuộc tính display để thay đổi loại phần tử. Vậy để giúp các em phân loại được các phần tử HTML và biết cách thiết lập định dạng khung bằng CSS, chúng ta sẽ cùng nhau đến với Bài 16: Định dạng khung.

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

………Còn tiếp………….