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

ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ

Государственное образовательное учреждение

высшего профессионального образования

«Санкт-Петербургский государственный

инженерно-экономический университет»

Филиал Санкт-Петербургского государственного

инженерно-экономического университета в г. Тихвине

КОНТРОЛЬНАЯ РАБОТА

по дисциплине:  WEB – страницы

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

              Выполнил: Павлова Елена Николаевна

                                                                       (Фамилия, И.О.)

              студент 4 курса, 5 лет 10 месяцев

                                                   (срок обучения)

              Группа: 386 № зачет. книжки 386 – 11    

              Специальность: Экономика и управление на

              предприятии туризма и гостиничного хозяйства

              Подпись: ________________________________

              Преподаватель:

                                                        Червонцева Валентина Анатольевна

                                                                       (Фамилия, И.О.)

              Уч. степень, уч. звание: преподаватель

              Оценка: _______________ Дата: _____________

              Подпись: ________________________________

Тихвин

2007

СОДЕРЖАНИЕ

Введение…………………………………………………………………..3 стр.

Понятие гипертекстового документа………………………………….4-5 стр.

Гиперссылки…………………………………………………………...6-10 стр.

Атрибуты, предусмотренные для тэга <A>………………………...11-13стр.

Управление цветовой схемой……………………………………….13-14 стр.

Ссылки, содержащие адреса электронной почты……………………..14 стр.

Гиперссылки на основе суботражений…………………………….14-15 стр.

Заключение…………………………………………………………..16-17 стр.

Список используемой литературы…………………………………….18 стр.

ВВЕДЕНИЕ

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

Однако на самом деле для создания хорошего Web – сайта одного только проекта недостаточно. Требуется ещё и знание особенностей того «строительного материала», с помощью которого проект будет реализован. Помните поучительную историю трёх друзей: Наф-Нафа, Ниф-Нифа и Нуф-Нуфа? Все они использовали один и тот же проект дома (домашней страницы), а вот важность выбора материала для строительства двое из них явно недооценили.

Чтобы создаваемым страницам были не страшны никакие интернетовские волки и зубры, стоит познакомиться поближе с теми элементами, которые призваны вдохнуть жизнь Web - страниц проект: текст, шрифт и многое другое.

Более подробно я расскажу о Гиперссылках.

ПОНЯТИЕ ГИПЕРТЕКСТОВОГО ДОКУМЕНТА

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

      организацией логической связи между частями документа, которая устанавливается его создателем;

      интересами читателя, который может пользоваться имеющимися ссылками в произвольном порядке.

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

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

Связь между частями документа реализуется посредством так называемых гиперссылок.

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

В качестве гиперссылки может использоваться слово, фраза или некоторый графический элемент документа. В связи с этим необходимо отметить, что понятие «гипертекстовый» совершенно не ограничивает содержимое документа. Его компоненты могут быть реализованы в виде графических изображений, видеоклипов или звукового ряда. Такой широкий диапазон представления форм информации возможен благодаря особенностям языков гипертекстовой разметки.

ГИПЕРССЫЛКИ

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

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

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

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

o        Локальные ссылки (иногда именуемые якорями), которые позволяют посетителю переходить на некоторый подраздел внутри той же страницы или одной из других страниц узла.

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

      абсолютный (например, http://www.service.com/support/software/prog1.html);

      документно – относительный (например, software/prog1.html);

      относительно корневой папки узла (например, /support/software/prog1.html).

Абсолютный адрес предполагает использование полного URL связанного документа, включая соответствующий протокол доступа. Такой способ адресации обязателен для осуществления связи с документом, расположенным на другом сервере. При желании можно, конечно, использовать абсолютный адрес для связи со страницами внутри сайта, размещённого на локальном компьютере. Однако большая часть адресной информации в этом случае будет избыточной. Кроме того, если переместить связанный файл на новое место или изменить файловую структуру сайта, то абсолютный адрес станет некорректным.

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

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

Чтобы создать ссылку на файл, находящийся в той же папке, что и источник связи, достаточно указать только имя этого файла. Если связываемый файл находится в папке следующего уровня иерархии по отношению к источнику связи, то требуется указать имя вложенной папки, затем слэш (косую черту), а после него – имя связываемого файла. При создании ссылки на файл, расположенный в родительской папке по отношению к папке, содержащей источник связи, имени связываемого файла должны предшествовать символы ../ (где ../ означает «на один уровень выше текущей папки»).

      И ещё один важный момент.

Если вы перемещаете группу файлов как единое целое (например, при перемещение всей папки), то чтобы прежние относительные ссылки между ними остались корректными, не следует модифицировать эти ссылки. Однако если вы перемещаете отдельный файл, который содержит документно – относительные ссылки, или файл, на который имеется документно – относительная ссылка, нужно скорректировать эти ссылки.

Адресация относительно корневой папки узла (в дальнейшем – относительный адрес) предполагает описание маршрута доступа к связываемому документу относительно папки самого высокого уровня в иерархии узла.

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

Относительный адрес всегда начинается с косой  черты, которая обозначает корневую папку узла. Например, /support/content.html является относительным адресом файла content.html, находящегося в папке support, вложенной в корневую папку узла.

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

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

Чтобы протестировать набор страниц, которые используют относительные ссылки, возможны два пути:

      поместить соответствующие файлы на удаленный сервер и просмотреть их оттуда;

      воспользоваться специальными функциями одного из HTML – редакторов, например Macromedia Dream weaver.

В языке HTML для создания гиперссылок имеется специальный тэг - <A> (от английского слова anchor – якорь). С помощью этого тэга можно создавать ссылки любого типа: текстовые, на основе изображений или на основе любого другого элемента Web – страницы.

В простейшем случае применение тэга <A> выглядит следующим образом:

<A HREF=”index.html”>вернуться на первую страницу</A>.

HREF является обязательным атрибутом тэга, его значение представляет собой адрес документа или Интернет-ресурса, вызываемого по данной ссылке. Текст, отмеченный как ссылка (в приведенном примере – «вернуться на первую страницу»), будет отображен в окне браузера в той форме, которая определена читателем для текстовых ссылок. В соответствии со стандартом Интернета, принятым всеми его посетителями де-фактор, ссылки отображаются с помощью подчеркнутого шрифта (чаще всего синего цвета), хотя возможны и другие варианты.