BÀI 26. LIÊN KẾT VÀ THANH ĐIỀU HƯỚNG
Nhiệm vụ 1: Tìm hiểu mô hình các trang web liên kết với nhau theo cấu trúc hình cây
1. Mô hình tổ chức trang web
Nội dung:
Để tránh trang web quá dài và mất cân đối, chúng ta chia nhỏ nội dung thành các trang độc lập (gọi là trang con) và liên kết chúng với trang chủ.
Cấu trúc cây:
Trang chủ là gốc, các trang con là cành, từ trang con có thể có thêm các trang con nhỏ hơn nữa.
Ví dụ:
Website trường học có Trang chủ. Trong Trang chủ có trang con là Hoạt động, trong trang Hoạt động lại có trang con nhỏ hơn là Văn nghệ.
2. Cách liên kết hoạt động
Nội dung:
Trên trang chủ chỉ hiển thị phần giới thiệu tóm tắt, sau đó dùng liên kết (thường là nút "Đọc tiếp") để dẫn người xem đến trang con chứa nội dung đầy đủ.
Ví dụ:
Ở trang chủ em viết 3 dòng giới thiệu về "Mù Cang Chải", bên dưới em đặt dòng chữ "Đọc tiếp". Khi người xem bấm vào chữ "Đọc tiếp", máy tính sẽ mở ra trang riêng biệt nói chi tiết về Mù Cang Chải.
CÂU HỎI TRẮC NGHIỆM
Câu 1: Để giải quyết vấn đề văn bản quá dài và tạo sự cân đối cho trang web, giải pháp được đưa ra là gì?
Câu 2: Các trang web được mở từ bảng chọn của trang chủ được gọi là gì?
Câu 3: Các trang web trong một website thường được tổ chức và sắp xếp theo cấu trúc nào?
Câu 4: Cụm từ "Đọc tiếp" thường được sử dụng ở trang chủ với mục đích gì?
Câu 5: Mối quan hệ giữa thanh điều hướng và các trang con được thể hiện như thế nào?
Câu 6: Nếu bạn đang xây dựng website về "Âm nhạc", trong đó có mục "Nhạc Trẻ" và trong mục Nhạc Trẻ có bài hát "Mong ước kỷ niệm xưa". Cấu trúc nào sau đây là đúng?
Nhiệm vụ 2: Tạo và truy cập các trang con
Bước 1. Tạo trang con
Nội dung:
Sử dụng bảng chọn Trang ở khung bên phải. Nháy vào dấu ba chấm (⋮) cạnh tên trang mẹ và chọn Thêm trang con, sau đó đặt tên và chọn Xong.
Ví dụ:
Em muốn tạo trang "Đà Lạt" nằm trong trang "Du lịch". Em vào thẻ Trang, bấm dấu 3 chấm cạnh trang "Du lịch" → chọn "Thêm trang con" → nhập tên "Đà Lạt" → bấm Xong.
Bước 2. Truy cập các trang
Nội dung:
Sử dụng Thanh điều hướng (Menu) của trang web. Khi đưa chuột vào tên trang mẹ, danh sách các trang con sẽ hiện ra để em nháy chọn.
Ví dụ:
Trên thanh menu trang web, em rê chuột vào mục "Tây Bắc - Đông Bắc", một bảng chọn nhỏ sẽ thả xuống, em bấm vào "Mù Cang Chải" để mở trang đó ra sửa.
Lưu ý: Cài đặt thanh điều hướng (Menu)
Nội dung:
Em có thể chỉnh vị trí thanh điều hướng nằm Trên cùng (mặc định) hoặc nằm Bên (dạng menu ẩn 3 gạch giống trên điện thoại) bằng cách vào nút Cài đặt (hình bánh răng) → Điều hướng.
Ví dụ:
Em muốn menu trang web hiện bên trái thay vì trên đầu, em vào Cài đặt → Điều hướng → chọn chế độ "Bên".
Bước 3. Thêm nội dung cho các trang con
Nội dung:
Khi mới tạo, trang con sẽ trống (chỉ có tiêu đề và hình nền mặc định). Em cần chỉnh sửa lại hình nền (banner) cho khác biệt và thêm nội dung chi tiết (văn bản, hình ảnh, video...).
Ví dụ:
Trang con "Mù Cang Chải" vừa tạo xong, em thay hình bìa bằng ảnh ruộng bậc thang, sau đó chèn thêm bài văn mô tả và video quay cảnh mùa lúa chín vào thân trang.
Bước 4. Tạo liên kết trong bài giới thiệu
Nội dung:
Để gắn liên kết vào một đoạn văn bản: Bôi đen đoạn văn bản đó → Nháy chọn biểu tượng Chèn đường liên kết (hình mắt xích) → Chọn trang đích muốn đến → Nhấn Áp dụng.
Ví dụ:
Tại Trang chủ, em bôi đen chữ "Xem chi tiết". Em bấm nút hình mắt xích, danh sách các trang hiện ra, em chọn trang "Mù Cang Chải" rồi bấm Áp dụng. Lúc này chữ "Xem chi tiết" sẽ biến thành đường link.
CÂU HỎI TRẮC NGHIỆM
Câu 7: Để tạo trang con mới, em cần thao tác tại bảng chọn nào ở cột bên phải?
Câu 8: Biểu tượng nào cạnh tên "Trang chủ" được dùng để mở menu chọn "Thêm trang con"?
Câu 9: Khi một trang con mới được tạo, phần đầu trang (header) của nó sẽ như thế nào?
Câu 10: Để chèn đường liên kết cho đoạn văn bản đã chọn, em nháy chuột vào biểu tượng nào?
Câu 11: Tùy chọn để thay đổi vị trí thanh điều hướng nằm trong mục nào?
Câu 12: Sau khi tạo trang con, để phân biệt với trang chủ, thao tác nào thường được khuyến khích thực hiện ở phần đầu trang?
Câu 13: Để truy cập vào một trang con trong chế độ thiết kế, em thực hiện thao tác gì?
Câu 14: Khi thiết lập thanh điều hướng ở chế độ "Bên" (Side), giao diện trên máy tính sẽ thay đổi như thế nào?
Câu 15: Em muốn tạo liên kết từ chữ "Chi tiết" đến trang "Hà Nội". Sau khi bôi đen chữ "Chi tiết" và bấm biểu tượng liên kết, bước tiếp theo là gì?
Câu 16: Bạn A muốn tạo một trang web có menu điều hướng nằm bên trái (dạng ngăn kéo) thay vì nằm ngang trên cùng. Bạn cần chọn thiết lập nào trong mục Cài đặt → Điều hướng?