Hoatieu.vn Giáo án Giáo án lớp 12

PowerPoint Tin học 12 Bài 18: Thực hành tổng hợp thiết kế trang web kết hợp AI

Giáo án Tin học 12 Kết nối tri thức (Word + PPT)
Tải về
Lớp: Lớp 12
Môn: Tin Học
Dạng tài liệu: Giáo án PowerPoint
Bộ sách: Kết nối tri thức với cuộc sống

Giáo án PowerPoint Tin học 12 Bài 18: Thực hành tổng hợp thiết kế trang web được thiết kế hiện đại, tích hợp hình ảnh, hiệu ứng trình chiếu đẹp mắt với nhiều bài tập ôn tập, mở rộng kiến thức phong phú.

PowerPoint Tin học 12 Bài 18: Thực hành tổng hợp thiết kế trang web được biên soạn dưới dạng file Word + PPT bám sát nội dung trong sách giáo khoa Kết nối tri thức kết hợp AI tạo trò chơi tương tác trên Canva. Qua đó giúp giáo viên tiết kiệm thời gian soạn giáo án, dễ dàng chỉnh sửa để có bài giảng hay, lôi cuốn người học. Vậy sau đây là trọn bộ giáo án PowerPoint Tin học 12 Bài 18 Kết nối tri thức, mời các bạn tải tại đây.

Giáo án Tin học 12 Bài 18: Thực hành tổng hợp thiết kế trang web

Game tương tác Thực hành tổng hợp thiết kế trang web

PowerPoint Tin học 12 Bài 18: Thực hành tổng hợp thiết kế trang web

Thực hành tổng hợp thiết kế trang web

Thực hành tổng hợp thiết kế trang web

Thực hành tổng hợp thiết kế trang web

Thực hành tổng hợp thiết kế trang web

Giáo án Tin học 12 Bài 18 Thực hành tổng hợp thiết kế trang web

Ngày soạn:…/…/…

Ngày dạy:…/…/…

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

(3 tiết)

I. MỤC TIÊU

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 thảo luận nhóm 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, sau đó nêu câu hỏi Khởi động SGK trang 102 cho các nhóm thảo luận:

Giả sử website của em có nhiều tệp HTML. Có thể hay không chỉ dùng một tệp CSS duy nhất để định dạng cho toàn bộ các trang web? Nếu có thể hãy nêu các bước cần thực hiện.

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à 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:

Có thể chỉ dùng một tệp CSS duy nhất để định dạng cho toàn bộ các trang web theo các bước sau:

+ Bước 1: Xác định bố cục và viết các đoạn mã CSS cho từng loại đối tượng và lưu trong một tệp style.css.

+ Bước 2: Trong cặp thẻ <head>…</head> của mỗi tệp HTML trong website, ta thêm một dòng mã trỏ tới tệp style.css đã viết ở trên:

<link href="/style.css"" rel="stylesheet">

- 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.

B. HÌNH THÀNH KIẾN THỨC MỚI

Hoạt động 1: Thảo luận theo nhóm

a) Mục tiêu: HS nắm được cách tạo một trang web bằng cách giải quyết từng bước như:

- Xác định mục tiêu, nội dung của trang.

- Thiết kế mẫu, bố cục trang.

- Xây dựng các trang liên quan.

- Tổng hợp, kiểm tra và tinh chỉnh cho phù hợp.

- Quản lí và cập nhật thông tin.

b) Nội dung: GV chọn một số ví dụ minh hoạ có thể có nội dung khác nhau làm gợi ý cho HS về bố cục của các trang. Từ đó có thể triển khai thiết lập bố cục khi đã có nội dung.

c) Sản phẩm: Cách tạo một trang web.

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

...............

Tải file về để xem đầy đủ nội dung giáo án

Đánh giá bài viết
1 18
  • Chia sẻ:
    🖼️ Trịnh Thị Thanh
  • Ngày:
PowerPoint Tin học 12 Bài 18: Thực hành tổng hợp thiết kế trang web kết hợp AI
Tải về Thành viên
Chọn file tải về :

PowerPoint Tin học 12 Bài 18: Thực hành tổng hợp thiết kế trang web kết hợp AI

9,5 MB 05/09/2025 4:59:00 CH

  • Giáo án Tin học 12 Bài 18: Thực hành tổng hợp thiết kế trang web

    1,6 MB

Nhiều người quan tâm

Tham khảo thêm

Xác thực tài khoản!

Theo Nghị định 147/2024/ND-CP, bạn cần xác thực tài khoản trước khi sử dụng tính năng này. Chúng tôi sẽ gửi mã xác thực qua SMS hoặc Zalo tới số điện thoại mà bạn nhập dưới đây:

Số điện thoại chưa đúng định dạng!
Số điện thoại này đã được xác thực!
Bạn có thể dùng Sđt này đăng nhập tại đây!
Lỗi gửi SMS, liên hệ Admin
0 Bình luận
Sắp xếp theo
⚛
Xóa Đăng nhập để Gửi

Hỗ trợ tư vấn

Tư vấn và giải đáp về tài liệu

Hướng dẫn thanh toán gói Pro

Các bước để nâng cấp và thanh toán

Giáo án lớp 12 tải nhiều

Giáo án tải nhiều

Đóng
Chỉ thành viên Hoatieu Pro tải được nội dung này! Hoatieu Pro - Tải nhanh, website không quảng cáo! Tìm hiểu thêm
Mua Hoatieu Pro 99.000đ
Bạn đã mua gói? Đăng nhập ngay!
Giáo án lớp 12

Bài viết hay Giáo án lớp 12
Xem thêm