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): Biết tạo thanh điều hướng cho 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 tìm hiểu một khái niệm mới là thanh điều hướng.
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.

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 – Cánh diều, bài trình chiếu (Slide), máy chiếu, phiếu học tập.
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, các máy tính đã cài đặt hệ điều hành.

2. Đối với học sinh

SGK, SBT Tin học 12 – Định hướng Tin học ứng dụng – Cánh diều, 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ề thông tin thường có trong phần đầu của các trang web.

b) Nội dung: GV nêu câu hỏi khởi động, HS dựa vào hiểu biết để trả lời các câu hỏi.

c) Sản phẩm: Câu trả lời của HS về các thông tin thường có trong phần đầu của trang web.

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

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

- GV nêu câu hỏi khởi động: Em hãy truy cập một số website như: https://moet.gov.vn, https://baomoi.net.vn, https://hoc10.vn và khám phá xem phần đầu của các trang web thường có thông tin gì.

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

- HS truy cập trang web, tìm hiểu và trả lời các câu hỏi.

- GV quan sát quá trình các nhóm thảo luận, giải đáp thắc mắc nếu HS chưa rõ.

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

- GV mời đại diện 2 – 3 HS xung phong trả lời.

Gợi ý trả lời: Phần đầu của các trang web trên thường giới thiệu về tên (chủ) của trang và phần menu ngang (thanh điều hướng).

- Các HS khác lắng nghe và góp ý.

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: Trong một trang web thường có thanh điều hướng. Vậy chức năng của thanh điều hướng là gì? Làm thế nào để tạo thanh điều hướng trên trang web? Chúng ta hãy cùng đi tìm câu trả lời qua bài hôm hôm nay Bài 3: Tạo thanh điều hướng cho trang web.

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

Hoạt động 1: Giới thiệu thanh điều hướng

a) Mục tiêu: Giúp HS nhận dạng được thanh điều hướng; nêu được vị trí và chức năng của thanh điều hướng.

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

c) Sản phẩm: HS nhận dạng được thanh điều hướng; nêu được vị trí và chức năng của thanh điều hướng.

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

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

a) Mục tiêu: HS thực hành tạo được thanh điều hướng chứa các đường liên kết tới trang web.

b) Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 2. Thực hành, thảo luận nhóm và thực hiện nhiệm vụ.

c) Sản phẩm: Sản phẩm thanh điều hướng HS tạo được.

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

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

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

b) Nội dung: GV giao nhiệm vụ cho HS, HS hoàn thành phiếu bài tập.

c) Sản phẩm học tập:

- Phiếu bài tập.

- HS nắm được các kiến thức đã học trong bài.

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

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

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

- GV cho HS làm phiếu bài tập.

Trường THPT:………………………………………….

Lớp:……………………………………………………...

Họ và tên:……………………………………………….

PHIẾU BÀI TẬP TIN HỌC 12

ĐỊNH HƯỚNG TIN HỌC ỨNG DỤNG – CÁNH DIỀU

BÀI 3: TẠO THANH ĐIỀU HƯỚNG CHO TRANG WEB

A. PHẦN TRẮC NGHIỆM NHIỀU PHƯƠNG ÁN LỰA CHỌN

Khoanh tròn vào chữ cái đứng trước câu trả lời đúng nhất:

Câu 1. Thanh điều hướng thường được đặt ở đâu trên trang web?

A. Ở cuối trang web.

B. Ở giữa trang web.

C. Ngay dưới phần đầu trang web.

D. Bên trái trang web.

Câu 2. Khi không đủ không gian hiển thị, thanh điều hướng sẽ làm gì?

A. Ẩn bớt các mục chính.

B. Phân thành các nhóm dưới dạng thanh điều hướng nhiều cấp.

C. Thay đổi kích thước văn bản.

D. Tăng kích thước màn hình.

Câu 3. Tùy chọn nào trong bảng thiết lập thông số cho phép thay đổi kích thước của logo?

A. Logo Size.

B. Brand Name.

C. Icons Color.

D. Transparent.

Câu 4. Để thêm một liên kết vào một mục nội dung trên thanh điều hướng, ta sử dụng thao tác nào?

A. Nhấn vào mục nội dung, chọn “Insert Icons”.

B. Nhấn vào mục nội dung, chọn “Link”.

C. Chọn mục nội dung, chọn “Add Block”.

D. Chọn mục nội dung, chọn “Remove Block”.

Câu 5. Lệnh “Add Submenu” cho phép

A. thêm liên kết bên ngoài vào website.

B. hiển thị đầy đủ các mục trên thanh điều hướng.

C. hiển thị thanh điều hướng cố định khi cuộn trang.

D. tạo một danh mục con cho một mục nội dung trên thanh điều hướng.

B. PHẦN TRẮC NGHIỆM ĐÚNG – SAI

Câu 1. Xác định đúng hoặc sai cho các phát biểu sau về thanh điều hướng:

