TIPS OF WEB

Спецвыпуск Xakep, номер #019, стр. 019-096-2

Tipsa 6. Для реализации ролловер-меню удобно использовать Macromedia Dreamweaver (самый рульный едитор для веб-дизайна ;)). После того, как все кнопки и во всех состояниях готовы, запускай его, выбирай подходящее место и вставляй меню командой Insert -> Interactive Images -> Navigation Bar. Плюсиком и минусиком регулируй количество кнопок в меню, не убирай галочку напротив слов Preload Images, чтобы кнопки в "наведенном" состоянии загрузились прежде того, как чел наведет на них свой грязный крысиный курсор. Редактировать Navigation Bar можно в любое время, вызвав его параметры таким образом: Modify -> Navigation Bar.

Tipsa 7. В более продвинутых ресурсах для навигации используется выпадающее меню. Его легко сделать в графическом редакторе Fireworks. Преимущество этого редактора состоит еще и в том, что сами кнопки можно делать на месте, не отходя от кассы. Рисуешь картинку, делаешь хотспот (хотспот - это часть картинки, которая реагирует на события мыши), выполняешь команду Insert -> Pop-up menu и смело редактируешь настройки. После тяжкого труда остается только экспортировать его результат в ХТМЛ. Все получившееся хозяйство также может успешно перекочевать для дальнейшей модификации в тот же Дримвивер - эти проги замечательно работают в паре.

Tipsa 8. Если страница создается в WYSIWYG-редакторе (это где все мышкой делается), то при больших объемах файла сильно страдает чистота кода (особенно этим страдает мастдайный Frontpage). Конечно, в устах многих это бoльшая проблема, чем это есть на самом деле, но иногда все же лучше подчищать код. Лучше - вручную, но есть и специализированные помощники вроде программы Advanced HTML Optimizer. Эта программа удаляет не только лишние теги, но и абзацы, и пробелы. Подобные изменения не будут видны для тех, кто смотрит на пагу через браузер, но сильно утяжеляют редактирование страницы, так что лучше иметь запасной вариант страницы на локальном диске.

Tipsa 9. Было бы красиво использовать в качестве элементов меню пиктограммы, то есть маленькие картинки со смыслом. На первой странице их можно подать с комментариями (допустим, раздел "Скачать" - изображение флоппика и соответствующая подпись внизу или сверху), а на последующих страницах оставить только картинки. Людям приятнее смотреть на аккуратные пикчуры, чем читать текст.

Tipsa 10. Лучше использовать устоявшиеся значки (почта - "собачка", помощь - знак вопроса, поиск - лупа), чтобы не получилась ситуация, когда чел материт тебя, пытаясь разобраться, что означает кнопка с изображением "фиги".

Tipsa 11. Традиционно меню навигации располагается либо сверху, либо слева окна браузера. Как бы ни хотелось тебе быть оригинальным рубахой-парнем, лучшим решением будет сделать именно так и не расстраивать прихожанина, заставляя его дергать глаза туда-сюда в поисках менюшки и называть тебя некрасивыми терминами.