 |
Организация гипертекстовых переходов
|
|
|
|
Гипертекстовые переходы на страницах бывают двух типов внешние ссылки и якоря.
Внешние ссылки
Внешняя ссылка оформляется тегом:
<A HREF = "uri">Содержание</A>
Здесь uri - адрес страницы
Заметим, что возможности протокола передачи гипертекста HTTP гораздо шире, uri адрес может ссылаться на любой файл с данными, например на файл с графическим изображением, на файл с мультимедиа данными. Текст содержания подчеркивается в тексте страницы и является ссылкой. Механизм внешних ссылок позволяет объединить несколько страниц. Такое объединение страниц по определенной тематике называется сайтом.
В составе сайта обычно есть главная страница, которая открывается пользователем, на этой странице находится оглавление сайта в виде гиперссылок. Такую страницу можно организовать в виде набора фреймов.
Создают такую страницу с помощью тегов FRAMESET, FRAME. Первый тег создает набор фреймов. Фрейм – часть окна браузера, куда может загружаться информация. Второй тег определяет адрес страницы, помещаемой во фрейм.
Страница, содержащая набор фреймов не должна содержать тега BODY.
Формат тега для создания фреймов имеет вид:
<FRAMESET COLS="n1,n2" | ROWS="m1,m2"></FRAMESET>
Параметры COLS и ROWS определяют пропорции деления окна браузера по вертикали и горизонтали. Использовать можно только один параметр. Пропорции деления задаются в процентах.
Тег создания фрейма имеет формат:
<FRAME NAME="fraName1" SRC="uri">
Здесь uri адрес странницы, загружаемый во фрейм. Параметр NAME содержит идентификатор фрейма. Это условное имя задается латинскими буквами и используется для организации обращения к фрейму. Теги FRAME вкладываются в тег FRAMESET. Их число должно соответствовать частям, заданным в параметре ROWS или COLS.
|
|
|
Страница сайта с оглавлением загружается в один из свободных фреймов, а другой свободный фрейм используется для просмотра содержания страниц, загружаемых по ссылке оглавления. Для этого в тег <A HREF…> страницы оглавления нужно включить параметр TARGET значение, которого должно быть идентификатор фрейма загрузки.
Например, требуется построить главную страницу сайта по следующей схеме, показанной на рисунке 2.3
Рис.2.3. Главная страница с двумя фреймами
Такая страница состоит из двух фреймов. Левого и правого. Правый фрейм свободный в него будут загружаться страницы, при выборе их в оглавлении. Оглавление содержится в файле index.html. Оно должно содержать теги, загружающие страницы в правый фрейм.
Страница, делящая окно браузера на фреймы должна содержать разметку.
<html>
<frameset cols="50%,*">
<frame src="index.html">
<frame src="" name="display">
</frameset>
</html>
При задании пропорций оставшуюся часть окна можно заменять символом *.
Пусть в составе сайта есть три страницы p1.htm, p2.htm, p3.htm которые хранят информацию по трем главам разделам сайта. Тогда разметка страницы index.htm будет иметь вид:
<html>
<body>
<a href="p1.htm" target="display">Первая глава</a><br>
<a href="p2.htm" target="display">Вторая глава</a><br>
<a href="p3htm" target="display">Третья глава</a><br>
</body>
</html>
При организации внешних ссылок необходимо помнить, что если загружаемая страница находится на удаленном сервере сети, то нужно указывать ее полный URI адрес. Если страница находится, в каком либо каталоге клиента сети, то передача такой страницы выполняется по локальному URI адресу по протоколу file. Формат такого адреса имеет вид:
file:///имя_диска|/путь_к_странице/my.htm
Пример:
file:///e|/doc/html/my.htm
Такой адрес означает, что страница my.htm находится в папке doc/html на диске E.
|
|
|
Использования полного имени файла принятого в операционной системе Windows e:\doc\html\my.htm следует избегать, так как такие адреса распознаются корректно только браузером MS Internet Explorer. Если в качестве URI адреса указано имя файла страницы, например my.html, то поиск этого файла будет происходить в папке, где находится страница содержащая тег внешней ссылки.
Организация якорей
Якорем называется технология организации ссылок на части одного и того же документа. Технология использования якоря показана на рисунке 2.4.
Рис.2.4. Документ с якорями
Из рисунка видно, что страница состоит из трех частей. Первая часть связана со второй, вторая часть с третьей, третья часть со второй. Организация якоря требует использования двух тегов. Первый тег формирует ссылка на определенную часть страницы и имеет вид:
<A HREF="#key">содержание</A>
Второй тег помечает ту часть текста, на которую попадает пользователь при обращении к содержанию якоря. Формат тега:
<A HREF="#key">текст</A>
В обоих тегах key это идентификатор перехода якоря задается латинскими буквами и его название выбирается разработчиком страницы. Это название должно использоваться с учетом регистра символов.
Пример организации якоря:
<a href=”#part1” Глава 1.</a> В которой появляется герой романа.
……
<a name=”part1”>Глава 1.</a> Явление героя.
Было теплое весеннее утро. Солнце уже стало над крышами города и осветило ярким светом черепичные красные крыши…
Основные понятия дизайна страниц
Что бы страница привлекала внимание пользователя и позволяла лучше воспринимать материал, используют различные приемы оформления.
Рассмотрим основные такие приемы.
|
|
|
