Понятие гиперссылки, типы гиперссылок, принципы создания гиперссылок

При создании текстовых гиперссылок следует учитывать следующие моменты:

o        Ссылки должны быть визуально различимы на фоне «статичного» текста (хотя при наведении на ссылку указатель мыши принимает форму «перста указующего», не стоит заставлять читателя прощупывать с помощью мыши все подозрительные фрагменты текста).

o        Ссылка не должна «выпадать» из общего контекста фразы, в которой она содержится.

o        Шрифтовое оформление ссылки (цвет, размер, начертание) должно соответствовать стилевому оформлению страницы.

o        Цвет использованных читателем («посещённых») ссылок должен отличаться от цвета не посещённых (обычно он выбирается более тусклым по сравнению с исходным).

На всех страницах публикации ссылки должны быть выполнены в одном стиле.

АТРИБУТЫ, ПРЕДУСМОТРЕННЫЕ ДЛЯ ТЭГА <A>

I. Атрибут HREF

Если атрибут HREF присутствует, текст между открывающим и закрывающим элементами тэга отображается как гиперссылка.

Значение атрибута может быть задано в одном из следующих форматов:

o        В виде маршрута доступа к связанному документу (то есть в виде полного или частичного URL, соответствующего абсолютному или относительному адресу документа):

<A HREF=”http://www.service.com/support/software/prog1.html”>;

o        В виде косвенной ссылки, например:

<A HREF=”document.html # glossary”>Глоссарий</A>содержит определения используемых терминов.

В этом примере щелчок мышью на слове «Глоссарий» приведет читателя к другому якорю, имя которого (glossary) должно быть определено в документе document.html с помощью атрибута NAME. Если якорь находится в другом документе и атрибут HREF содержит частичный URL, то адрес нового документа будет определен либо относительно текущего документа, либо относительно другого базового адреса.

II.                Атрибут NAME

Если используется данный атрибут, то тэг <A> играет роль как бы посредника между косвенной ссылкой, заданной другим тэгом <A>, и вызываемым документом. В этом случае значение атрибута NAME является индентификатором (или меткой) для соответствующего якоря. В качестве такого индентификатора может использоваться произвольная последовательность символов, но он (индентификатор) должен быть уникальным для данного HTML – документа. При этом следует учитывать, что индентификаторы чувствительны к регистру и не могут содержать пробелов. Использование фрагмента текста в качестве якоря не влияет на его визуальное представление (то есть он не выделяется как гиперссылка).

Для приведенного выше примера атрибут NAME мог бы использоваться следующим образом:

<A NAME=”glossary”>Глоссарий</A>

Чаще всего «именованные» гиперссылки используются для организации перехода к некоторому разделу документа (текущего или другого) или к началу документа.

III.  Атрибут TARGET

Окна браузера могут иметь имена. Благодаря этому ссылка, содержащаяся в одном из окон, позволяет связаться с другим окном по имени. Когда ссылка активизируется, вызванный документ появится в окне, имеющем соответствующее имя. Если окно еще не открыто, браузер откроет его. Такой механизм обеспечивается только теми браузерами, которые поддерживают работу с фреймами.

Синтаксис описания целевого (то есть содержащего вызываемый документ) окна выглядит так:

<A HREF=”url.html”  TARGET=”window_name”>текст ссылки</A>

Данный атрибут может принимать следующие значения:

window_name – имя любого окна, либо созданного с помощью тэга <FRAME>, либо открываемого с помощью метода (функции сценария) window_open;

_self – использование этого ключевого слова приводит к тому, что страница. Являющаяся результатом обработки формы, будет загружена в окно, которое в настоящее время содержит форму;

_parent – страница, являющаяся результатом обработки формы, будет загружена в окно, которое является родительским по отношению к окну, содержащему форму;

_top – страница, являющаяся результатом обработки формы, будет загружена в окно, которое будет открыто поверх всех существующих на данный момент окон;

_blank – использование этого значения аналогично использованию значения «window_name», когда открываемое окно не является предварительно определенным. Обратите внимание: в отличие от window_name, значение _blank не обеспечивает присваивание новому окну имени, которое может использоваться в последствии.

УПРАВЛЕНИЕ ЦВЕТОВОЙ СХЕМОЙ

Управление цветовой схемой текстовых гиперссылок, используемых на странице, реализуется с помощью соответствующих атрибутов тэга <BODY>. Таких атрибутов три:

