Bài 3. Tạo thanh điều hướng cho trang web

Nội dung lý thuyết

1. Giới thiệu thanh điều hướng

Thanh điều hướng là nơi liệt kê các mục nội dung chính của website, giúp người dùng dễ dàng chuyển giữa các trang. Thường được đặt ngay dưới phần đầu trang web.

Minh họa vị trí thanh điều hướng nằm dưới phần đầu trang

Gộp thanh điều hướng với phần đầu trang: Một số trang web tích hợp thanh điều hướng vào phần đầu, cùng vị trí với logo, các nút mạng xã hội, ô tìm kiếm, nút đăng nhập...

Ví dụ về việc gộp thanh điều hướng vào phần đầu trang

Đồng nhất màu sắc: Để tạo sự nhất quán và nhận diện thương hiệu, màu sắc của thanh điều hướng (màu nền hoặc chữ) thường đồng bộ với màu của logo hoặc màu chủ đạo của website.

Các ví dụ minh họa về sự đồng nhất màu sắc giữa thanh điều hướng và giao diện trang

Thanh điều hướng nhiều cấp: Do giới hạn không gian, các liên kết trên thanh điều hướng được nhóm lại theo cấp, tạo thành các menu thả xuống. Khi di chuột vào mục chính, các mục con sẽ hiển thị.

Minh họa thanh điều hướng nhiều cấp với menu dạng thả xuống

Công cụ hỗ trợ: Các phần mềm làm web thường tích hợp sẵn chức năng tạo thanh điều hướng và cho phép tùy chỉnh theo nhu cầu.