Tạo thêm trang web và thiết kế được thanh điều hướng.
Thực hiện được các thao tác trên trang web như: nhân bản trang web, đổi tên trang web, tạo các trang web con, ẩn trang web, xoá trang web, thay đổi vị trí 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): 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 thiết kế thanh điều hướng trong trang web.

b) Nội dung: HS nghiên cứu nội dung hoạt động Khởi động SGK trang 57, suy nghĩ trả lời câu hỏi theo kiến thức của mình.

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 Khởi động SGK trang 57.

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.57SGK: Theo em, khi thiết kế trang web có nên thiết kế thanh điều hướng không? Trong Hình 1, thanh điều hướng nằm ở vị trí nào?

Hình 1. Trang web mẫu

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

- HS quan sát hình ảnh và 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.57 SGK.

Gợi ý trả lời: Khi thiết kế trang web, có nên thiết kế thanh điều hướng. Trong Hình 1, thanh điều hướng nằm ở vị trí đầu trang.

- 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: Khi thiết kế trang web, các em nên thiết kế thanh điều hướng ở đầu mỗi trang để giúp người dùng điều hướng đến các trang khác. Trong Google Sites, trang web mới sau khi tạo sẽ tự động hiển thị trên thanh điều hướng. Do đó, việc tạo thêm các trang mới (chưa có dữ liệu) cũng là thiết kế thanh điều hướng. Vậy để giúp các em biết cách thực hiện những thao tác này, chúng ta sẽ cùng nhau đến với Bài E2: Tạo, hiệu chỉnh trang web và thiết kế thanh điều hướng.

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

Hoạt động 1: Tạo thêm trang mới

a) Mục tiêu: GV giới thiệu các bước tạo thêm trang web mới.

b) Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 1. Tạo thêm trang mới để thực hiện nhiệm vụ.

c) Sản phẩm: HS biết cách tạo thêm trang web mới.

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

Hoạt động 2: Hiệu chỉnh các trang

a) Mục tiêu: GV giới thiệu cho HS các tuỳ chọn để hiệu chỉnh trang chủ, trang web con.

b) Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 2. Hiệu chỉnh các trang để thực hiện nhiệm vụ.

c) Sản phẩm: HS biết cách hiệu chỉnh các trang trong 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

Bước 1: GV chuyển giao nhiệm vụ:

- GV yêu cầu HS hoạt động cá nhân và trả lời câu hỏi:

+ Để hiệu chỉnh các trang trong Google Sites, em thực hiện như thế nào?

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

- HS tìm hiểu nội dung mục 2 SGK tr.58 và thực hiện nhiệm vụ.

- GV quan sát và trợ giúp HS.

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

- HS trả lời câu hỏi và nhận xét lẫn nhau.

Bước 4: Đánh giá kết quả thực hiện:

- GV nêu nhận xét, chính xác hoá lại các nội dung trả lời của HS.

2. Hiệu chỉnh các trang

- Đối với trang chủ: Nháy chọn biểu tượng Trang chủ chọn biểu tượng xuất hiện 3 tuỳ chọn như Hình 4:

Hình 4. Các tuỳ chọn thao tác trên
trang chủ

+ Duplicate page (sao chép trang chủ): Tạo một trang là bản sao của trang chủ nhưng không có nghĩa là có hai trang chủ cho một website.

+ Properties (thuộc tính): Cho phép đổi tên trang chủ hoặc đặt tên rút gọn cho trang chủ. Em cũng có thể nháy đúp chuột vào tên trang chủ để đổi tên.

+ Add subpage (thêm trang web con): Cho phép thêm một trang web con.

- Đối với trang: Nháy chọn biểu tượng bên phải biểu tượng của trang cần hiệu chỉnh, xuất hiện các tuỳ chọn như Hình 5:

Hình 5. Các tuỳ chọn thao tác trên trang

+ Make homepage (đặt làm trang chủ): Đặt trang làm trang chủ, khi đó trang chủ sẽ chuyển cấp xuống thành trang web con.

+ Duplicate page (sao chép trang): Tạo một bản sao của trang.

+ Properties (thuộc tính): Cho phép đổi tên trang hoặc đặt tên rút gọn cho trang. Em có thể nháy đúp chuột vào tên trang để đổi tên.

+ Add subpage (thêm trang web con): Cho phép thêm một trang web con.

+ Hide from navigation (ẩn khỏi thanh điều hướng): Không hiển thị trên thanh điều hướng.

+ Delete (xoá): Xoá trang.

Hoạt động 3: Thiết kế thanh điều hướng

a) Mục tiêu: GV hướng dẫn HS thiết kế thanh điều hướng, thay đổi vị trí hiển thị các trang.

b) Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 3. Thiết kế thanh điều hướng để thực hiện nhiệm vụ.

c) Sản phẩm: HS biết cách thiết kế thanh điều hướng, thay đổi vị trí hiển thị các trang.

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

HOẠT ĐỘNG CỦA GV VÀ HS

SẢN PHẨM DỰ KIẾN

