Методы и средства программирования для Интернет

Отчет по лабораторной работе №3

 

студента 2 курса группы 07001402

Черноморец Дарьи Андреевны

 

 

URL для запуска сайта на выполнение:

 

http://172.23.64.64/ftp/21/642138/%D0%9B%D0%B0%D0%B1%D0%B0%203/%D0%A1%D1%81%D1%8B%D0%BB%D0%BA%D0%B8%20%D0%BC%D0%B0%D0%BB%D1%8B%D1%85%20%D1%80%D0%B5%D0%BA%20%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F.html

 

Проверили:

Михелев Владимир Михайлович

Кузнецов Константин Владимирович

 

Белгород 2015

Предметная область: Мониторинг малых рек Белгородской области.

Тема работы: Создание ссылок в сайте.

 

Задание

1. Изучить теоретический материал по лекциям по теме «Создание гиперссылок». Выполнить практические примеры из лекций.

2. Используя теги НТML для создания ссылок создать сайт по теме курсовой работы. Можно использовать в качестве основы сайт разработанный при выполнении предыдущей лабораторной работы (продолжить разработку сайта).

3. Составить электронный отчет о проделанной работе.

 

Теоретическая часть

Гиперссылка на другую страницу

 

Гиперссылка может связывать страницы как в пределах одного сайта, так и указывать на любую страницу в Интернете. При построении ссылки на чужие страницы всегда надо пользоваться абсолютным адресом страницы (http://www.site.com/page.html). Если создается ссылка на страницу в пределах сайта, то предпочтительнее использовать относительный URL (page.html, catalog/page.html). Делая графическую гиперссылку, помните, что некоторым пользователям графика недоступна, поэтому обязательно включайте соответствующие текстовые элементы.

Для создания гиперссылки служит дескриптор <A>;

Пример:

 

HTML-код:   <a href="http://on-line-teaching.com/index.html">Ссылка на главную страницу сайта</a> <a href="index.html">Ссылка на начало учебника</a>

Отображение в браузере: Ссылка на главную страницу сайта Ссылка на начало учебника

Гиперссылка в пределах страницы

 

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

Чтобы построить ссылку на область внутри текущей страницы, надо дать этой области название при помощи атрибута NAME тэга <A>;. Имя должно содержать только буквы и цифры.

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

Пример:

 

HTML-код:   <a href="#Начало страницы">Наверх страницы</a> В то место, куда надо сделать переход надо вставить: <a name="Начало страницы"></a>

Отображение в браузере: Наверх страницы

Почтовая гиперссылка

 

Создавая ссылку на адрес электронной почты, вы должны указать адрес e-mail. Следует позаботиться о том, чтобы пользователю было ясно, кому он собирается отослать сообщение.

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

Пример:

 

HTML-код:   <a href="mailto:admin@on-line-teaching.com?subject=Письмо автору" title="Письмо автору с сайта www.on-line-teaching.com">admin@on-line-teaching.com</a>

Отображение в браузере: admin@on-line-teaching.com

Открытие страниц в новом окне

 

При помощи атрибута TARGET можно загрузить страницу в новом окне браузера. Этот атрибут предназначен для задания наименования окна. Имя окна используется в служебных целях. Чтобы открыть страницу в новом окне надо использовать константу _blank.

Пример:

 

HTML-код:   <a href="index.html" target="_blank"">Ссылка на первую страницу учебника</a>

Отображение в браузере: Ссылка на первую страницу учебника

Цвет текста гиперссылок

 

Атрибуты LINK, ALINK, VLINK задают цвет шрифта гиперссылок.

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

Атрибут VLINK - уже посещенные ссылки.

Атрибут ALINK - выделяет активную гиперссылку.