Giải chi tiế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

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ài làm chi tiết:

Phần đầu trang web thường chứa các thông tin sau:

• Logo: Nhận diện thương hiệu website.
• Thanh công cụ: Các mục chính của website.
• Banner: Quảng bá nội dung hoặc sản phẩm của website.
• Thông tin nổi bật: Tin tức mới nhất, sự kiện quan trọng, nội dung được quan tâm.
• Thanh tìm kiếm: Giúp người dùng tìm kiếm thông tin nhanh chóng.
• Thông tin khác: Thời tiết, đăng nhập/đăng ký, v.v.

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?

Bài làm chi tiết:

Chức năng:

• Thanh điều hướng là một thanh công cụ hiển thị các mục chính của website, giúp người dùng truy cập nhanh chóng đến các nội dung mong muốn.
• Các mục trong thanh điều hướng thường bao gồm:
  • Trang chủ
  • Giới thiệu
  • Sản phẩm/Dịch vụ
  • Tin tức
  • Liên hệ
  • v.v.

Vị trí:

• Thanh điều hướng thường được đặt ở một trong hai vị trí:
  • Phía trên cùng của trang web: Đây là vị trí phổ biến nhất, giúp người dùng dễ dàng nhìn thấy và truy cập thanh điều hướng.
  • Phía bên trái của trang web: Vị trí này giúp tiết kiệm diện tích cho phần nội dung chính của trang web.

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.

Bài làm chi tiết:

Bước 1: Mở dự án website "Phần mềm học tập" trong phần mềm thiết kế website mình đang sử dụng.

Bước 2: Tạo một thanh điều hướng mới. Vị trí đặt thanh điều hướng có thể ở đầu trang hoặc bên trái trang web, tùy theo thiết kế của mình.

Bước 3: Thêm các mục vào thanh điều hướng. Mỗi mục sẽ tương ứng với một trang web trong dự án. Ví dụ:

• Trang chủ: Sẽ hiển thị nội dung giới thiệu website và các phần mềm học tập nổi bật.
• Phần mềm làm phim hoạt hình: Giới thiệu các phần mềm làm phim hoạt hình, hướng dẫn sử dụng, tải xuống.
• Phần mềm chỉnh sửa ảnh: Giới thiệu các phần mềm chỉnh sửa ảnh, hướng dẫn sử dụng, tải xuống.
• Phần mềm tạo website: Giới thiệu các phần mềm tạo website, hướng dẫn sử dụng, tải xuống.
• Liên hệ: Cung cấp thông tin liên hệ với ban quản trị website.

Bước 4: Chỉnh sửa giao diện của thanh điều hướng. Ta có thể thay đổi màu sắc, font chữ, kích thước, v.v. để phù hợp với thiết kế website của bạn.

Bước 5: Liên kết các mục trong thanh điều hướng với các trang web tương ứng. Khi người dùng nhấp vào một mục, họ sẽ được chuyển đế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.

Bài làm chi tiết:

a) Đúng. Thanh điều hướng thường được thiết kế chung cho tất cả các trang web trong cùng một website để đảm bảo tính nhất quán và giúp người dùng dễ dàng điều hướng.

b) Đúng. Mỗi trang web có thể có nhiều thanh điều hướng để phục vụ cho các mục đích khác nhau. Ví dụ, trang web có thể có thanh điều hướng chính hiển thị các mục chính của website và thanh điều hướng phụ hiển thị các mục liên quan đến nội dung cụ thể của trang.

d) Đúng. Thanh điều hướng nhiều cấp giúp tiết kiệm diện tích và cho phép hiển thị nhiều mục hơn. Khi người dùng di chuột vào một mục nội dung, danh sách các mục con sẽ hiển thị để người dùng lựa chọn.

e) Sai. Thanh điều hướng có thể tạo liên kết đến các trang web khác ngoài website hiện tại.

c) Sai. Số lượng cấp cho thanh điều hướng không giới hạn, tuy nhiên cần cân nhắc về tính dễ sử dụng và trải nghiệm người dùng khi thiết kế thanh điều hướng nhiều cấp.