Bước 1: GV chuyển giao nhiệm vụ:

- GV yêu cầu HS hoạt động cá nhân và trả lời các câu hỏi:

+ Sau khi tạo xong, tất cả các trang sẽ được hiển thị ở đâu?

+ Thanh điều hướng được mặc định hiển thị như thế nào?

+ Em có thể thay đổi vị trí hiển thị các trang bằng cách nào?

+ Theo em, việc thay đổi vị trí hiển thị các trang có ảnh hưởng tới vị trí hiển thị các trang nội dung trên thanh điều hướng không?

- GV yêu cầu HS vận dụng kiến thức vừa tìm hiểu, trả lời câu hỏi hoạt động Làm tr.59 SGK:

Câu 1. Trong Google Sites, để tạo trang mới em thực hiện thế nào?

Câu 2. Trong Google Sites, thanh điều hướng được dùng để làm gì?

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

- HS tìm hiểu nội dung mục 3 SGK tr.59 và thực hiện nhiệm vụ.

- GV quan sát và trợ giúp HS.

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

- HS trả lời câu hỏi và nhận xét lẫn nhau.

Bước 4: Đánh giá kết quả thực hiện:

- GV nêu nhận xét, chính xác hoá lại các nội dung trả lời của HS.

- GV kết luận:

Các trang tạo mới trong Google Sites được tự động hiển thị trên thanh điều hướng. Thanh điều hướng dùng để chuyển hướng từ trang này đến trang khác, thường đặt ở đầu mỗi trang.
Các trang có thể được nhân bản, đổi tên, chuyển thành trang web con, ẩn trên thanh điều hướng, xoá hoặc thay đổi vị trí.

3. Thiết kế thanh điều hướng

- Sau khi tạo xong, tất cả các trang được hiển thị trên thanh điều hướng.

- Mặc định thanh điều hướng nằm ngang và sẽ hiển thị trên cùng của tất cả các trang web (Hình 6).

Hình 6. Các trang web được hiển thị trên thanh điều hướng

- Có thể sắp xếp lại thứ tự các trang nội dung bằng cách kéo thả trang cần thay đổi trên danh sách các trang đến vị trí mới.

- Việc thay đổi vị trí hiển thị các trang sẽ làm thay đổi vị trí hiển thị các trang nội dung trên thanh điều hướng.

Hướng dẫn trả lời câu hỏi hoạt động Làm tr.59 SGK:

Câu 1. Các bước tạo trang mới:

- Bước 1: Nháy chọn thẻ Pages, di chuyển con trỏ chuột đến biểu tượng ở giữa bên dưới thẻ Pages, xuất hiện 4 tuỳ chọn.

- Bước 2: Nháy chọn New page.

- Bước 3: Nhập tên trang mới vào hộp thoại New page và chọn Done.

Câu 2. Thanh điều hướng thường được đặt ở đầu mỗi trang, dùng để chuyển hướng từ trang này đến trang khác, giúp người dùng dễ dàng điều hướng (đi) đến các trang khác trong một website.

Hoạt động 4: Thực hành

a) Mục tiêu: Thiết kế, thay đổi cách trình bày thanh điều hướng và tạo trang mới.

b) Nội dung: GV hướng dẫn HS thực hiện hai nhiệm vụ trong SGK để thiết kế, thay đổi cách trình bày thanh điều hướng và tạo trang mới.

c) Sản phẩm: HS hoàn thành hai nhiệm vụ trong SGK.

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

HOẠT ĐỘNG CỦA GV VÀ HS

SẢN PHẨM DỰ KIẾN

Nhiệm vụ 1. Thiết kế thanh điều hướng và tạo trang mới

Bước 1: GV chuyển giao nhiệm vụ:

- GV yêu cầu HS đọc kĩ yêu cầu của Nhiệm vụ 1 SGK tr.59 và thực hành cá nhân theo hướng dẫn.

Yêu cầu: Sử dụng trang web chủ đề bán hàng đã tạo trong hoạt động THỰC HÀNH của Bài El, em hãy thiết kế thanh điều hướng và tạo các trang (chưa có dữ liệu): Sản phẩm, Tin tức, Sự kiện, Chính sách, Liên hệ. Thực hiện các thao tác trên trang như: thay đổi vị trí hiển thị, nhân bản, ẩn, xoá, đổi tên để thiết kế thanh điều hướng theo mẫu như Hình 7.

Hình 7. Kết quả thanh điều hướng
cần tạo

Hướng dẫn:

+ Bước 1: Tạo các trang và thiết kế thanh điều hướng:

Nháy chọn thẻ Pages đưa con trỏ đến biểu tượng chọn New page nhập tên trang cần tạo là “Sản phẩm” vào hộp thoại New page (Hình 8) Done.
Sau khi tạo xong, trang Sản phẩm sẽ được hiển thị lên thanh điều hướng (Hình 9).
Tương tự, tạo các trang Liên hệ, Chính sách, Sự kiện, Tin tức để được kết quả như Hình 10.