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

Mã giảm giá khóa học 30% cho teen 2k2 chinh phục ít nhất 24 điểm tại khoahoc.vietjack.com. Xem ngay!

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

Chỉ từ 400k mua trọn bộ Giáo án Tin học 12 Kết nối tri thức bản word chuẩn kiến thức, trình bày đẹp mắt, dễ dàng chỉnh sửa:

B1: gửi phí vào tk: 0711000255837 - NGUYEN THANH TUYEN - Ngân hàng Vietcombank (QR)
B2: Nhắn tin tới Zalo VietJack Official - nhấn vào đây để thông báo và nhận giáo án

Quảng cáo

I. MỤC TIÊU

1. Kiến thức

- Ôn tậ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

2. Năng lự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.

- Có khả năng tự đánh giá sản phẩm, rút kinh nghiệm và điều chỉnh để hoàn thiện sản phẩm.

- Phát triển tư duy logic, phân tích và định hướng trước khi thực hiện bất kì nhiệm vụ nào. Với mỗi nhiệm vụ luôn tìm tòi các phương án giải quyết, lựa chọn phương án phù hợp nhất để giải quyết yêu cầu đặt ra.

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.

Quảng cáo

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

- GV chuẩn bị:

• SGK, bài giảng PPT, phòng máy tính có kết nối Internet, máy chiếu.

• GV chuẩn bị trước những gợi ý bố cục trang web, nội dung trang web.

- HS: SGK, vở ghi, chuẩn bị bài ở nhà, xem lại toàn bộ các kiến thức đã học ở các bài từ Bài 7 đến Bài 17.

III. TIẾN TRÌNH DẠY HỌC

• Bài học này được tổ chức dưới hình thức thực hành tạo sản phẩm ứng dụng. HS làm việc nhóm, mỗi nhóm tạo 1 sản phẩm.

• Cấu trúc bài học gồm 3 tiết:

+ Tiết 1: Khởi động; Giới thiệu dự án, phân tích yêu cầu; Xây dựng bố cục; Chuẩn bị nội dung và hình ảnh minh hoạ.

+ Tiết 2: Tạo tệp CSS, Tạo tệp HTML và liên kết tới tệp CSS

+ Tiết 3: Bổ sung định dạng, chỉnh sửa trang web; Công bố sản phẩm. Nội dung tiết 2,3 có thể cân đối cho phù hợp với điều kiện thực tế.

Quảng cáo

A. MỞ ĐẦU

Hoạt động 1. Khởi động (5 phút)

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) Tổ chức thực hiện

# 1. Chuyển giao nhiệm vụ

- GV nêu câu hỏi trong phần khởi động.

- GV định hướng mục tiêu bài học:

1. GV nêu ra yêu cầu về việc thực hiện nhiệm vụ tạo một sản phẩm trang web có vận dụng các kiến thức đã học để đánh giá HS trong chủ đề 4.

2. GV nêu ra bộ các tiêu chí đánh giá sản phẩm.

3. GV giới thiệu nhiệm vụ trong từng tiết học, sản phẩm cần đạt cho mỗi nhiệm vụ, sản phẩm cuối cùng cần đạt.

#2. Thực hiện nhiệm vụ

- HS trả lời câu hỏi khởi động.

Quảng cáo

Trả lời:

Để dùng một tệp CSS duy nhất cho các tệp HTML trong website, ta có thể thực hiện:

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

- HS lắng nghe, định hướng các nhiệm vụ cần thực hiện trong buổi học.

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

Hoạt động 2. Giới thiệu dự án và phân tích yêu cầu (15 phút)

a) Mục tiêu

- HS hiểu về ý nghĩa dự án.

- Giúp HS hiểu về các tiêu chí đánh giá sản phẩm, từ đó bám sát các tiêu chí đánh giá sản phẩm trong quá trình thực hiện nhiệm vụ.

b) Tổ chức thực hiện

# 1. Chuyển giao nhiệm vụ

- GV phân nhóm HS: Tùy thực tế của lớp học, GV có thể phân công theo vị trí chỗ ngồi, hoặc cho HS chọn nhóm, hoặc phân học sinh theo nhóm có đặc điểm chung nào đó.

- GV giới thiệu dự án. HS thảo luận nhóm và trả lời các câu hỏi trong hoạt động.

- GV cùng HS chốt cấu trúc chung và các nội dung tối thiểu cần thực hiện ➔ Xác lập các tiêu chí đánh giá sản phẩm.

- GV cùng HS thảo luận và chốt tiêu chí đánh giá.

Nội dung

1. Giới thiệu dự án

- Tên dự án: Xây dựng website giới thiệu các câu lạc bộ ngoại khóa của trường.

- Mục đích: Vận dụng các kiến thức đã học để tạo sản phẩm. Website được tạo ra có thể chia sẻ để quảng bá.

2. Câu hỏi thảo luận

