Cách Tạo Menu điều Hướng

Mục lục:

Cách Tạo Menu điều Hướng
Cách Tạo Menu điều Hướng

Video: Cách Tạo Menu điều Hướng

Video: Cách Tạo Menu điều Hướng
Video: Tạo Menu Landing Page - Bấm Link Nhảy Xuống Vị Trí Bất Kỳ [ Wordpress + Elementor] 2024, Tháng mười một
Anonim

Để khách truy cập không bị lạc vào trang web và từ bất kỳ trang nào cũng có thể truy cập vào phần mong muốn của tài nguyên, cần tạo menu điều hướng. Các phần tử trỏ nên được đặt trên các trang web sao cho chúng không cản trở việc đọc văn bản và đồng thời có thể dễ dàng tìm thấy trên trang web. Khách truy cập có thể đến các phần cần thiết của tài nguyên bằng cách nhấp vào các từ hoặc hình ảnh tương ứng. Để cung cấp tài nguyên với một menu như vậy, chỉ cần nhập một mã đơn giản vào các phần cần thiết của trang web là đủ.

Cách tạo menu điều hướng
Cách tạo menu điều hướng

Cần thiết

  • - sự hiện diện trên trang web của riêng bạn của một số trang hoặc phần
  • - một số biểu tượng nhỏ về chủ đề của trang web
  • - biết cách đưa hình ảnh lên trang

Hướng dẫn

Bước 1

Để tạo liên kết thanh menu, hãy viết nó như sau:

TRANG CHÍNH

Trong mục nhập này, hãy thay thế http: ⁄ ⁄website.ru bằng URL của trang bạn muốn.

Bước 2

Mã cho menu ngang bao gồm các liên kết văn bản được viết như sau:

TRANG CHÍNH

|

PHÒNG TRƯNG BÀY

|

DIỄN ĐÀN

|

ĐẶT CHỖ CHO KHÁCH

Bước 3

Các nét dọc đóng vai trò là dấu phân cách giữa các mục menu trong một dòng. Để đặt ký tự "|" từ bàn phím, bạn cần nhấn và giữ phím Shift bằng một ngón tay trên bố cục tiếng Anh và bằng ngón tay kia - chọn nút "| / ", nằm ở bên phải của chữ cái "b". Đảm bảo đặt một khoảng trắng trước và sau nét vẽ để các mục menu được cách xa nhau.

Bước 4

Bạn có thể tạo menu dọc từ các liên kết bằng cách sử dụng mục nhập sau:

TRANG CHÍNH

PHÒNG TRƯNG BÀY

DIỄN ĐÀN

ĐẶT CHỖ CHO KHÁCH

Bước 5

Trong trường hợp này, dấu phân tách của các phần menu là thẻ, gói văn bản theo sau nó thành một dòng mới.

Bước 6

Nếu bạn muốn tạo các mục menu không phải ở dạng từ hoặc cụm từ, mà ở dạng hình ảnh sẽ hoạt động như liên kết, thì trước tiên hãy điền vào trang web tất cả các hình ảnh sẽ được sử dụng trong điều hướng của tài nguyên.

Bước 7

Để đặt hình ảnh trên một trang web, bạn cần đặt mã này vào đúng vị trí: Để đặt hình ảnh của chính bạn, thay vì http: ⁄ ⁄website / images / 1.png, hãy viết đường dẫn đến hình ảnh mong muốn được tải lên của bạn Địa điểm.

Bước 8

Viết từng mục của menu đồ họa theo cách này:

Trong mã này, hãy thay thế http: ⁄ ⁄website.ru bằng địa chỉ mong muốn và bằng mã của hình ảnh mong muốn.

Bước 9

Bạn có thể tạo một menu ngang bao gồm các hình ảnh theo cách này:

Bước 10

Trong mã này, tất cả các hình ảnh trong các ô đều nằm trong một hàng của bảng. Chiều rộng của bảng, được đặt không phải bằng pixel mà tính bằng phần trăm, cho phép kéo dài nội dung của bảng bằng toàn bộ chiều rộng của cửa sổ, bất kể độ phân giải màn hình là bao nhiêu. Thẻ:

tạo thành một hàng trong bảng, và

- một trong các ô.

Bước 11

Để đặt một menu đồ họa như vậy trên trang web, hãy thay thế các liên kết, đường dẫn đến hình ảnh và tên của các phần tài nguyên trong mã bằng của riêng bạn.

Đề xuất: