Организация якорей
Якорем называется технология организации ссылок на части одного и того же документа. Технология использования якоря показана на рисунке 2.4.
Рис.2.4. Документ с якорями
Из рисунка видно, что страница состоит из трех частей. Первая часть связана со второй, вторая часть с третьей, третья часть со второй. Организация якоря требует использования двух тегов. Первый тег формирует ссылка на определенную часть страницы и имеет вид:
<A HREF="#key">содержание</A>
Второй тег помечает ту часть текста, на которую попадает пользователь при обращении к содержанию якоря. Формат тега:
<A HREF="#key">текст</A>
В обоих тегах key это идентификатор перехода якоря задается латинскими буквами и его название выбирается разработчиком страницы. Это название должно использоваться с учетом регистра символов.
Пример организации якоря:
<a href=”#part1” Глава 1.</a> В которой появляется герой романа.
……
<a name=”part1”>Глава 1.</a> Явление героя.
Было теплое весеннее утро. Солнце уже стало над крышами города и осветило ярким светом черепичные красные крыши…
2.2.5. Основные понятия дизайна страниц
Что бы страница привлекала внимание пользователя и позволяла лучше воспринимать материал, используют различные приемы оформления.
Рассмотрим основные такие приемы.
Графические изображения
Что бы поместить иллюстрации в тексте страницы используют специальный тег:
<IMG SRC="uri" WIDTH="w" HEIGHT="h" ALT="Text" ALIGN="Type">
Здесь uri – адрес графического файла с изображением. Параметры WIDTH и HEIGHT задают размеры области вывода графического изображения. Параметр ALT хранит текст, который выводится как подсказка для курсора мыши при наведении его на изображение. Кроме того этот текст выводится, если в браузере отключен показ изображений. Параметр ALIGN позволяет управлять размещением изображения относительно текста. Выравнивание Type может принимать значения:
Middle (текст выравнивается по центру изображения);
Bottom (нижняя граница изображения выравнивается по окружающему ее тексту, используется по умолчанию);
Top (верх изображения выравнивается по верхней строке окружающего его текста);
Left (Текст обтекает изображение справа);
Right (текст обтекает изображение слева).
Изображение можно взять в рамку, если в тег IMG добавить параметр BORDER="n". Здесь n – ширина рамки в пикселах.
Для оформления обычно используют графические изображения формата GIF и JPEG.
Изображения первого типа занимают мало места в памяти, так как их цветовая палитра равно 256 цветов. Кроме того они поддерживают анимацию и прозрачные цвета.
Изображения второго типа позволяют хранить и передавать в сжатом виде иллюстрации, которые характеризуются насыщенной цветовой палитрой и большим разрешением.
Графические изображения могут использоваться в качестве ссылок, тогда их помещают в качестве содержания в тег:
<A HREF…><IMG SRC="uri"></IMG>.
Изображения можно использовать как фон страницы, такие изображения называются обоями и тиражируются по полю страницы при ее просмотре в браузере. Размещают обои с помощью параметра BACKGROUND="uri" тега BODY. Здесь uri адрес файла изображения.
Фоновые изображения можно задавать для ячеек таблицы с помощью этого же параметра, помещая его в тег создания ячейки таблицы TD.