Giáo án NLS Tin học 12 THUD kết nối Bài 24: Xây dựng phần đầu trang web

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

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

BÀI 24: XÂY DỰNG PHẦN ĐẦU TRANG WEB

(2 tiết)

I. MỤC TIÊU

1. Kiến thức

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

• Nhận biết được cách tiếp cận của Google Sites thông qua cách Google Sites tổ chức giao diện tương tác người dùng. 
• Làm phần đầu trang, xuất bản và chia sẻ để có thể làm việc nhóm.

2. Năng lực

Năng lực chung: 

• Năng lực giao tiếp và hợp tác: Biết lựa chọn hình thức làm việc nhóm với quy mô phù hợp với yêu cầu và thực hiện tốt nhiệm vụ.
• Năng lực tự chủ và tự học: Chủ động học tập, tìm hiểu nội dung bài học, biết lắng nghe và trả lời nội dung trong bài học.
• Giải quyết vấn đề và sáng tạo: Trả lời được các câu hỏi, giải quyết được các vấn đề với sự hỗ trợ của công nghệ thông tin và truyền thông.

Năng lực Tin học:

• Kĩ năng thực hiện các thao tác làm tiêu đế: hình nền, văn bản tiêu đề chính, tiêu để phụ, logo, favicon, thông báo đầu trang.... và xuất bản trang web lên Internet. 

Năng lực số:

• 5.2.NC1b: Lựa chọn và sử dụng thành thạo các tính năng của Google Sites để thiết kế giao diện web.
• 3.2.NC1a: Áp dụng nguyên tắc thẩm mỹ về bố cục, màu sắc, phông chữ khi thiết kế Banner và Tiêu đề.
• 6.1.NC1a: Hiểu cơ chế hiển thị thích ứng - Responsive Design trên đa nền tảng: Mobile, Tablet, PC.
• 6.2.NC1b: Sử dụng công cụ AI tạo ảnh để thiết kế Banner hoặc Logo độc bản thay vì chỉ tìm kiếm ảnh có sẵn.

3. Phẩm chất

• Chăm chỉ: Tích cực tìm tòi và sáng tạo trong học tập.
• Trung thực: Thực hiện đúng phần việc của bản thân và hợp tác làm việc nhóm khi được giao nhiệm vụ. Có ý thức báo cáo kết quả một cách chính xác.
• Trách nhiệm: Hoàn thành các bài tập theo yêu cầu của GV thông qua hệ thống câu hỏi, phiếu học tập, thông qua sản phẩm.

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

1. Đối với GV

• Máy chiếu, máy tính, màn hình hiển thị, hoặc ti vi.
• Phòng thực hành máy tính kết nối Internet.
• SGK, SGV Tin học 12 – Định hướng Tin học ứng dụng – Kết nối tri thức với cuộc sống.
• Video AI tạo bằng công cụ AI được dùng để khởi động bài học.

2. Đối với HS

• Các dụng cụ học tập theo yêu cầu của GV; SGK  Tin học 12 – Định hướng Tin học ứng dụng – Kết nối tri thức với cuộc sống.

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

1. HOẠT ĐỘNG KHỞI ĐỘNG

a. Mục tiêu: Giúp HS biết được những ưu điểm của Google Sites, tạo hứng thú tìm hiểu và sử dụng công cụ này.

b. Nội dung: GV sử dụng câu hỏi ở phần khởi động (SGK) và các câu hỏi thêm, HS suy nghĩ trả lời câu hỏi. 

c. Sản phẩm học tập: Câu trả lời của HS.

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

Bước 1: GV chuyển giao nhiệm vụ học tập

- GV yêu cầu xem video AI được thiết kế để phục vụ bài dạy và trả lời câu hỏi xuất hiện trong video đó.

- GV gợi mở, giới thiệu:

Google Sites là một ứng dụng trong hệ sinh thái đa dạng của Google. Ứng dụng miễn phí này giúp người dùng xây dựng các trang web và xuất bản chúng lên Internet. Với Google Sites, một nhóm người dùng không chuyên về tin học vẫn có thể cùng nhau xây dựng các trang web theo một chủ đề nào đó. 

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

- HS xem video và suy nghĩ câu trả lời.

- HS tiếp nhận, thực hiện nhiệm vụ.

- GV hướng dẫn, hỗ trợ HS (nếu cần thiết).

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

