Как да направите връзка към страницата си в сайта

Връзката е елемент на уеб страница (една или повече думи, картина, бутон и т.н.), сочещи към друг елемент, друга страница или водещи до ресурси на трети страни. Вътрешните връзки водят до страници, хоствани в собствения ви сайт. Връзката, с която можете да отидете на друг ресурс, се нарича външна.

Всеки начинаещ е рано или късно да мисли за това как да направи връзка, защото този елемент е важен компонент на всеки сайт, който осигурява взаимната връзка на своите страници един с друг. Нещо повече, връзките проникват в Интернет пространството, интегрирайки го в едно в световната мрежа. Като даден елемент, както вече беше споменато, всяко изображение или откъс от текст може да действа.

Как да направите връзка на страницата на сайта?

Тя се посочва в хипертекстовия маркиращ език - html, използвайки двойния маркер "a" и се състои от два основни елемента: адрес и текст (или изображение). Адресът на всяка връзка отговаря на специален атрибут - href. Текстът на този елемент се нарича котва или котва. С други думи, котвата е мястото, до което стигаме, като кликнете върху тази връзка. Преходът може да бъде направен към всяка съществуваща страница в мрежата, както и към който и да е компонент от нея, независимо от разширението му (html, rar, mp3 и т.н.). Промените в цвета на този елемент могат да бъдат постигнати чрез прилагане на каскадното правило на стиловия лист (css) към него.

Как да направя връзка с изображение?

Добавете цвят към страницата на сайта си, като поставите връзка върху него под формата на снимка. За тези цели ще ви е необходимо самото изображение, разположено мирно в папка на вашия персонален компютър. След това, вместо текста, разположен между маркерите "a", трябва да посочите пътя към това изображение, без да забравяте да добавите атрибута href към маркера за отваряне. Ако всичко е направено правилно, можете да видите това изображение като връзка на страницата на сайта, отворена във всеки интернет браузър. В този случай около него ще се появи тънка, но много забележима рамка. За да се отървем от него, в css файла и границата се създава отделен селектор img: нищо не се добавя (премахнете рамката).

Как да направите връзката активна?

Всички модификации на елементите на уеб страница могат да бъдат постигнати чрез прилагане на свойствата на каскадни стилови листа. Например посетената css референтна е обозначена като: a: visited - връзката, към която сочи курсора компютърна мишка, така че: a: hover. Активният се нарича работна връзка, водеща до която и да е страница на сайта или към ресурс на трета страна. За да работи, след атрибута му е необходимо да посочите пълния адрес на страницата или сайта, към който тя води. В този случай можем да отговорим и на въпроса как да направите връзката, върху която да се кликва. За да направите това, трябва да копирате от прозореца на браузъра адреса на страницата, на която ще се води. Освен това трябва да се постави и в html-кода на страницата след атрибута на тази връзка.

Как да направите връзка под формата на бутон?

Бутоните, след като сте кликнали върху която и да е страница на сайта или ресурс на трета страна, също се считат за връзки. Появата им може да варира значително, в зависимост от въображението на дизайнера, който ги създава. Обичайният бутон се изчертава във Photoshop. Това е малко изображение, поставено на страницата на сайта в процеса на оформлението му. Освен това в html-кода на страницата в маркера "a" е друг маркер "img", който обозначава картината. Към този маркер трябва да се добави атрибут, показващ пътя до картинката с бутони на компютъра на компютъра.

Когато създавате различни връзки на сайта си, не забравяйте, че основната им цел е удобството на потребителите по отношение на навигацията. Твърде много такива елементи могат да объркат потребителя, което на свой ред осигурява намаляване на трафика в сайта. Връзките трябва да бъдат публикувани на нейните страници само когато те наистина са необходими.