Гиперссылки на Web-страницах

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

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

Каждая страница будет содержать следующий НТМL-код:

<НЕАD>

<ТIТLЕ>Заголовок страницы

<ВODY>

6. Создать пустые страницы «Программы», «Словарь», «Комплектующие» и «Анкета» и сохранитьих в файлах с именами software.htm, glossary.htm, hardware.htm и anketa.htmт в каталоге сайта.

Гиперссылка состоит из двух частей: указателя ссылки и адресной части ссылки. Указатель ссылки — это то, что мы видим на Web-странице (текст или рисунок), обычно выделенный синим цветом и подчеркиванием. Активизация гиперссылки вызывает переход на другую страницу.

Адресная часть гиперссылки представляет собой URL-адрес документа, на который указывает ссылка. URL-адрес может быть абсолютным и относительным. Абсолютный URL-адрес документа полностью определяет компьютер, каталог и файл, в котором располагается документ.

Абсолютный адрес документа, находящегося на локальном компьютере, будет включать в себя путь к файлу и имя файла, например:

С: /Web-сайт/filename.htm

Абсолютный адрес документа, находящегося на удаленном компьютере в Интернете, будет включать имя сервера Интернета, путь к файлу и имя файла, например:

http: //www.host. гu/Web-сайт/filename.htm

Относительный URL-адрес указывает на местоположение документа относительно того, в котором находится указатель ссылки. При разработке сайта рекомендуется входящие в него Web-страницы связывать относительными ссылками. Это позволит не изменять адресную часть ссылок при перемещении Web-сайта в другой каталог локального компьютера или при его публикации в Интернете.

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

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

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

<Р АLIGH= "сеnter">

[Программы] [Словарь]

[Комплектующие] [Анкета]

Теперь для каждой гиперссылки определим адрес перехода. Для этого используется контейнер гиперссылки <А> с атрибутом НREF, значением которого является URL-адрес документа на локальном компьютере или в Интернете. Контейнер должен содержать указатель гиперссылки:

<А НREF="URL">Указатель гиперссылки

7. Вставить в титульную страницу код, создающий панель навигации:

<Р АLIGN="сепter">

[<А НREF="software.htm">Программы]

[<А НREF="glossary.htm">Словарь]

[<А НREF="hardware.htm">Комплектующие]

[<А НREF="anketa.htm">Анкета]

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

Полезно на титульной странице сайта создать ссылку на адрес электронной почты, по которому посетители могут связаться с администрацией сайта. Для этого необходимо атрибуту ссылки НREF присвоить URL-адрес электронной почты и вставить ее в контейнер <АDDRESS>, который задает стиль абзаца, принятый для указания адреса.

8. Вставить в титульную страницу код, создающий ссылку на адрес электронной почты:

<АDDRESS>

<А НREF="mailto:[email protected] гu">Е-mail:

mailbox@ ргоvaider. гu

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

9. Созданная титульная страница Web-сайта «Компьютер»тер» содержит заголовок, изображение компьютера, текст, панель навигации и ссылку на адрес электронной почты.

About

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

8 + 2 =