Nội dung chính tin học ứng dụng 12 cánh diều bài 3: Tạo thanh điều hướng cho trang web

CHỦ ĐỀ : ỨNG DỤNG TIN HỌC THỰC HÀNH SỬ DỤNG PHẦN MỀM TẠO TRANG WEB

BÀI 3: TẠO THANH ĐIỀU HƯỚNG CHO TRANG WEB

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

- Thanh điều hướng thường liệt kê các mục nội dung chính của website. Mỗi mục nội dung sẽ liên kết đến một hoặc nhiều trang web. 

- Vị trí:

+ Ngay phía dưới của phần đầu trang web.

+ Phần đầu trang web. 

- Màu sắc chủ đạo của thanh điều hướng (màu nền hoặc màu chữ) đồng nhất với màu chủ đạo của trang web và biểu tượng nhận diện thương hiệu như logo của doanh nghiệp.

- Thanh điều hướng trên các trang web thường chỉ hiển thị một dòng ⇒ Các website gồm nhiều trang web không thể hiển thị hết tất cả các liên kết ở cạnh nhau ⇒ Các liên kết đến các trang web được phân thành các nhóm dưới dạng thanh điều hướng nhiều cấp, danh sách các mục con hiển thị khi di chuột vào các mục nội dung.

2. Thực hành

Các bước tạo thanh điều hướng:

- Bước 1: Thêm khối thanh điều hướng vào trang web:

+ Chọn Add Block to Page.

+ Chọn Menu ⇒ chọn thanh điều hướng ⇒ nháy giữ chuột, kéo thả vào vị trí thích hợp trên trang web.

+ Thông báo tùy chọn thêm thanh điều hướng xuất hiện, chọn OK để thêm thanh điều hướng cho tất cả các trang web trong website.

- Bước 2: Điều chỉnh các thông số thiết lập của thanh điều hướng

+ Di chuột lên trên thanh điều hướng để hiển thị thanh công cụ, chọn Block Parameters để mở bảng thiết lập thông số.

+ Tùy chỉnh các thông số trong bảng: bật/tắt các nút lệnh bên cạnh chức năng, kéo thanh trượt hoặc chọn màu trong bảng chọn để thay đổi thanh điều hướng.

- Bước 3: Chỉnh sửa và tạo liên kết cho các mục nội dung trên thanh điều hướng

+ Thay đổi tên mục nội dung: Chọn từng mục nội dung tại vị trí (1) (Hình 8), nhập nội dung mới.

+ Chèn liên kết: Chọn mục nội dung muốn chèn liên kết, chọn Link ở vị trí (2) (Hình 8). Trong hộp thoại Link to, thực hiện một trong các cách:

• Liên kết đến một trang web khác trên Internet: Nhập đường dẫn trong Web Address, chọn Insert Link.
• Liên kết đến một trang web trong website hiện tại: Chọn đích liên kết là một trang web hiện có tại phần Site Pages của thẻ Page, chọn Insert Link.
• Chọn liên kết đến một khối nội dung cụ thể trên trang web vừa chọn trong phần Block on “Tên trang web” Page (nếu bỏ trống phần Site Pages thì mặc định là trang web hiện tại).

+ Chèn biểu tượng:

• Chọn nội dung muốn chèn biểu tượng ⇒ Insert icon ở vị trí 2 (Hình 8).
• Trong hộp thoại Select icons (Hình 11): 

(1): Chọn biểu tượng.

(2): Thay đổi màu sắc biểu tượng.

(3): Tùy chỉnh kích thước của biểu tượng (tắt lệnh Auto).

(4): Thêm biểu tượng cho mục nội dung đó.

+ Chỉnh sửa màu sắc: Chọn nội dung ⇒ Color (vị trí 2 – Hình 8) để thay đổi màu sắc cho tất cả các nội dung.

+ Tạo danh mục con:

• Chọn nội dung ⇒ Add Submenu (vị trí 2 – Hình 8).
• Nhập nội dung danh mục con vào New Item ⇒ Tạo liên kết, chỉnh sửa màu sắc, chèn biểu tượng,…

+ Xóa thanh điều hướng:

• Di chuyển chuột lên trên thanh điều hướng để hiển thị thanh công cụ, chọn Remove Block.
• Chọn OK để xóa, Cancel để hủy thao tác xóa.