คุณสามารถสร้างการนำทางที่สะดวกและใช้งานง่ายบนเว็บไซต์โดยใช้ลิงก์ เทคนิคนี้ช่วยให้คุณทำให้ผู้ใช้อยู่ในหน้าทรัพยากรได้อย่างสะดวกสบายที่สุด
คำแนะนำ
ขั้นตอนที่ 1
ลิงค์ใด ๆ ถูกสร้างขึ้นโดยใช้แท็กที่ต้องปิดด้วย ที่อยู่ของหน้าจะแสดงอยู่ในเครื่องหมายคำพูดหลังแอตทริบิวต์ href ผลลัพธ์ควรเป็นดังนี้:
เว็บไซต์
ไปที่แกลเลอรี่ภาพ
หากต้องการนำทางไปยังหน้าที่ปรากฏในพื้นที่อินเทอร์เน็ต ให้ระบุที่อยู่ของหน้านั้น เช่น KakProsto.ru ในการเชื่อมต่อกับไฟล์ html บนคอมพิวเตอร์ของคุณ ให้เขียนพาธไปที่ไฟล์นั้น ตามหลักการแล้ว ขอแนะนำให้เปลี่ยนเป็นภาษาอังกฤษเพื่อกำจัดบันทึกขนาดยาวที่เกิดขึ้นเมื่อคัดลอกข้อความภาษารัสเซียพร้อมคำแปลที่ตามมาในรูปแบบที่ต้องการ ตัวอย่างเช่น ไฟล์: /// E: /% D0% A3% D1% 87% D0% B5% D0% B1% D0% B0 / XXX% 20% D0% BF% D0% B0% D0% BF% D0% BA % D0% B0 /% D1% 81% D0% B0% D0% B9% D1% 82% 29% 29% 29/11% 20% D1% 81% D1% 82% D1% 80% 20% D1% 80 % D0% B0% D0% B7% D0% BD% D0% BE% D0% B5 /% D0% BE% D0% B1% D0% BE% 20% D0% B2% D1% 81% D0% B5% D0% BC % 20% D0% B3% D0% BB% D0% B0% D0% B2% D0% BD% D0% B0% D1% 8F.html"
ขั้นตอนที่ 2
ลิงก์สามารถตั้งค่าเป็นรูปภาพได้ เมื่อต้องการทำเช่นนี้ ให้ใส่รูปภาพระหว่างแท็ก และ: หากต้องการเปิดภาพประกอบขนาดเต็มขนาดที่ใหญ่ขึ้นเมื่อคุณวางเมาส์เหนือไอคอนขนาดเล็ก คุณจำเป็นต้องใช้พวง
ในการจัดระเบียบการเปลี่ยนรูปภาพ ซึ่งแต่ละภาพจะถูกนำเสนอเป็นลิงก์และนำไปสู่หน้าต่างๆ ให้ใช้รหัส:
เว็บไซต์
div # rotator {ตำแหน่ง: ญาติ; ความสูง: 150px; ระยะขอบซ้าย: 15px;}
div # rotator ul li {ลอย: ซ้าย; ตำแหน่ง: สัมบูรณ์; รายการสไตล์: none;}
div # rotator ul li.show {ดัชนี z: 500;}
ฟังก์ชั่น theRotator () {
$ ('div # rotator ul li'). css ({ความทึบ: 0.0});
$ ('div # rotator ul li: first'). css ({ความทึบ: 1.0});
setInterval ('หมุน ()', 5000);
}
ฟังก์ชั่นหมุน () {
var ปัจจุบัน = ($ ('div # rotator ul li.show')? $ ('div # rotator ul li.show'): $ ('div # rotator ul li: first'));
var next = ((current.next (). length)? ((current.next (). hasClass ('show'))? $ ('div # rotator ul li: first'): ปัจจุบัน.next ()): $ ('div # rotator ul li: first'));
// var sibs = ปัจจุบันพี่น้อง ();
// var rndNum = Math.floor (Math.random () * sibs.length);
// var next = $ (พี่น้อง [rndNum]);
next.css ({ความทึบ: 0.0})
.addClass ('แสดง')
.animate ({ความทึบ: 1.0}, 1000);
current.animate ({ความทึบ: 0.0}, 1000)
.removeClass ('แสดง');
};
$ (เอกสาร).ready (ฟังก์ชัน () {
theRotator ();
});
ขั้นตอนที่ 3
เพื่อให้หน้าที่ลิงก์นำไปเปิดในหน้าต่างแยกต่างหาก คุณต้องเพิ่มแอตทริบิวต์: ไป
ขั้นตอนที่ 4
หากเอกสาร html ยาวเกินไป คุณสามารถใส่ลิงก์ไว้ข้างในได้ ตัวอย่างเช่น ในตอนเริ่มต้น คุณสามารถสร้างสารบัญ และเมื่อคุณคลิกที่หัวข้อเฉพาะ ผู้ใช้จะย้ายไปยังส่วนที่ต้องการของหน้า ในการดำเนินการนี้ คุณต้องลงทะเบียนลิงก์ด้วยไอคอน #: ไปที่ส่วนและสร้างบุ๊กมาร์กไปยังลิงก์: ส่วน
มันจะมีลักษณะดังนี้:
เว็บไซต์
ลิงค์ไปยังส่วน
มาตรา