Отображение навигационного меню в фрейме Web-страницы
HTML-фреймы применяются тогда, когда необходимо в одном окне браузера отобразить более одной Web-страницы. Поскольку Web-браузер использует для каждого фрейма отдельный URL-адрес, он может загружать в каждый из фреймов новую Web-страницу без изменения содержимого остальных фреймов. Одно из наиболее распространенных применений Web-страниц с фреймами — отображе- ние навигационного меню Web-сайта в то время, как посетитель переходит с од- ной страницы сайта на другую. Типовое навигационное меню состоит из графи- ки в форме кнопок или просто гипертекстовых ссылок для перехода на любую страницу Web-сайта. Продуманное навигационное меню проведет пользователя по всем закоулкам сайта, подобно дорожной карте.
При разработке навигационного меню важно решить, где оно будет располагаться на Web-странице. На большинстве Web-сайтов меню находится горизонтально вверху страницы или же вертикально с левой стороны окна приложения. Где бы вы ни решили поместить меню, будьте последовательны в своем выборе. Если вы поместили меню вертикально слева на главной странице сайта (то есть домашней странице), помещайте меню в том же месте на всех остальных страницах сайта. Постоянство в размещении меню упрощает навигацию по сайту, а пользователи, которым удобно работать с вашим сайтом, проведут больше времени, исследуя его. Для торгового сайта повышение удобства навигации по сайту для пользователей означает увеличение объемов продаж, а в случае информационного сайта посетители больше из него почерпнут и с большей долей вероятности обратятся к нему снова за какой-нибудь другой информацией.
С помощью фреймов можно всегда держать навигационное меню на виду, в то время как посетитель будет путешествовать по страницам вашего Web-сайта. Предположим, например, вы создаете Web-страницу с двумя фреймами вроде той, которая показана на рис. 1.26.
Рис. 1.26. Окно документа содержит два фрейма, в которых отображены навигационное меню и информация о сайте
ПРАКТИКУМ
Поместите навигационное меню в узкий, 100-пиксельный прямоугольный фрейм в левой части страницы и отображайте новые Web-страницы в большем фрейме справа. Поскольку фрейм с навигационной панелью остается на месте в левой части окна браузера, в то время как браузер загружает выбранные Web-страницы во фрейм справа, посетитель не теряет из виду "дорожную карту" вашего сайта. Приведенный ниже код создает Web-страницу с фреймами, показанную на рис. 1.26:
<html><head>
<title>Дo6po пожаловать на сайт обзора товаров</title>
</head><frameset cols="100,400,">
<frame src="n nav.htm" name="left"><frame src="n_main.htm" name="right">
</frameset></html>
Как видно из кода этого примера, страница определения фреймов не включает в себя HTML-код всех страниц, которые вместе выводятся на экран. Web-страница определения фреймов просто дает Web-браузеру указание отображать Web-страницы в фреймах, определенных начальным дескриптором задания фреймов (<frameset>).
В данном примере страница определения фреймов дает Web-браузеру указание отобразить документы n_nav.html и n_main.html (навигационное меню сайта и главную страницу соответственно) внутри двух разных фреймов. Web-браузер загружает документ n_nav.html в первый фрейм, ширина которого составляет 100 пикселей, и документ n main.html во второй фрейм, ширина которого — 400 пикселей. HTML-дескрипторы, с помощью которых описаны загруженные в фреймы Web-страницы, работают точно так же, как и тогда, когда Web-браузер отображает одновременно одну из страниц. Фреймы просто компонуют несколько Web-страниц внутри одного окна документа.