תוכלו ליצור ניווט נוח ואינטואיטיבי באתר באמצעות קישורים. טכניקה זו מאפשרת לך להפוך את שהות המשתמש בדפי המשאבים לנוחה ככל האפשר.
הוראות
שלב 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: relative; גובה: 150 פיקסלים; שוליים-שמאל: 15 פיקסלים;}
div # rotator ul li {float: left; עמדה: מוחלט; סגנון רשימה: אין;}
div # rotator ul li.show {z-index: 500;}
פונקציה theRotator () {
$ ('div # rotator ul li'). css ({opacity: 0.0});
$ ('div # rotator ul li: first'). css ({opacity: 1.0});
setInterval ('סובב ()', 5000);
}
פונקציה סובב () {
var current = ($ ('div # rotator ul li.show')? $ ('div # rotator ul li.show'): $ ('div # rotator ul li: first'));
var next = ((current.next (). אורך)? ((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 הבא = $ (sibs [rndNum]);
next.css ({opacity: 0.0})
.addClass ('הצג')
.animate ({אטימות: 1.0}, 1000);
current.animate ({opacity: 0.0}, 1000)
.removeClass ('הצג');
};
$ (document).ready (function () {
theRotator ();
});
שלב 3
על מנת שהדף שאליו מוביל הקישור ייפתח בחלון נפרד, עליך להוסיף את התכונה: לך.
שלב 4
אם מסמך ה- HTML ארוך מדי, תוכל להכניס קישורים לתוכו. לדוגמא, ממש בהתחלה תוכלו להכין תוכן עניינים וכאשר תלחצו על כותרת ספציפית המשתמש יעבור לחלק הרצוי של הדף. לשם כך עליך לרשום קישור עם סמל #: עבור למקטע וצור סימניות לקישורים: קטע.
זה ייראה כך:
אתר אינטרנט
קישור לקטע
סָעִיף
