Loading





Форекс с Альпари

eTXT




Анкетка


Как создать навигационное меню на странице сайта?

Информация, представленная на этой странице ориентирована в первую очередь для начинающих web-мастеров.

Навигационное меню можно отнести к важнейшим элементам сайта. Оно, как правило, располагается на самом видном и удобном месте страницы, вверху, если меню горизонтальное и соответственно, слева-справа, если вертикальное. Это настоящий путеводитель по вашему ресурсу. Человек, пришедший на Ваш сайт в первую очередь обращается к меню навигации, поэтому его внешний вид имеет очень важное значение. Существует великое множество видов и типов меню, все рассмотреть практически невозможно, поэтому обратимся к нескольким видам. Я попытался представить варианты меню навигации с помощью такого же элемента, о котором идёт речь в названии страницы. Посмотрите некоторые из них:




Попутно хочу препарировать меню, которое Вы только что видели и опробовали в работе. Если есть желание его получить, коды внизу.

Пропишем стили между тегами head, или в файле стилей css:

Для выделения текста сделайте щелчок мышью.
Для увеличения окна, «подцепите» мышью правый нижний угол.





Скопируем и вставим на страницу своего сайта или в отдельно созданный документ HTML между тегами head следующий скрипт:

Для выделения текста сделайте щелчок мышью.
Для увеличения окна, «подцепите» мышью правый нижний угол.





А этот код меню разместим в body. Здесь необходимо проставить свои ссылки, а так же их названия. Можно увеличить количество верхних вкладок или ссылок путём простого действия - «клонирования» любой вкладки.

Для выделения текста сделайте щелчок мышью.
Для увеличения окна, «подцепите» мышью правый нижний угол.


Меню на первый взгляд простенькое, но код у него достаточно объёмный. Действия по установке не представляют особых трудностей, так как Вам нужно всего лишь ввести названия своих ссылок. Удачи! L.M.


Работа в интернете с текстами




Ваш комментарий







  © 2015–2018  https://leonidmuzyka.com/  L.M. Служба поддержки RSS подписка подписка