Đáp án 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ì.

Giải 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?

Giải 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.

Giải 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 đó.

-----------------------------------

------------------- Còn tiếp -------------------