Thầy cô kiến thức thâm sâu
Học sinh chăm chỉ bước đầu thành công.

BÀI 3 - TẠO THANH ĐIỀU HƯỚNG CHO TRANG WEB (CÁNH DIỀU - ICT)

Bài 3 - Tạo thanh điều hướng cho trang web (Cánh diều - ict)
 Đây là bài soạn gợi ý trả lời SGK tin học 12 (bộ sách Cánh diều). Bài này thuộc định hướng: Tin học ứng dụng (ICT). Các em truy cập vào để tham khảo nhé. Chúc các em có nhiều sức khỏe và chăm ngoan học giỏi.
Nháy vào các mục bên dưới để xem nhanh hơn
Khởi động Hoạt động
Vận dụng Câu hỏi tự kiểm tra
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ì.
Gợi ý trả lời:
Cổng thông tin điện tử Bộ Giáo dục và Đào tạo (moet.gov.vn):
 - Logo và tên cơ quan.
 - Thanh điều hướng chính với các mục như "Giới thiệu", "Tin tức", "Văn bản", "Thống kê", "Bộ GD&ĐT với nhân dân", "Quản lý điều hành".
 - Các liên kết bổ sung như "Sơ đồ cổng", "RSS", "Liên hệ", "Đăng nhập".
Báo Mới (baomoi.net.vn):
 - Logo của trang báo.
 - Thanh điều hướng chính với các chuyên mục tin tức như "Nóng", "Mới 100", "VIDEO", "CHỦ ĐỀ", cùng các danh mục như "Bóng đá", "Thế giới", "Xã hội", "Văn hóa", "Kinh tế", v.v.
 - Thanh tìm kiếm cho phép người dùng tìm tin tức theo từ khóa.
Hoc10.vn:
 - Logo và tên trang web.
 - Thanh điều hướng chính với các mục như "Mua sách", "Giới thiệu", "Tủ sách", "Học liệu", "Bài giảng", "Đề kiểm tra", "Kích hoạt sách", "Hỗ trợ".
 - Liên kết "Đăng ký" và "Đăng nhập" cho người dùng mới và hiện tại.
Tóm lại: Một số thành phần phổ biến thường xuất hiện ở phần đầu của các trang web:
 - Logo và tên trang web
 - Thanh điều hướng chính (Navigation Bar)
 - Thanh tìm kiếm (Search Bar)
 - Liên kết đến các chức năng bổ sung
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.
Gợi ý trả lời:
Chức năng của thanh điều hướng:
- Hướng dẫn người dùng: Giúp người dùng dễ dàng tìm kiếm và truy cập các trang quan trọng mà không cần cuộn hoặc tìm kiếm nhiều.
- Tăng trải nghiệm người dùng: Giúp website trở nên thân thiện, dễ sử dụng, giữ chân người dùng lâu hơn.
- Cải thiện SEO: Một thanh điều hướng rõ ràng giúp các công cụ tìm kiếm dễ dàng lập chỉ mục (index) nội dung trang web.
- Tăng khả năng truy cập: Một số thanh điều hướng có thể tùy chỉnh theo sở thích của người dùng hoặc hỗ trợ truy cập trên nhiều thiết bị khác nhau (máy tính, điện thoại, máy tính bảng).
Các vị trí đặt thanh điều hướng:
 - Trên cùng của trang web (Header Navigation Bar)
 - Bên trái hoặc bên phải (Sidebar Navigation)
 - Dưới cùng của trang web (Footer Navigation)
 - Thanh điều hướng ẩn (Hamburger Menu): Chủ yếu trên giao diện di động, khi bấm vào biểu tượng ba dấu gạch ngang, menu sẽ mở ra.
