เพื่อไม่ให้ผู้เยี่ยมชมหลงทางบนไซต์และจากหน้าใด ๆ สามารถเข้าถึงส่วนที่ต้องการของทรัพยากรได้จึงจำเป็นต้องสร้างเมนูนำทาง ควรวางองค์ประกอบการชี้ไว้บนหน้าเว็บในลักษณะที่ไม่รบกวนการอ่านข้อความและในขณะเดียวกันก็สามารถพบได้ง่ายบนไซต์ ผู้เข้าชมสามารถเข้าถึงส่วนที่จำเป็นของทรัพยากรได้โดยคลิกที่คำหรือรูปภาพที่เกี่ยวข้อง ในการจัดหาทรัพยากรด้วยเมนูดังกล่าวก็เพียงพอที่จะป้อนรหัสอย่างง่ายในส่วนที่จำเป็นของไซต์
จำเป็น
- - การมีอยู่บนเว็บไซต์ของคุณเองในหลายหน้าหรือหลายส่วน
- - ไอคอนขนาดเล็กหลายอันในธีมของไซต์
- - รู้วิธีอัปโหลดรูปภาพไปยังเว็บไซต์
คำแนะนำ
ขั้นตอนที่ 1
ในการทำให้แถบเมนูเป็นลิงค์ ให้เขียนดังนี้:
หน้าหลัก
ในรายการนี้ แทนที่ http: ⁄ ⁄website.ru ด้วย URL ของหน้าที่คุณต้องการ
ขั้นตอนที่ 2
รหัสสำหรับเมนูแนวนอนประกอบด้วยลิงก์ข้อความเขียนดังนี้:
หน้าหลัก
|
แกลเลอรี่
|
ฟอรั่ม
|
สมุดเยี่ยม
ขั้นตอนที่ 3
เส้นแนวตั้งทำหน้าที่เป็นตัวคั่นระหว่างรายการเมนูในบรรทัด การตั้งค่าตัวอักษร "|" จากแป้นพิมพ์คุณต้องกดปุ่ม Shift ค้างไว้ด้วยนิ้วเดียวในรูปแบบภาษาอังกฤษและอีกนิ้วหนึ่ง - เลือกปุ่ม "| / " ซึ่งอยู่ทางด้านขวาของตัวอักษร "b" อย่าลืมเว้นวรรคก่อนและหลังจังหวะเพื่อให้รายการเมนูมีระยะห่างจากกัน
ขั้นตอนที่ 4
คุณสามารถสร้างเมนูแนวตั้งจากลิงค์โดยใช้รายการต่อไปนี้:
หน้าหลัก
แกลเลอรี่
ฟอรั่ม
สมุดเยี่ยม
ขั้นตอนที่ 5
ในกรณีนี้ ตัวคั่นของส่วนเมนูคือแท็ก
ซึ่งตัดข้อความที่ต่อจากนี้ไปขึ้นบรรทัดใหม่
ขั้นตอนที่ 6
หากคุณต้องการสร้างรายการเมนูที่ไม่อยู่ในรูปของคำหรือวลี แต่อยู่ในรูปแบบของรูปภาพที่จะทำหน้าที่เป็นลิงก์ ขั้นแรกให้กรอกข้อมูลในเว็บไซต์ด้วยรูปภาพทั้งหมดที่จะใช้ในการนำทางของทรัพยากร
ขั้นตอนที่ 7
ในการวางภาพบนหน้าเว็บ คุณต้องวางรหัสนี้ในตำแหน่งที่ถูกต้อง: ในการวางภาพของคุณเอง แทนที่จะใช้ http: ⁄ ⁄เว็บไซต์ / ภาพ / 1.png
ขั้นตอนที่ 8
เขียนแต่ละรายการของเมนูกราฟิกด้วยวิธีนี้:
ในรหัสนี้ ให้แทนที่ http: ⁄ ⁄website.ru ด้วยที่อยู่ที่ต้องการ และด้วยรหัสของรูปภาพที่ต้องการ
ขั้นตอนที่ 9
คุณสามารถสร้างเมนูแนวนอนที่ประกอบด้วยรูปภาพในลักษณะนี้:
ขั้นตอนที่ 10
ในรหัสนี้ รูปภาพทั้งหมดในเซลล์จะอยู่ในแถวเดียวของตาราง ความกว้างของตาราง ไม่ได้ตั้งค่าเป็นพิกเซล แต่เป็นเปอร์เซ็นต์ ทำให้สามารถขยายเนื้อหาของตารางจนเต็มความกว้างของหน้าต่าง โดยไม่คำนึงถึงความละเอียดหน้าจอ แท็ก:
สร้างแถวตารางและ
- หนึ่งในเซลล์
ขั้นตอนที่ 11
ในการวางเมนูแบบกราฟิกบนไซต์ ให้แทนที่ลิงก์ เส้นทางไปยังรูปภาพ และชื่อของส่วนทรัพยากรในโค้ดด้วยของคุณเอง