| |
отображе-
ние навигационного меню Web-сайта в то время, как посетитель переходит с од-
ной страницы сайта на другую. Типовое навигационное меню состоит из графи-
ки в форме кнопок или просто гипертекстовых ссылок для перехода на любую
страницу Web-сайта. Продуманное навигационное меню проведет пользователя
по всем закоулкам сайта, подобно дорожной карте.
74 Глава 1. Основы языка HTML
1 &арес j ^ ] hripj/ш
.3:-
•H-webd
liu J 4
5ign/Chopt6
J-JS
rOl/Figu
j ' . ' •"•'•
e01-;4Hm
П
-
Когда вы вводите текст в HTML-документ, Web-браузер игнорирует возвраты
каретки и дополнительные пробелы в документе. Web-браузер отображает
текст, руководствуясь при переходе со строки на строку шириной своего окна.
Поиск Слрнвкй
npMHep текста, отформатированного 6pays«poH</titl«>
</head>
<body>
<font size=--4">Korfla вы вводите текст в HTML-докунент,
ч Ueb-брауэер
Ueb-браузер
отображает
со строки
шириной
своего
окна.</font>
</body>
</html>
игнорирует возвраты каретки и дополнительные пробелы
текст, руководствуясь при переходе
на строку
Рис. 1.24. Web-браузер игнорирует символы дополнительного форматирования
(пробелы и возвраты каретки), введенные в тело HTML-документа
3>айп Древка Ё.-ИД1 Из5овнма& СЩЭЕИС ^правке ' ' = !К%1
ч- •*"•• J} M ?2 *A Si ~$ -\S~ -Л © *
.•&flP©sj^jb«p,7html^ebdes1grVChopier0VrigL,re[n-25htm _^J
При применении дескрипторов предварительно форматированного
текста Web-Срауэер
использует разрывы страниц и интервалы,
введенные в текстовый HTML-документ.
[ ФФЙЛ •' уродке Пенс* ^прешкй - • • • •
\
\
<!DOCTVPE htal PUBLIC "-//U3C//DTD XHTML 1.0 Transitional//EN- - л
••http://wwn.w3.or9/TR/xhtBl1/DTD/xhtnin -transitional .dtd"">
<html xmlne="http://www.ыЗ.org/1999/xhtBl">
<head>
<title>npHM»p использования дескрипторов предварительно Форматированного
текста<ЛШе> Щ
</head>
<body>
<pre>
При применении дескрипторов предварительно Форматированного
текста ЫеЬ'брауэер
\^ использует разрывы страниц и интервалы.
введенные в текстовый HTML-документ.
</рге>
</body>
</htnl> -^
Рис. 1.25. HTML-дескрипторы <рге></рге>управляют разрывами строк в
Web-документе без
необходимости применения других дескрипторов форматирования
Глава 1. Основы языка HTML 75
При разработке навигационного меню важно решить, где оно будет распола-
гаться на Web-странице. На большинстве Web-сайтов меню находится горизон-
тально вверху страницы или же вертикально с левой стороны окна приложения.
Где бы вы ни решили поместить меню, будьте последовательны в своем выборе.
Если вы поместили меню вертикально слева на главной странице сайта (то есть
домашней странице), помещайте меню в том же месте на всех остальных страни-
цах сайта. Постоянство в размещении меню упрощает навигацию по сайту, а
пользователи, которым удобно работать с вашим сайтом, проведут больше време-
ни, исследуя его. Для торгового сайта повышение удобства навигации по сайту
для пользователей означает увеличение объемов продаж, а в случае информаци-
онного сайта посетители больше из него почерпнут и с большей долей вероят-
ности обратятся к нему снова за какой-нибудь другой информацией.
С помощью фреймов можно всегда держать навигационное меню на виду, в то
время как посетитель будет путешествовать по страницам вашего Web-сайта.
Предположим, например, вы создаете Web-страницу с двумя фреймами вроде
той, которая показана на рис. 1.26.
Файл Правке Qy,a Избранное Сервис Справке
} http://htmhwebdesign/ChapterO1/Ftgure01-26 him "3
Налшгапия
по сайту
Добро пожаловать на сайт обзора
товаров
Щелкните на ссылке в разделе навигации
по сайгу, чтобы узнать больше о том, кго
мы такие и чей занимается
Рис. 1.26. Окно документа содержит два фрейма, в которых отображены
навигационное меню и информация о сайте
'АКТИКУМ
Поместите навигационное меню в узкий, 100-пиксельный прямоугольный фрейм
в левой части страницы и отображайте новые Web-страницы в большем фрейме
справа. Поскольку фрейм с навигационной панелью остается на месте в левой части
окна браузера, в то время как браузер загружает выбра</pre>
</td>
<td align="left" class="row2s" width="5%"> </td>
</tr>
<tr><td class="row3" align="left" width="5%"><a href="/comp/.view-Samouchitelj.po.kreativnomu.webdizajnu.txt.38.html"><img border="0" src="/tpl/l.gif" alt="<<-"></a></td><td class="row3s" align="center" width="20%" valign="middle"><a href="/comp/.view-Samouchitelj.po.kreativnomu.webdizajnu.txt.full.html">[Весь Текст]</a></td><td class="row3s" align="center" width="70%" valign="middle"><br><form action="" method="get">Страница: <input type="text" size="4" name="pg" value="40"> из 389 <input type="submit" value="Открыть"></form></td><td class="row3s" align="center" width="20%" valign="middle"> </td><td class="row3" align="right" width="5%"><a href="/comp/.view-Samouchitelj.po.kreativnomu.webdizajnu.txt.40.html"><img border="0" src="/tpl/r.gif" alt="<<-"></a></td></tr></table>
</body>
</html>
|
