КампутарыПраграмаванне

Як зрабіць спасылку на старонцы свайго сайта

Спасылка ўяўляе сабой элемент старонкі вэб-сайта (адно або некалькі слоў, малюнак, кнопка і да т.п.), які паказвае на іншы яго элемент, іншую старонку альбо вядучы на іншыя рэсурсы. Унутраныя спасылкі вядуць на старонкі, размешчаныя ў межах ўласнага сайта. Спасылка, з дапамогай якой можна перайсці на іншы рэсурс, называецца вонкавай.

Кожны пачынаючы вярстальнік рана ці позна задумваецца над тым, як зрабіць спасылку, паколькі дадзены элемент з'яўляецца важным складнікам любога сайта, якая забяспечвае ўзаемасувязь яго старонак паміж сабой. Больш за тое, спасылкі праймаюць інтэрнэт-прастору, аб'ядноўваючы яго ў адзіную сусветную павуціну. У якасці дадзенага элемента, як ужо было сказана, можа выступаць любы малюнак альбо ўрывак тэксту.

Як зрабіць спасылку на старонцы сайта?

Яна задаецца на мове разметкі гіпертэксту - html пры дапамозе парнага тэга «a» і складаецца з двух асноўных элементаў: адрасы і тэксту (альбо выявы). Адрасе любой спасылкі адпавядае адмысловы атрыбут - href. Тэкст дадзенага элемента носіць назву Анкор або якара. Іншымі словамі, анкор ўяўляе сабой тое месца, у якое мы трапім, клікнуўшы па дадзенай спасылцы. Пераход можа быць ажыццёўлены на любую існуючую ў сетцы старонку, а таксама на любы які складае яе элемент, незалежна ад яго пашырэння (html, rar, mp3 і г.д.). Змены колеру дадзенага элемента можна дамагчыся, ужыўшы да яго правіла каскадных табліцы стыляў (css).

Як зрабіць спасылку з ужываннем малюнка?

Дадаць маляўнічасці старонцы свайго сайта можна, размясціўшы на ёй спасылку ў выглядзе якой-небудзь карцінкі. Для гэтых мэтаў спатрэбіцца сама выява, мірна якое ляжыць у якой-небудзь тэчцы на персанальным кампутары. Далей замест тэксту, размешчанага паміж тэгамі «a», варта паказаць шлях да дадзенага малюнку, не забываючы пры гэтым дадаць адкрываламу тэгу атрыбут href. Калі ўсё было зроблена правільна, на старонцы сайта, адкрытай у любым інтэрнэт-браўзэры, можна ўбачыць гэтую выяву ў выглядзе спасылкі. Пры гэтым вакол яго з'явіцца тонкая, але вельмі прыкметная рамачка. Для таго каб ад яе пазбавіцца, у файле css ствараецца асобны селектар a img і дадаецца яму ўласцівасць border: none (прыбраць рамку).

Як зрабіць спасылку актыўнай?

Любых перайначванняў элементаў вэб-старонкі можна дамагчыся, ужыўшы ўласцівасці каскадных табліц стыляў. Да прыкладу, наведванне спасылка на мове css пазначаецца так: a: visited; спасылка, на якую наведзены курсор кампутарнай мышы, так: a: hover. Актыўнай называецца рабочая спасылка, якая вядзе на якую-небудзь старонку сайта альбо на іншы рэсурс. Для таго каб яна была рабочай, пасля яе атрыбуту неабходна ўказаць поўны адрас той старонкі ці таго сайта, на які яна вядзе. У дадзеным выпадку мы таксама можам адказаць на пытанне аб тым, як зрабіць спасылку заблакаваны. Для гэтага трэба скапіяваць з акна браўзэра адрас старонкі, на якую яна будзе весці. Далей яго таксама варта размясціць у html-кодзе старонкі пасля атрыбуту дадзенай спасылкі.

Як зрабіць спасылку ў выглядзе кнопкі?

Кнопкі, пасля націску на якія ажыццяўляецца пераход на якую-небудзь старонку сайта альбо іншы рэсурс, таксама лічацца спасылкамі. Знешні выгляд такіх можа істотна адрознівацца, у залежнасці ад уяўлення які стварае іх дызайнера. Звычайная кнопка малюецца ў праграме Фотошоп. Яна ўяўляе сабой невялікую карцінку, змяшчаюць на старонку сайта ў працэсе яго вёрсткі. Далей у html-кодзе старонкі ў тэг "а" заключаецца яшчэ адзін тэг «img», які пазначае карцінку. Дадзеным тэгу варта дадаць атрыбут з указаннем шляху да змешчанай на кампутары распрацоўніка малюнку-кнопцы.

Ствараючы розныя спасылкі на сваім сайце, варта памятаць, што галоўным іх прызначэннем з'яўляецца зручнасць карыстальніка ў плане навігацыі. Занадта вялікая колькасць падобных элементаў можа прывесці карыстальніка ў замяшанне, што ў сваю чаргу гарантуе зніжэнне наведвальнасці сайта. Спасылкі варта размяшчаць на яго старонках толькі ў тым выпадку, калі яны сапраўды неабходныя.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 be.birmiss.com. Theme powered by WordPress.