В 2007 году издана книга известного веб-дизайнера Артемия. Стоит ли создавать ниспадающие меню в NAVSTUDIO?
Почему я отказалась от меню на JavaScript
Ниспадающие меню легко создать в специальной программе. Например, достаточна популярна программа NavStudio. Мне понравилась возможность добавлять различные эффекты к ниспадающим спискам. Спустя время я поняла, что кроме эффектов у такого меню есть и недостатки.
1. Ссылки в таких меню не индексируются поисковыми роботами. В этом случае нужна карта сайта, в которой эти ссылки будут текстовыми.
2. Самая распространенная картина, которую вы можете увидеть, просматривая код таких страниц, в самом начале:
<!--** START NAVSTUDIO MENU TAGS (438337) **-->
<div id="vqp_about" style="position:absolute; visibility:hidden;
left: 9px; width: 750px; height: 26px;">****JavaScript based drop
down DHTML menu generated by NavStudio. (OpenCube Inc. - http://www.opencube.com)****</div>
<script language="JavaScript" vqptag="doc_level_settings" vqp_datafile0="new_menu12.js" vqp_uid0=438337>cdd__codebase
= "";cdd__codebase438337 = "";</script>
<script language="JavaScript" vqptag="datafile" src="new_menu12.js"></script><script
vqptag="placement" vqp_menuid="438337" language="JavaScript">create_menu(438337)</script>
<!--** END NAVSTUDIO MENU TAGS **-->
Такой кодик может оказаться в сниппетах, т.е. в результатах запросов сразу под ссылкой с названием страницы. У меня так и было. Поисковый робот посчитал, что самая важная информация находится наверху страницы, вот он ее и показал. Когда вместо осмысленных фраз посетитель получает какую-то абру-кадабру, то кликать по такой ссылке он будет далеко не всегда.
Это неразумно еще и потому, что в начале кода страницы желательно наличие текста с ключевыми словами, так как страница становится более видима поисковыми роботами.
Такая проблема постигает все табличные сайты. Веб-мастера вынуждены размещать такой код в начале страницы, так как меню должно находиться наверху.
В блочных сайтах этот код можно разместить внизу страницы, но визуально его поднять при помощи абсолютного позиционирования. Но и это не выход.
3. Укажите
полный DOCTYPE (как
и полагается) в документе, и вы увидите, что меню все скукоживается.
В свое время я убрала web-адрес из DOCTYPE (стандарт был HTML 4.01)
и получила нормальное отображение меню в Internet Explorer 6.0, зато
в других браузерах (Opera, Mozilla Firefox) меню выглядело просто
ужасно. Но тогда можно было проигнорировать DOCTYPE, так как мой сайт
был табличным. Другая же верстка не позволяет этого делать.
Блочные сайты без полной декларации DOCTYPE невозможно
создавать кроссбраузерными. Выходит, что блочные сайты и меню, сделанное в NavStudio, несовместимы.
4. В конце концов, может быть отключена в браузере поддержка JavaScript. В таком случае страница окажется вообще без навигации.
5. По поводу использования изображений вместо текста: при отключении картинок в браузере таким меню невозможно пользоваться.
Есть альтернатива
На сегодняшний день я думаю, что нет ничего лучше текстовых ссылок. Ниспадающее меню, выполненное при помощи CSS, — это прекрасная альтернатива скриптовому. Например, наведите курсор мыши на «Видеокурс». Список ниспадает без каких-либо эффектов (эти эффекты работают только в Internet Explorer 6.0). Но я считаю, что они не могут компенсировать вышеперечисленные недостатки.
Правда, ниспадающие CSS-меню работают в Internet Explorer 6.0 только при поддержке javascript в браузере посетителя.
Реализации ниспадающих меню посвящено два урока из моего видеокурса.
- Бесплатный видеоурок по созданию горизонтального и вертикального меню на основе одного списка.
- Какой стандарт предпочтительнее выбрать при создании нового сайта? Отличия XHTML от HTML.
- Web-студии и web-стандарты — две вещи несовместные?
- Филоcофия CSS-дизайна. Об удивительной технологии CSS.
- Почему XHTML+CSS? 15 доводов в пользу перехода на XHTML+CSS.
- Зачем нужна печатная версия сайта. Как создать печатную CSS-версию?