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:

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.49SGK: 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.

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.

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 2: Tạo trang web mới

a) Mục tiêu: Giới thiệu cho HS hai cách đăng nhập và sử dụng Google Sites để thiết kế trang web mới.

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

c) Sản phẩm: Hai cách đăng nhập và sử dụng Google Sites để thiết kế trang web mới.

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:

+ Có mấy cách đăng nhập và sử dụng Google Sites để thiết kế trang web?

- 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.52 SGK:

Trong phần mềm thiết kế web Google Sites, có thể tạo trang web bằng các mẫu thiết kế có sẵn hay không?

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.51 – 52 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.

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

Trong phần mềm thiết kế web Google Sites, có thể tạo trang web bằng các mẫu thiết kế có sẵn.

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:

Tạo mới trang web bằng mẫu có sẵn hoặc tự thiết kế một trang web mới.

2. Tạo trang web mới

Để tạo trang web bằng Google Sites, em sử dụng tài khoản Google và thực hiện theo một trong hai cách sau để đăng nhập và sử dụng Google Sites:

- Cách 1: Khởi động trình duyệt web, nhập địa chỉ https://sites.google.com/, đăng nhập tài khoản Google. Sau khi đăng nhập thành công, xuất hiện giao diện của Google Sites (Hình 3).

Hình 3. Trang thiết kế Google Sites

- Cách 2: Đã đăng nhập vào tài khoản Google:

+ Nháy vào biểu tượng ở góc trên bên phải chọn Sites (Hình 4) để mở giao diện của Google Sites.

Hình 4. Truy cập Google Sites trên các ứng dụng của Google

+ Để tạo mới một trang web:

Nháy chọn biểu tượng Blank (Trống) ở Hình 3, giao diện một trang web trống sẽ xuất hiện như Hình 5.

Hình 5. Trang web trống được tạo

Chọn Template gallery ở góc trên bên phải ở Hình 3 để mở thư viện mẫu trang web được thiết kế sẵn do Google Sites cung cấp (Hình 6).

Hình 6. Danh sách các mẫu trang web có sẵn

+ Sau khi chọn mẫu trong danh sách, vùng làm việc sẽ hiển thị trang web mẫu, tuỳ vào mục tiêu em thiết kế lại để tạo một trang web theo yêu cầu đặt ra.

Hoạt động 3: Thiết lập giao diện cho trang web

a) Mục tiêu: Giới thiệu cho HS:

- Các mẫu giao diện được thiết kế sẵn trong thẻ Themes.

- Tính năng Create Theme (Tạo giao diện) và Import Theme (Nhập giao diện) để tự thiết lập giao diện cho trang web.

b) Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 3. Thiết lập giao diện cho trang web để thực hiện nhiệm vụ.

c) Sản phẩm: HS biết cách thiết lập giao diện cho trang web.

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