a. Thanh điều hướng thường liệt kê các nội dung phụ của website.

b. Nội dung trên thanh điều hướng được thay đổi tự động theo ngày.

c. Thanh điều hướng có thể được gộp chung với phần đầu của trang web.

d. Màu nền hoặc màu chữ của thanh điều hướng thường đồng nhất với màu sắc chủ đạo của trang web.

Câu 2. Đánh giá đúng hoặc sai cho các phát biểu sau về cách tạo thanh điều hướng:

a. Để tạo thanh điều hướng, trước tiên em phải điều chỉnh các thông số thiết lập của thanh điều hướng.

b. Để thêm khối thanh điều hướng vào trang web, chọn Add Block to Page.

c. Nhập đường dẫn trong thẻ Web Address, chọn Insert Link nếu muốn liên kết đến một trang web trong website hiện tại.

d. Khi thay đổi màu sắc một mục nội dung, các mục nội dung khác cũng tự động được thay đổi màu.

C. CÂU HỎI TỰ KIỂM TRA (SGK tr.139)

Trong các câu sau, những câu nào đúng?

a) Thanh điều hướng thường được tạo chung cho tất cả các trang web trong cùng một website.

b) Mỗi trang web có thể có nhiều thanh điều hướng.

c) Chỉ có thể tạo được tối đa hai cấp cho thanh điều hướng trên trang web.

d) Trên thanh điều hướng nhiều cấp chỉ hiển thị một số mục nội dung, danh sách các mục con sẽ hiển thị khi di chuột vào các mục nội dung.

e) Chỉ có thể tạo liên kết cho các mục nội dung trên thanh điều hướng đến các trang web trong cùng website.

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: Báo cáo kết quả hoạt động, thảo luận

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

- Mỗi bài tập GV mời 1 đến 2 HS trình bày. Các HS khác chú ý chữa bài, theo dõi nhận xét bài làm của các bạn.

Gợi ý đáp án:

A. PHẦN TRẮC NGHIỆM NHIỀU PHƯƠNG ÁN LỰA CHỌN

Câu 1	Câu 2	Câu 3	Câu 4	Câu 5
C	B	A	B	D

B. PHẦN TRẮC NGHIỆM ĐÚNG – SAI

Câu 1.

a. S

b. S

c. Đ

d. Đ

Câu 2.

a. S

b. Đ

c. S

d. Đ

C. CÂU HỎI TỰ KIỂM TRA

Đáp án đúng là: a) và d).

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

- GV chữa bài, chốt đáp án, tuyên dương các hoạt động tốt, nhanh và chính xác.

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

a) Mục tiêu: HS vận dụng được những kiến thức đã học để hoàn thành các bài tập trong hoạt động Vận dụng SGK tr.139.

b) Nội dung: GV yêu cầu HS thực hiện các bài tập trong mục Vận dụng.

c) Sản phẩm: HS hoàn thành bài tập trong hoạt động Vận dụng SGK tr.139.

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 HS hoàn thành bài tập trong hoạt động Vận dụng SGK tr.139:

Ở Bài 2, em đã tạo một dự án website “Phần mềm học tập” gồm có một số trang web. Em hãy tạo và chỉnh sửa thanh điều hướng chứa liên kết tới các trang web trong website này như mẫu ở Hình 13.

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

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

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

Gợi ý trả lời:

+ Bước 1: Thêm khối thanh điều hướng.

Thêm khối mẫu Menu có dạng tương tự Hình 1 vào trang web:

+ Bước 2: Điều chỉnh các thông số thiết lập của thanh điều hướng.

Mở bảng thiết lập thông số thanh điều hướng và điều chỉnh như sau:

Chọn Icons, điều chỉnh Amount về 2 để thêm 2 biểu tượng liên kết mạng xã hội.
Bỏ chọn Button để ẩn nút lệnh.

Hình 2. Thiết lập thông số thanh điều hướng

+ Bước 3: Chỉnh sửa và tạo liên kết cho các nội dung trên thanh điều hướng.

Chọn từng mục nội dung và nhập nội dung mới.
Chọn vào mục nội dung, chọn Add Item để thêm mục nội dung mới.
Chọn các mục nội dung và chọn Link để chèn liên kết đến các trang web đã tạo trong website.
Chọn mục nội dung Giới thiệu và chọn Add Submenu để tạo danh mục con Phần mềm tạo trang web.
Chọn mục nội dung Giới thiệu, chọn Insert icon để mở hộp thoại Select icons. Tìm biểu tượng hình ngôi nhà hoặc nhập vào ô Search từ khóa “home” để tìm kiếm biểu tượng. Tùy chỉnh màu sắc biểu tượng trong Icon Color. Tùy chỉnh kích cỡ biểu tượng nếu cần thiết trong Icon Size.
Chỉnh sửa màu sắc và hình ảnh cho từng biểu tượng liên kết mạng xã hội tương tự như trên.