Отправляет email-рассылки с помощью сервиса Sendsay

Программирование на JavaScript

  Все выпуски  

Азы и секреты программирования на JavaScript.


Информационный Канал Subscribe.Ru


Азы и секреты программирования на JavaScript N 26

Архив предыдущих выпусков: http://subscribe.ru/
Статистика рассылки: http://subscribe.ru/

Горизонтальное меню

Мы уже сравнительно долго изучаем основы работы с JScript. До сих пор рассматривались сравнительно простые примеры. Но сегодня я хочу открыть довольно серьезную тему - построение главного меню сайта.

Традиционно так уж сложилось, что главное меню навигации представляет из себя горизонтальную полосу со ссылками на основные разделы, расположенную в верхней части страницы. Конечно, есть web-дизайнеры, использующие нетрадиционные подходы в оформлении страниц. Но каждый человек имеет определенный набор навыков и привычек. В частности, мы привыкли видеть в верхней части интефейса, почти всех программ с оконной структурой, именно такое меню. На сайте, где традиционное расположение элементов навигации отсутствует, внимание пользователя напрягается, чтобы разобраться в незнакомой структуре. А это не всегда играет на пользу. Поэтому мы не будем отходить от общепринятых норм, и рассмотрим создание именно такого меню, но с расширенными возможностями.

Постановка задачи

Сегодня не редко можно встретить в Интернете сайты с главным горизонтальным меню продвинутого вида. Обычно в таком меню при наведении курсора текущий элемент меняет свой цвет, и под ним появляется список подчиненных элементов. Кроме того, у некоторых подчиненных элементов могут быть свои списки более низкого уровня. Таким образом формируетя простая и наглядная система навигации по всему сайту. Обычно, при наличии такого меню уже нет необходимость делать ссылку на специальную веб-страницу, которую называют "Карта сайта", какой-бы сложной ни была его логическая структура.

Все вроде-бы красиво и весело. Но... Если все так хорошо, то почему тогда не все сайты используют такое меню? Ответ, мне кажется кроется в том, что достаточно трудно создать такое меню, чтобы оно работало одинаково хорошо во всех, или хотя-бы в большинстве броузеров. Готов поспорить с восемью тысячами читателей рассылки, что никто не сможет указать ссылку на сайт, на котором есть такое меню, и работает оно одинаково хорошо хотя-бы в распространенных броузерах трех наболее популярных разработчиков - Microsoft IE (от версии 5 и далее), Netscape (от версии 4) и Opera (от ver.6).

Таким образом теряются клиенты, падает посещаемость сайта. А кто знает - может именно тот чудак, который зашел "Оперой" на Ваш сайт, предлагающий услуги хостинга, хотел купить хостинг сразу года на три?! Именно по этой причине, веб мастера, дорожащие каждым посетителем, сознательно идут на упрощение программной части веб-страниц за счет снижения динамичности и "зрелищности" страниц. Помотрите на дизайн сайтов таких гигантов, как Rambler, Yandex, Mail.Ru.

Создается впечатление, что задача очень сложна. Возможно и так, но не для нас с Вами. Я предлагаю заняться разработкой именно такого универсального меню с динамичным отображением пунктов меню и максимальной совместимостью с указанными типами броузеров.

Продолжение в следущем выпуске.

Новости SCRIPT.NET.RU: на сайте появился полный справочник HTML-тегов, в котором есть все свойства даже таких редко описываемых тегов, как LAYER или XMP с указанием применимости каждого из свойств в основных версиях броузеров от Microsoft и Netscape.
Кроме того, пополнилась коллекция примеров JScript. В частности - калькулятор, календарь и две игрушки из коллекции Microsoft.


Eсли Вы ищете качественный и недорогой web-хостинг, лично я рекомендую PeterHost.Ru. Российский, прекрасные каналы, сервис "на уровне".

Автор и ведущий рассылки И. Балезин
Лучший хостинг в Рунете

InterReklama Advertizing
Интерреклама. Интернет

http://subscribe.ru/
E-mail: ask@subscribe.ru
Отписаться
Убрать рекламу

В избранное