Soạn giáo án Tin 12 ứng dụng kết nối bài 18: Thực hành tổng hợp thiết kế trang web

Soạn chi tiết đầy đủ giáo án Tin 12 ứng dụng bài 18: Thực hành tổng hợp thiết kế trang web sách kết nối tri thức. Giáo án soạn đầy đủ cả năm chuẩn theo Công văn 5512 để các thầy cô tham khảo lên kế hoạch bài dạy tốt. Tài liệu có file tải về và chỉnh sửa được. Hi vọng, bộ giáo án này mang đến sự hữu ích và tham khảo cần thiết. Mời thầy cô tham khảo.

Cùng hệ thống với: Kenhgiaovien.com - Zalo hỗ trợ: Fidutech - nhấn vào đây

Nội dung giáo án

BÀI 18: THỰC HÀNH TỔNG HỢP THIẾT KẾ TRANG WEB

(3 tiết)

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

1. Kiến thức 

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

  • Tạo được trang web bằng HTML và định dạng bằng CSS.

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: 

  • Vận dụng tổng hợp các kiến thức đã học về các thẻ HTML và định dạng văn bản với CSS để xây dựng và hoàn thiện một trang web.

3. Phẩm chất

  • Tích cực tìm tòi và sáng tạo trong học tập.

  • Hợp tác khi làm việc nhóm.

  • Tổ chức, sắp xếp công việc một cách khoa học.

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 – 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,  một số gợi ý bố cục, nội dung trang web.

  • HS: SGK, SBT Tin học 12 – Định hướng Tin học ứng dụng – 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: Giúp HS ôn lại cách sử dụng định dạng CSS để định dạng cho nhiều phần tử và định hướng mục tiêu bài học.

b) Nội dung: HS dựa vào hiểu biết để trả lời 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 chia lớp thành các nhóm 3 – 4 HS, cho HS xem video https://www.youtube
.com/shorts/AE7RgsVl6ZY, sau đó yêu cầu HS suy nghĩ trả lời câu hỏi:

Theo em, sự khác nhau giữa margin và padding là gì?

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

- Các nhóm HS thảo luận về đoạn video mà GV cho xem và trả lời câu hỏi.

- GV quan sát quá trình các nhóm thảo luận, giải đáp thắc mắc nếu HS chưa rõ.

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

- GV mời một số nhóm báo cáo kết quả thảo luận.

Gợi ý trả lời: 

Margin

Padding

Margin sẽ thay đổi khoảng cách bên ngoài của phần tử so với các phần tử khác mà không làm thay đổi kích thước của phần tử

Padding sẽ làm thay đổi khoảng cách của nội dung bên trong phần tử so với các lề của nó và sẽ làm thay đổi kích thước của phần tử

Margin chấp nhận số âm và cả số thực

Padding không chấp nhận các giá trị âm

Margin có thuộc tính auto

Padding không có thuộc tính auto

Margin không có màu nền

Màu nền của padding phụ thuộc vào màu nền của phần tử

- Các nhóm khác lắng nghe và góp ý.

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: Ở những bài học trước, các em đã biết cách thiết lập các mẫu định dạng cho các phần tử và hiểu được các mức ưu tiên của bộ chọn. Vậy để giúp các em ôn tập lại toàn bộ những kiến thức đã học cũng như luyện tập tạo trang web bằng HTML và định dạng bằng CSS, chúng ta sẽ cùng nhau đến với Bài 18: Thực hành tổng hợp thiết kế trang web.

 

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

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


=> Xem toàn bộ Giáo án tin hoc ứng dụng 12 kết nối tri thức

Từ khóa tìm kiếm:

Giáo án Tin 12 ứng dụng kết nối tri thức, giáo án bài 18: Thực hành tổng hợp thiết kế Tin 12 ứng dụng kết nối tri thức, giáo án Tin 12 ứng dụng KNTT bài 18: Thực hành tổng hợp thiết kế

Nâng cấp lên tài khoản VIP để tải tài liệu và dùng thêm được nhiều tiện ích khác

Xem thêm giáo án khác