- GV mời một số HS xung phong trả lời câu hỏi Khởi động tr.31 SGK.

- 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 nhiệm vụ học tập

- GV nhận xét, đánh giá và kết luận.

[6.1.NC1a: HS sử dụng công cụ AI hoặc sản phẩm số do GV cung cấp để tiếp nhận thông tin, trả lời câu hỏi đơn giản.

2.1.NC1a: HS thực hiện các tương tác cơ bản với học liệu số (xem video, trả lời câu hỏi trên môi trường số).

1.1.NC1a: HS tiếp cận, khai thác được thông tin từ nguồn học liệu số dưới sự hướng dẫn của GV.]

- GV đánh giá kết quả của HS, dẫn dắt HS vào bài học mới: Thật khó hình dung về một công cụ làm trang web có thể giúp tạo trang web mà người sử dụng không cần biết về HTML, CSS, JavaScript,... Để có thể làm được điều đó Google Sites đã chọn hướng tiếp cận trực quan; thông qua giao diện tương tự như một hệ soạn thảo văn bản chuyên dụng hỗ trợ làm từng phân trang web. Trong bài này, trước tiên chúng ta làm quen với giao diện đầu tiên của Google Sites và thực hành làm phần đầu trang web và xuất bản trang web. - Bài 24: Xây dựng phần đầu trang web.

2. HOẠT ĐỘNG HÌNH THÀNH KIẾN THỨC

Hoạt động 1. Làm quen với giao diện đầu tiên của Google Sites 

a. Mục tiêu: 

- HS nhận diện được ba phần trong giao diện đầu tiên của Google Sites. 

b. Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 1, thực hiện nhiệm vụ được giao.

c. Sản phẩm: Hình thành kiến thức bài học. HS nhận diện được ba phần trong giao diện đầu tiên của Google Sites. 

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

…………………………………………..

…………………………………………..

…………………………………………..
 

Hoạt động 2. Tìm hiểu giao diện tạo phần đầu trang

a. Mục tiêu: 

- HS biết được một số biện pháp chung để đảm bảo an toàn dữ liệu.

b. Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 2, thực hiện nhiệm vụ được giao.

c. Sản phẩm: Hình thành kiến thức bài học. HS biết được một số biện pháp chung để đảm bảo an toàn dữ liệu.

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

Hoạt động 3. Tạo phần đầu trang

a. Mục tiêu: 

- HS thiết lập được phần đầu trang web và xuất bản trang. 

b. Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 3, thực hiện nhiệm vụ được giao.

c. Sản phẩm: Hình thành kiến thức bài học. HS thiết lập được phần đầu trang web và xuất bản trang. 

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

…………………………………………..

…………………………………………..

…………………………………………..
 

3. HOẠT ĐỘNG LUYỆN TẬP

a. Mục tiêu: Giúp HS hệ thống lại kiến thức đã học.

b. Nội dung: GV giao nhiệm vụ cho HS, HS hoàn thành các câu hỏi trắc nghiệm và phần Luyện tập (SGK).

c. Sản phẩm học tập: Câu trả lời của HS.

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

Bước 1: GV chuyển giao nhiệm vụ học tập

- GV tổng hợp các kiến thức cần ghi nhớ cho HS.

- GV tổ chức trò chơi trắc nghiệm nhanh trên Quizizz hoặc Kahoot để củng cố toàn bài.

- GV cung cấp mã QR hoặc đường Links cho HS làm Phiếu bài tập, trả lời nhanh một số câu hỏi trắc nghiệm tổng kết bài học.

Câu 1. Google Sites tự động lưu trang web đang tạo vào đâu?

A. Google Docs

B. Google Drive

C. Google Photos

D. Google Sheets

Câu 2. Để sao chép địa chỉ URL ta nháy chuột vào biểu tượng.

A.

B.

C.

D.

Câu 3. Khi đăng nhập vào Google Sites qua sites.google.com/new, phần thứ hai của giao diện chứa gì?

A. Danh sách các trang web mới được khởi tạo gần đây.

B. Các lựa chọn để tạo một trang web mới.

C. Biểu đồ thống kê truy cập web.

D. Các công cụ tạo dựng trang web.

Câu 4. Trong giao diện đầu tiên của Google Sites, phần trên cùng có chức năng gì?

A. Hiển thị thông báo từ Google.

