با استفاده از پیوندها می توانید یک ناوبری راحت و بصری در سایت ایجاد کنید. این روش به شما امکان می دهد تا حد امکان راحتی کاربر در صفحات منابع را راحت کنید.
دستورالعمل ها
مرحله 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 {موقعیت: نسبی؛ ارتفاع: 150 پیکسل margin-left: 15px؛}
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 (). length)؟ ((current.next (). hasClass ('نمایش'))؟ $ ('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 ('نمایش')
متحرک ({opacity: 1.0}، 1000)؛
current.animate ({تیرگی: 0.0} ، 1000)
.removeClass ('نمایش') ؛
};
$ (سند). آماده (تابع () {
theRotator ()؛
});
مرحله 3
برای اینکه صفحه ای که پیوند به آن منجر می شود در یک پنجره جداگانه باز شود ، باید ویژگی را اضافه کنید: برو.
مرحله 4
اگر سند html خیلی طولانی است ، می توانید پیوندهایی را درون آن قرار دهید. به عنوان مثال ، در همان ابتدای کار ، می توانید یک فهرست از مطالب را تهیه کنید ، و هنگامی که روی یک عنوان خاص کلیک کنید ، کاربر به قسمت مورد نظر صفحه منتقل می شود. برای انجام این کار ، باید پیوندی را با یک نماد # ثبت کنید: به بخش بروید و بوک مارک ها را به پیوندها ایجاد کنید: بخش.
شبیه این خواهد شد:
سایت اینترنتی
پیوند به بخش
بخش
