За да не се загубят посетителите на сайта и от която и да е страница да имат достъп до желания раздел на ресурса, е необходимо да направите меню за навигация. Посочващите елементи трябва да се поставят на уеб страниците по такъв начин, че да не пречат на четенето на текста и в същото време лесно да бъдат намерени на сайта. Посетителите могат да стигнат до необходимите части на ресурса, като кликнат върху съответните думи или изображения. За да предоставите на ресурса такова меню, е достатъчно да въведете прост код в необходимите части на сайта.
Необходимо
- - присъствието на вашия собствен сайт на няколко страници или раздели
- - няколко малки икони по темата на сайта
- - знам как да качвам снимки на сайта
Инструкции
Етап 1
За да направите лента от менюто връзка, напишете я по следния начин:
ГЛАВНА СТРАНИЦА
В този запис заменете http: ⁄ ⁄website.ru с URL адреса на страницата, която искате.
Стъпка 2
Кодът за хоризонтално меню, състоящо се от текстови връзки, е написан по следния начин:
ГЛАВНА СТРАНИЦА
|
ГАЛЕРИЯ
|
ФОРУМ
|
КНИГА ЗА ГОСТИ
Стъпка 3
Вертикалните щрихи служат като разделители между елементите на менюто в даден ред. За задаване на символа "|" от клавиатурата трябва да натиснете и задържите клавиша Shift с един пръст върху английското оформление, а с другия - изберете бутона "| / ", който се намира вдясно от буквата "b". Не забравяйте да поставите интервал преди и след щриха, така че елементите от менюто да са на разстояние един от друг.
Стъпка 4
Можете да създадете вертикално меню от връзки, като използвате следния запис:
ГЛАВНА СТРАНИЦА
ГАЛЕРИЯ
ФОРУМ
КНИГА ЗА ГОСТИ
Стъпка 5
В този случай разделителят на частите от менюто е тагът, който обгръща текста след него в нов ред.
Стъпка 6
Ако искате да направите елементи от менюто не под формата на думи или фрази, а под формата на изображения, които ще действат като връзки, първо попълнете сайта с всички изображения, които ще бъдат използвани в навигацията на ресурса.
Стъпка 7
За да поставите изображение на уеб страница, трябва да поставите този код на правилното място: За да поставите свое собствено изображение, вместо http: ⁄ ⁄website / images / 1.png, напишете пътя към желаното изображение, качено във вашия сайт.
Стъпка 8
Напишете всеки елемент от графичното меню по този начин:
В този код заменете http: ⁄ ⁄website.ru с желания адрес и с кода на желаната снимка.
Стъпка 9
Можете да създадете хоризонтално меню, състоящо се от изображения по този начин:
Стъпка 10
В този код всички картинки в клетките са разположени в един ред на таблицата. Ширината на таблицата, зададена не в пиксели, а в проценти, позволява съдържанието на таблицата да бъде разтегнато до пълната ширина на прозореца, независимо от разделителната способност на екрана. Етикети:
образуват ред в таблица и
- една от клетките.
Стъпка 11
За да поставите такова графично меню на сайта, заменете връзките, пътищата до изображенията и имената на раздели на ресурси в кода със свои.