B. Hiển thị các quảng cáo từ Google.

C. Chứa ô tìm kiếm và biểu tượng truy cập vào các ứng dụng khác của Google.

D. Cung cấp hướng dẫn về cách sử dụng Sites.

Câu 5. Khi tạo phần đầu trang trong Google Sites, tên tệp lưu trữ trang web được nhập vào đâu?

A. Trong dòng Trang web không có tiêu đề.

B. Trong dòng Nhập tên trang web.

C. Trong phần Thông báo đầu trang.

D. Trong phần Tiêu đề trang.

Trong mỗi ý a), b), c), d), ở mỗi câu, học sinh chọn đúng hoặc sai.

Câu 6. Biểu tượng trong giao diện đầu tiên của Google Sites có chức năng:

a)  Cho phép truy cập nhanh vào kho ứng dụng của Google.

b) Cho phép truy cập vào danh sách các chức năng của Google Sites.

c) Nếu nháy chuột vào đó sẽ vào cửa sổ thiết lập của Google Sites.

d) Nếu nháy chuột vào đó sẽ thấy danh sách các ứng dụng của Google như: Drive, Gmail, Lịch, Tài liệu, Bảng tính,...

Câu 7. Trong giao diện tạo phần đầu trang, phần nào sau đây không có?

a) Dòng Trang web không có tiêu đề.

b) Dòng Nhập tên tệp lưu trữ trang web.

c) Dòng Thay đổi hình ảnh, loại tiêu đề.

d) Dòng lưu địa chỉ liên hệ của người sở hữu web.

- GV yêu cầu HS thực hiện hoạt động Luyện tập (SGK – tr138) 

Hãy tóm tắt các bước xây dựng phần đầu trang web. Thực hiện việc thay đổi loại tiêu đề, hình nền, thay đổi tiêu đề cùng màu sắc và phông chữ.

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

- HS suy nghĩ, hoàn thành các bài tập GV yêu cầu.

- GV quan sát và hỗ trợ, hướng dẫn.

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

- HS trả lời nhanh câu hỏi trắc nghiệm.

- HS kiểm tra chéo, nhận xét và góp ý cho nhau phần Luyện tập.

Gợi ý đáp án: 

Câu 6:

a) Đúng

b) Sai

c) Sai

d) Đúng

Câu 7:

a) Sai

b) Đúng

c) Sai

d) Đúng

[2.1.NC1a: HS thực hiện các tương tác được xác định rõ ràng với công nghệ số (làm bài tập online) trong lớp học.]

Hướng dẫn: Luyện tập (SGK – tr138)

- Các bước xây dựng phần đầu trang web có thể tóm tắt theo trình tự sau: 

1. Nhập tên tệp lưu trữ trang web (trong Google Drive). 

2. Nhập tên trang web; Vào giao diện cài đặt để thiết lập logo, favicon, thông báo đấu trang. 

3. Chọn loại tiêu đề với kích thước phù hợp. Tải lên ảnh nền, di chuyển ảnh nền đến vị trí phù hợp, thay đổi chế độ tự động điều chỉnh độ sáng ảnh nền (nếu muốn). 

4. Nhập tiêu để chính, phụ, đánh dấu các dòng và thiết lập tiêu để theo bảng chọn, thay đổi phông chữ, cỡ chữ, màu chữ, dãn dòng, căn lễ,... sao cho phù hợp. 

5. Vào chế độ xem trước để kiểm tra và quay lại chỉnh sửa tiếp (nếu muốn). 

6. Xuất bản lên Internet, sao chép địa chỉ xuất bản để xem trên Internet. Chia sẻ cho các thành viên trong nhóm cùng phát triển trang web (nếu muốn). 

[3.2.NC1a: Áp dụng các nguyên tắc thẩm mỹ để thiết kế và trình bày sản phẩm số.

5.2.NC1b: Sử dụng thành thạo các chức năng của Google Sites để giải quyết vấn đề thiết kế.]

Bước 4: Đánh giá kết quả thực hiện nhiệm vụ học tập

- GV chữa bài, chốt đáp án trắc nghiệm.

- GV nhận xét, kiểm tra kết quả thực hiện hoạt động Luyện tập.

4. HOẠT ĐỘNG VẬN DỤNG

…………………………………………..

…………………………………………..

…………………………………………..