Ngày soạn:…/…/… Ngày dạy:…/…/…
BÀI F6: DỰ ÁN TẠO TRANG WEB (2 tiết) I. MỤC TIÊU 1. Kiến thức
Sau bài học này, HS sẽ:
- Sử dụng được các thẻ HTML để trình bày trang web. 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):
Trình bày được trang web bằng các thẻ 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 học tập.
- Trách nhiệm: Tích cực, tự giác và nghiêm túc rèn luyện sử dụng thành thạo các mã lệnh.
II. THIẾT BỊ DẠY HỌC VÀ HỌC LIỆU
1. Đối với giáo viên 1
- SGK, SBT Tin học 12 – Định hướng Tin học ứng dụng – 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 dùng để minh hoạ.
2. Đối với học sinh
- SGK, SBT Tin học 12 – Định hướng Tin học ứng dụng – 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 tập lại kiến thức về trình bày trang web bằng các thẻ HTML.
b) Nội dung: HS ôn tập lại kiến thức về thẻ HTML dùng để thêm ảnh vào trang web.
c) Sản phẩm: Một số thuộc tính của thẻ .
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 của thẻ với mô tả đúng của nó.
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. 2
- 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: Ở những bài học trước,
các em đã biết cách sử dụng các thẻ HTML để tạo và định dạng trang web. Để giúp
các em ôn tập lại những kiến thức đã học và luyện tập sử dụng các thẻ HTML để trình
bày trang web, chúng ta sẽ cùng nhau đến với Bài F6: Dự án tạo trang web.
B. HOẠT ĐỘNG: BÁO CÁO KẾT QUẢ THỰC HIỆN DỰ ÁN
a) Mục tiêu: HS thực hiện báo cáo kết quả thực hiện dự án tạo trang web kỉ yếu lớp 12A.
b) Nội dung: GV hướng dẫn HS thực hiện Nhiệm vụ SGK tr.132 để tạo trang web kỉ yếu theo yêu cầu.
c) Sản phẩm: HS tạo được trang web kỉ yếu theo yêu cầu.
d) Tổ chức thực hiện: 3
HOẠT ĐỘNG CỦA GV VÀ HS
SẢN PHẨM DỰ KIẾN
Nhiệm vụ. Tạo trang web kỉ yếu lớp 12A Nhiệm vụ. Tạo trang web kỉ yếu lớp
với các thẻ HTML đã học
12A với các thẻ HTML đã học
Bước 1: GV chuyển giao nhiệm vụ:
1. Trang chủ index.html
- GV yêu cầu HS đọc kĩ yêu cầu của a) Bố cục chung
Nhiệm vụ SGK tr.132 và thực hành theo - Trang chủ index.html chứa bố cục dùng
nhóm 3 – 5 HS theo hướng dẫn.
chung của các trang web liên quan và có
Yêu cầu: Em hãy tạo trang web kỉ yếu thể có thêm phần nội dung giới thiệu về
lớp 12A (Hình 1) với các yêu cầu sau: lớp.
- Tạo bảng bằng thẻ
Hình 1. Giao diện trang web
thanhvienlop.html của lớp 12A
a) Kỉ yếu gồm ít nhất 3 trang:
+ Trang chủ (index.html).
b) Cột trái của hàng 2
+ Hoạt động (hoatdong.html).
- Tạo bảng gồm ba hàng bằng thẻ
+ Thành viên lớp (thanhvienlop.html).
4
Nhắn tin Zalo