Создание бокового навигационного меню с помощью таблицы
При разработке многостраничного Web-сайта вам нужно позаботиться о том, чтобы посетители могли без затруднений передвигаться со страницы на страницу вашего сайта. В предыдущем практикуме вы научились создавать маркированные списки, используя для этого отдельные ячейки таблицы. С их помощью также можно создать отлично организованную навигационную панель.
ПРАКТИКУМ
Боковое меню (sidebar) представляет собой простую форму навигационной панели. Обычно боковое меню состоит из списка слов, отображаемых с левой стороны наWeb-странице. Каждое слово на самом деле является ссылкой на другую страницуWeb-сайта. При использовании таблицы для создания бокового меню каждая ячейка таблицы содержит отдельный элемент меню. Приведенный ниже листинг создает боковое навигационное меню, показанное на рис. 2.23:
<table border="0" .cellpadding="0" cellspacing="2" width="96">
<tr><td><a href="home .htm">Главная</a></td></tr><tr><td><a href="samples . htm">Образцы</a></td></tr><tr><td><a href="aboutus.htm">О Hac</a></td></tr><tr><td><a href="contactus.htm">Контакт</a></td></tr><tr><td><a href="purchase.htm">Купить</a></td></tr>
</table>
Чтобы быть последовательными, всегда помещайте боковое навигационное меню в одном и том же месте на каждой странице сайта. Так посетителям будет легче находить систему навигации сайта и пользоваться ею. Чаще всего навигационное меню помещают в двух областях страницы: в виде боковой панели вертикально вдоль левого края Web-страницы (как в данном практикуме) или в виде горизонтальной панели вверху страницы.
Рис. 2.23. Типовое боковое навигационное меню, заключенное в таблицу