LINK – задает исходный цвет ссылки (по умолчанию LINK-blue (#0000FF);

VLINK – устанавливает цвет посещённых ссылок (по умолчанию VLINK=purple (#800080));

ALINK – определяет цвет активной ссылки (ссылка считается активной, когда на ней установлен указатель и нажата левая кнопка мыши). Значение по умолчанию ALINK=RED (#FF0000); данный атрибут поддерживается только браузером Netscape.

Установка значений всех трёх атрибутов может выполняться одновременно и выглядеть следующим образом:

<BODY LINK=black VLINK=gray ALINK=green>.

Особое место среди текстовых гиперссылок занимают

ССЫЛКИ, СОДЕРЖАЩИЕ АДРЕСА ЭЛЕКТРОННОЙ ПОЧТЫ.

При активизации такой ссылки открывается новое окно подготовки постового сообщения (почтовой программы, связанной с используемым браузером читателя). Кроме того, в поле «Куда» автоматически заносится адрес, указанный в гиперссылке.

Значение атрибута HREF «почтовой» гиперссылки содержит прямое указание на используемый протокол:

<A HREF=”mailto:my_adress@chat.ru”>отправьте резюме</A>

ГИПЕРССЫЛКИ НА ОСНОВЕ СУБОТРАЖЕНИЙ.

С увеличением мощности компьютеров посетителей Интернета всё большую популярность приобретают гиперссылки, реализованные на основе изображений. Один из популярных вариантов такого подхода – сенсорные карты. Не менее важное значение для удобного и эффективного перемещения по сайту имеют так называемые навигационные панели (navigation bars), которые иногда называют также меню сайта (что представляется менее корректным).

Обычно навигационная панель реализуется в виде одного изображения или набора из нескольких сгруппированных изображений, размещаемых (как правило) в верхней или в левой части страницы. При этом считается признаком хорошего тона воспроизводить навигационную панель в одной и той же позиции на всех страницах узла.

И ещё одно правило: средства навигации, реализованные на основе изображений, обязательно должны дублироваться в текстовом варианте.

При создании гиперссылок на основе изображений тэг <A> играет роль контейнера, содержащего тэг <IMG>, который описывает параметры соответствующего рисунка. Если навигационная панель состоит из нескольких изображений, то каждому из них должен соответствовать свой тэг-контейнер <A>.

Аналогичный механизм используется и для создания гиперссылок на основе изображений, размещаемых внутри страницы.

Важнейший момент, связанный с использованием гиперссылок на страницах сайта, - это проверка их работоспособности. Особенно критичными в этом отношений являются внешние ссылки. Проверка их работоспособности должна проводиться не только перед загрузкой сайта на сервер, но в дальнейшем (по крайней мере раз в две недели).

Проверка внутренних ссылок сайта может быть в значительной степени автоматизирована: средствами тестирования навигационной структуры располагают практически все развитые HTML – редакторы.

ЗАКЛЮЧЕНИЕ

К настоящему времени в Интернете уже существует около двух миллиардов страниц самых разнообразных материалов и каждую секунду к ним добавляется двадцать пять новых.

В связи с этим вполне закономерен вопрос: неужели в мире так много специалистов по Web – дизайну? Вовсе нет. Дело в том, что победоносное шествие Интернета «по странам и континентам» сопровождается постоянным пополнением арсенала средств, предназначенных для разработки Web – материалов. В настоящее время уже существуют инструменты, обеспечивающие реализацию всех основных этапов создания Web – публикаций, начиная от их проектирования и заканчивая размещением в Сети. Причем большая часть таких инструментов ориентирована на пользователей, имеющих «среднестатистический» уровень компьютерной грамотности. Создание Web – публикаций с помощью визуальных редакторов зачастую оказывается не намного сложнее, чем написание поздравительной открытки.

Но … Действительно ли так просто произвести на свет нестандартное и запоминающееся поздравление? А если ещё предоставляется возможность поучаствовать в художественном оформлении открытки?

Сходные проблемы вынуждены решать и разработчики Web – публикаций. Причем выбираемые ими решения далеко не всегда оказываются удачными. Иначе чем объяснить существование в Интернете специальных «мусорных корзин», куда помещаются самые неприглядные Web – страницы (и эти корзины никогда не пустуют)? Разумеется, ни один из авторов таких страниц не рассчитывал на подобный результат, размещая свою публикацию в Интернете. Так в чем же дело?

Как бы ни были совершенны имеющиеся инструменты, необходимо ещё иметь представление о том, за счёт чего они могут воплотить замыслы в жизнь наилучшим образом.

СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ

1.      Гультяев А.К., Машин В.А. Уроки Web – мастера: Санкт – Петербург, КОРОНА принт, 2004

2