Giáo án điện tử Tin học ứng dụng 12 cánh diều Bài 3: Tạo thanh điều hướng cho trang web

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

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ì.

• Logo của các trang web này có thể giúp nhận diện thương hiệu nào?

• Các mục chính (thanh công cụ) trên các trang web này bao gồm những gì?

• Banner trên các trang web này thường quảng bá những nội dung hoặc sản phẩm gì?

• Thông tin nổi bật nào thường xuất hiện ở phần đầu của các trang web này?

• Các trang web này có thanh tìm kiếm giúp người dùng tìm kiếm thông tin nhanh chóng không?

• Thông tin khác như thời tiết, đăng nhập/đăng ký xuất hiện ở đâu trên các trang web này?

• Có những sự kiện quan trọng nào được đưa ra trong phần thông tin nổi bật của các trang web này gần đây?

• Logo trên các trang web này có màu sắc nổi bật hay tương đồng với phong cách thiết kế nào?

• Thanh công cụ có những mục con (dropdown menu) nào cung cấp thêm thông tin chi tiết hơn?

• Các trang web này có cung cấp liên kết nhanh đến các phần quan trọng như tin tức, giới thiệu về dịch vụ hoặc sản phẩm không?

1. GIỚI THIỆU THANH ĐIỀU HƯỚNG

Hoạt động: Em hãy tìm hiểu thanh điều hướng có chức năng gì và thường được đặt ở vị trí nào?

2. THỰC HÀNH

Vận dụng: Ở 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.

• Làm thế nào để tạo một thanh điều hướng mới trong dự án website "Phần mềm học tập" của bạn?

• Các bước cụ thể để thêm các mục vào thanh điều hướng và liên kết chúng với các trang web tương ứng là gì?

• Bạn có thể thay đổi những yếu tố giao diện nào của thanh điều hướng để phù hợp với thiết kế của dự án website?

• Nêu cách để kiểm tra và đảm bảo rằng khi nhấp vào một mục trong thanh điều hướng, người dùng sẽ chuyển đến trang web đích một cách chính xác.

• Trong trường hợp cần thiết, bạn sẽ làm thế nào để điều chỉnh vị trí của thanh điều hướng trên trang web?

TỰ KIỂM TRA

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.