Giáo án Bài E1: Tạo trang web, thiết lập giao diện Tin học 12 Chân trời sáng tạo

Ngày soạn:…/…/… Ngày dạy:…/…/…
BÀI E1: TẠO TRANG WEB,
THIẾT LẬP GIAO DIỆN VÀ XEM TRƯỚC TRANG WEB (2 tiết) I. MỤC TIÊU 1. Kiến thức
Sau bài học này, HS sẽ:
- Làm quen được với một số thành phần chính trong màn hình làm việc của phần mềm Google Sites.
- Sử dụng được phần mềm Google Sites để tạo một trang web.
- Tạo được trang web mới và có thể xem trang web trước khi xuất bản.
- Sử dụng được công cụ Themes để tạo giao diện cho trang web.
- Thực hiện được một số thao tác cơ bản như tạo trang web mới và xem trước 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: 1
- 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):
Sử dụng được phần mềm Google Sites để tạo một trang web. 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 phần mềm Google Sites.
II. THIẾT BỊ DẠY HỌC VÀ HỌC LIỆU
1. Đối với giáo viên
- 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, phòng máy tính có kết nối Internet, phiếu học tập.
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: Tạo động lực để HS muốn tìm hiểu về việc tạo trang web.
b) Nội dung: HS nghiên cứu nội dung hoạt động Khởi động SGK trang 49 và đưa ra câu trả lời.
c) Sản phẩm: Ý tưởng thiết kế trang web.
d) Tổ chức thực hiện:
Bước 1: GV chuyển giao nhiệm vụ:
- GV yêu cầu HS hoạt động cá nhân, suy nghĩ trả lời câu hỏi Khởi động tr.49 SGK:
Em đã sử dụng phần mềm du lịch hay trang web như blog cá nhân, trang web bán
hàng, trang web du lịch hay trang web tin tức chưa? Hãy nêu ý tưởng thiết kế trang web như Hình 1. 2
Hình 1. Giao diện trang web
Bước 2: HS thực hiện nhiệm vụ học tập:
- HS vận dụng hiểu biết để 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 Khởi động tr.49 SGK:
Gợi ý trả lời: Ý tưởng thiết kế trang web như Hình 1:
+ Tiêu đề và Logo:
 Sử dụng tiêu đề lớn và logo phù hợp để người dùng nhận biết thương hiệu.
 Tiêu đề "VIETFRUIT" có thể được đặt ở phía trên cùng của trang web.
+ Thanh điều hướng:
 Tạo một thanh điều hướng ở phía trên trang web với các liên kết đến các phần
quan trọng như "Trang chủ", "Sản phẩm", "Tin tức", "Chính sách", và "Liên hệ".
+ Phần giới thiệu:
 Dưới thanh điều hướng, thêm một phần giới thiệu về thương hiệu "VIETFRUIT".
 Sử dụng hình ảnh và văn bản để trình bày thông tin về sản phẩm và giá trị của thương hiệu.
+ Hình ảnh trái cây:
 Hiển thị hình ảnh trái cây đặc sản của Việt Nam, như trong hình ảnh.
 Sử dụng hình ảnh chất lượng cao để thu hút sự chú ý của người dùng.
- HS khác lắng nghe, nhận xét và bổ sung. 3
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: Hình ảnh trong phần Khởi
động minh hoạ một trang web được thiết kế bởi phần mềm thiết kế web. Việc sử dụng
phần mềm thiết kế web sẽ giúp các em tạo trang web dễ dàng hơn. Vậy để cùng nhau
tìm hiểu về một phần thiết kế web phổ biến cũng như biết cách sử dụng phần mềm đó,
chúng ta sẽ cùng nhau đến với Bài E1: Tạo trang web, thiết lập giao diện và xem
trước trang web.
B. HÌNH THÀNH KIẾN THỨC MỚI
Hoạt động 1: Phần mềm Google Sites a) Mục tiêu:
- Giới thiệu cho HS các khái niệm cơ bản về trang web, phần mềm thiết kế web.
- Giới thiệu phần mềm Google Sites: tính năng cơ bản của phần mềm, giao diện làm việc của phần mềm.
b) Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 1. Phần mềm Google
Sites để thực hiện nhiệm vụ.
c) Sản phẩm: HS làm quen với phần mềm Google Sites.
d) Tổ chức thực hiện:
HOẠT ĐỘNG CỦA GV VÀ HS
SẢN PHẨM DỰ KIẾN
a) Trang web và phần mềm thiết kế web
1. Phần mềm Google Sites
Bước 1: GV chuyển giao nhiệm vụ:
a) Trang web và phần mềm thiết kế
- GV yêu cầu HS hoạt động cá nhân và web trả lời câu hỏi:
- Khái niệm: Phần mềm thiết kế web là
+ Phần mềm thiết kế web là gì?
phần mềm cung cấp các công cụ giúp
- GV giới thiệu cho HS một số phần mềm thiết kế các trang web như hồ sơ cá nhân, thiết kế web.
tổng hợp thông tin, giới thiệu hoạt động
Bước 2: HS thực hiện nhiệm vụ học đội nhóm, bán hàng, du lịch hay tin tức,... tập:
Ví dụ: Hình 1 minh hoạ một trang web
- HS tìm hiểu nội dung mục 1a SGK tr.49 4