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

Khởi động (SGK Cánh Diều - Trang 134)

Hướng dẫn giải

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.

(Trả lời bởi Nguyễn Việt Dũng)
Thảo luận (1)

Hoạt động (SGK Cánh Diều - Trang 134)

Hướng dẫn giải

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.

(Trả lời bởi Nguyễn Việt Dũng)
Thảo luận (1)

Vận dụng (SGK Cánh Diều - Trang 139)

Hướng dẫn giải

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 đó.

(Trả lời bởi Nguyễn Việt Dũng)
Thảo luận (1)

Câu hỏi tự kiểm tra (SGK Cánh Diều - Trang 139)

Hướng dẫn giải

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.

(Trả lời bởi Nguyễn Việt Dũng)
Thảo luận (1)