C1. Tổ chức cấu trúc website như thế nào cho phù hợp? C2. Với mỗi câu lạc bộ sẽ đưa những thông tin gì?

C3. Trình bày các trang web như thế nào cho đẹp và thống nhất? C4. Làm thế nào để website sinh động và đẹp mắt.

3. Cấu trúc Website

4. Tiêu chí đánh giá sản phẩm:

# 2. Thực hiện nhiệm vụ

- HS nhận nhóm, bầu nhóm trưởng.

- HS thảo luận nhóm, trả lời câu hỏi.

- GV công bố các tiêu chí, HS xem xét, nêu ý kiến đồng ý, không đồng ý, điều chỉnh.

Kết quả:

1. Giới thiệu dự án

2. Câu hỏi thảo luận

C1. Tổ chức cấu trúc website như thế nào cho phù hợp? 1 trang chủ, 2 trang con, mỗi trang con giới thiệu 1 CLB C2. Với mỗi câu lạc bộ sẽ đưa những thông tin gì?

Trên trang chủ: Thông tin tên CLB, giới thiệu tóm tắt, hình ảnh minh hoạ. Trên trang con: Bài viết về hoạt động nổi bật của CLB

C3. Trình bày các trang web như thế nào cho đẹp và thống nhất?

Nên dùng cùng 1 kiểu định dạng cho 2 trang con ➔ tạo 1 tệp CSS quy định các mẫu định dạng chung ➔ áp dụng cho 2 trang con.

Tạo 1 trang con ➔ nhân bản và sửa chữa nội dung để tạo trang thứ 2.

C4. Làm thế nào để website sinh động và đẹp mắt.

Chèn các hình ảnh minh hoạ

Định dạng màu sắc và phông chữ phù hợp. Tạo khung để sắp xếp các nội dung

3. Cấu trúc website

- Website gồm: 1 trang chủ, 2 trang con giới thiệu về 2 câu lạc bộ.

• Trang chủ: chứa thông tin chung, giới thiệu về trường và các câu lạc bộ, chứa các liên kết đến các trang con.

• Mỗi trang con: Chứa thông tin giới thiệu về 1 câu lạc bộ, hình ảnh minh hoạ.

4. Tiêu chí đánh giá sản phẩm:

(Mỗi tiêu chí được đánh giá theo thang điểm từ 1-5, theo mức độ từ chưa tốt đến rất tốt)

a) Cấu trúc: Đảm bảo cấu trúc tối thiểu gồm 1 trang chủ và 2 trang con có liên kết với nhau.

b) Nội dung

- Đúng chủ đề được yêu cầu, nội dung bài viết chính xác.

- Trên trang chủ có nội dung giới thiệu, logo, banner, slogan, các nội dung giới thiệu sơ bộ về tên và logo của CLB.

- Trên trang con có phần đầu trang tương tự trên trang chủ. Có bài viết về hoạt động của CLB có ảnh minh hoạ.

- Tạo được liên kết từ trang chủ tới các trang con.

- HS tự lựa chọn giới thiệu 2 CLB nào.

c) Hình thức:

- Bố cục: khoa học, phù hợp, đẹp mắt

- Hình ảnh và video: chất lượng tốt, phù hợp với nội dung, không vi phạm bản quyền (có trích dẫn đầy đủ nếu cần)

- Các phần nội dung văn bản: trình bày hợp lý, khoa học, đẹp mắt

# 3. Báo cáo, thảo luận

- GV mời các nhóm trả lời câu hỏi.

- GV và HS thảo luận, chốt các tiêu chí đánh giá.

# 4. Kết luận

- Nhắc nhở HS thiết kế sản phẩm bám sát tiêu chí.

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

(Nguồn: NXB Giáo dục)

Trên đây tóm tắt một số nội dung miễn phí trong bộ Giáo án Tin học 12 Kết nối tri thức mới nhất, để mua tài liệu đầy đủ, Thầy/Cô vui lòng xem thử:

Xem thử

Xem thêm các bài soạn Giáo án Tin học lớp 12 Kết nối tri thức hay, chuẩn khác:

Tài liệu cho giáo viên: Giáo án, powerpoint, đề thi giữa kì cuối kì, đánh giá năng lực, thi thử THPT, HSG, chuyên đề, bài tập cuối tuần..... độc quyền VietJack, giá hợp lí

Sách VietJack thi THPT quốc gia 2025 cho học sinh 2k7:

ĐỀ THI, GIÁO ÁN, GÓI THI ONLINE DÀNH CHO GIÁO VIÊN VÀ PHỤ HUYNH LỚP 12

Bộ giáo án, đề thi, bài giảng powerpoint, khóa học dành cho các thầy cô và học sinh lớp 12, đẩy đủ các bộ sách cánh diều, kết nối tri thức, chân trời sáng tạo tại https://tailieugiaovien.com.vn/ . Hỗ trợ zalo VietJack Official