يمكنك إنشاء تنقل ملائم وبديهي على الموقع باستخدام الروابط. تسمح لك هذه التقنية بجعل بقاء المستخدم على صفحات الموارد مريحًا قدر الإمكان.
تعليمات
الخطوة 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 {position: النسبي؛ الارتفاع: 150 بكسل ؛ الهامش الأيسر: 15 بكسل ؛}
div # rotator ul li {float: left؛ الموقف: مطلق. نمط القائمة: لا شيء ؛}
div # rotator ul li.show {z-index: 500؛}
وظيفة theRotator () {
$ ('div # rotator ul li'). css ({عتامة: 0.0})؛
$ ('div # rotator ul li: first'). css ({opacity: 1.0})؛
setInterval ('rotate ()'، 5000) ؛
}
وظيفة تناوب () {
var current = ($ ('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'): current.next ()): $ ('div # rotator ul li: first'))؛
// var sibs = current.siblings () ؛
// var rndNum = Math.floor (Math.random () * sibs.length) ؛
// var next = $ (sibs [rndNum]) ؛
next.css ({عتامة: 0.0})
.addClass ("عرض")
.animate ({opacity: 1.0} ، 1000) ؛
current.animate ({opacity: 0.0} ، 1000)
.removeClass ('show') ؛
};
$ (document).ready (function () {
theRotator () ؛
});
الخطوه 3
لكي يتم فتح الصفحة التي يؤدي إليها الرابط في نافذة منفصلة ، يجب إضافة السمة: Go.
الخطوة 4
إذا كان مستند html طويلاً جدًا ، فيمكنك وضع روابط بداخله. على سبيل المثال ، في البداية ، يمكنك إنشاء جدول محتويات ، وعند النقر فوق عنوان معين ، سينتقل المستخدم إلى الجزء المطلوب من الصفحة. للقيام بذلك ، تحتاج إلى تسجيل ارتباط برمز #: انتقل إلى القسم وقم بإنشاء إشارات مرجعية للروابط: القسم.
سيبدو مثل هذا:
موقع إلكتروني
رابط إلى قسم
القطاع الثامن