Ở 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.
Hình 13
Gợi ý trả lời:
Bước 1: Mở trang web "phần mềm học tập" trong mobirise
 - Mở Mobirise trên máy tính.
 - Nhấn vào "Sites" (Góc trên bên trái).
 - Chọn trang web "Phần mềm học tập" đã tạo ở Bài 2.
 - Nhấn "Edit Site" để mở trang web và bắt đầu chỉnh sửa.
Bước 2: Thêm thanh điều hướng
 - Nhấn vào biểu tượng "+" (dưới cùng bên phải) để mở danh sách Blocks.
 - Cuộn xuống phần "Menu" (Thanh điều hướng).
 - Chọn một thanh điều hướng phù hợp (có logo, menu chính, và biểu tượng mạng xã hội).
 - Kéo và thả thanh điều hướng vào đầu trang web.
Bước 3: Chỉnh sửa thanh điều hướng theo mẫu
 - Chỉnh sửa Logo & Tiêu đề trang
  + Nhấp vào biểu tượng logo trên thanh menu.
  + Nhấn vào biểu tượng hình ảnh để tải lên logo hoặc nhập tiêu đề "Phần mềm học tập".
 - Thêm và Sửa các mục trong Menu
  + Nhấn vào thanh điều hướng (⚙️ Cài đặt Menu).
  + Xóa các mục thừa và thêm các mục cần thiết:
   1. Giới thiệu
   2. Phần mềm văn phòng
   3. Phần mềm đồ họa
   4. Ngôn ngữ lập trình
  + Nhấn vào từng mục → Chọn "Link" → Gán liên kết đến các trang tương ứng.
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.
Gợi ý trả lời:
 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.
 ➡ Đúng, vì thanh điều hướng thường được thiết kế để xuất hiện trên tất cả các trang trong cùng một website nhằm giúp người dùng dễ dàng di chuyển giữa các trang.
 b) Mỗi trang web có thể có nhiều thanh điều hướng.
 ➡ Đúng, một trang web có thể có nhiều thanh điều hướng, ví dụ:
  + Thanh điều hướng chính ở trên cùng.
  + Thanh điều hướng phụ ở chân trang (footer menu).
  + Thanh điều hướng trong sidebar (menu bên trái/phải).
 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.
 ➡ Đúng, trong thanh điều hướng đa cấp (dropdown menu), các mục con chỉ hiển thị khi di chuột vào hoặc nhấn vào mục cha. Điều này giúp giao diện gọn gàng hơn.
 c) Chỉ có thể tạo được tối đa hai cấp cho thanh điều hướng trên trang web.
 ➡ Sai, vì thanh điều hướng có thể có nhiều cấp hơn 2, tùy vào thiết kế website. Ví dụ:
  + Cấp 1: Phần mềm
  + Cấp 2: Phần mềm văn phòng
  + Cấp 3: Microsoft Word, Microsoft Excel,...
 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.
 ➡ Sai, vì các mục trong thanh điều hướng có thể liên kết đến:
  + Trang nội bộ trong cùng website.
  + Trang web bên ngoài (external links).
  + Tài liệu tải xuống (PDF, Word,...).
  + Email hoặc số điện thoại (dạng mailto: hoặc tel:).

---The end!---

CÙNG CHUYÊN MỤC:
Chủ đề A
Chủ đề B
Chủ đề D
Chủ đề F
Chủ đề G
Chủ đề A (ICT)
Chủ đề E (ICT)
Chủ đề B (CS)
Chủ đề F (CS)
Chủ đề F (CS1)
Chủ đề F (CS1)

CÁC CHUYÊN MỤC LIÊN QUAN:
☎ TIN HỌC 10-KẾT NỐI TRI THỨC
☎ TIN HỌC 11-KẾT NỐI TRI THỨC
☎ TIN HỌC 12-KẾT NỐI TRI THỨC

Tổng số lượt xem

Chăm chỉ chiến thắng tài năng
khi tài năng không chịu chăm chỉ.

- Tim Notke -

Bản quyền
Liên hệ
Chat Zalo
Chat Facebook