5.2. Подготовка к работе

Для выполнения лабораторной работы студенты должны знать правила оформления фреймов в HTML-документах.

5.3. Порядок выполнения работы

1. Дополнить HTML-страницу, созданную в лабораторной работе 4, вводом фреймов.

2. Разбить страницу на 3 фрейма в виде двух строк и двух столбцов.

3. В первый фрейм переместить раздел информации об авторе, запретив изменение размеров фрейма, и линейку прокрутки.

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

5. При гипертекстовой ссылке от элементов текста, загруженного в третий фрейм, новая информация должна появляться в этом же фрейме.

6. Продемонстрировать результат работы преподавателю, загрузив созданный HTML-файл в окно просмотра программы Netscape Navigator.

5.4. Содержание отчета

Отчет по лабораторной работе должен включать полный протокол выполнения работы с пояснениями.

Лабораторная работа 6

Гипертекстовые ссылки в html-документе

Цель работы: ознакомление с основами языка HTML, получение практических навыков по созданию и использованию гипертекстовых ссылок в HTML-документе.

6.1. Общие сведения

Теги <A> и </A> определяют гипертекстовую ссылку, а также имя, используемое как адрес в ссылке.

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

Атрибут NAME определяет для некоторой области HTML-документа уникальное имя, на которое будет осуществляться переход по ссылкам. С помощью этого атрибута можно связать имя с частью документа, использовав это имя как адрес именованной части документа. Пример:

- ссылка на часть документа:

курс <A NAME="Курс_1"> Web-сервер </A> включен в цикл "Сети ЭВМ". "Курс_1" - идентификатор места, куда будет осуществлен переход (раздел Web-сервер). Для идентификации этого места используется конструкция

<A NAME="#Курс_1"> Web-сервер </A>;

- ссылка на раздел Web-сервер в другом файле Seti.htm:

<A NAME="Seti.htm#Курс_1"> Web-сервер </A>.

Атрибут HREF определяет сетевой адрес документа, с которым устанавливается связь. Пример:

- ссылка на элемент в том же рабочем каталоге, что и текущий документ:

<A HREF="www.w3.org"> World Wide Web Organization </A>. Текст гипер- ссылки (метки) "World Wide Web Organization" будет выделен другим цветом. Для осуществления перехода по этой метке нужно щелкнуть на ней мышью;

- ссылка на удаленный документ:

<A HREF="http://www.w3.org/"> World Wide Web Organization </A>;

- указание адреса для посылки писем:

<A HREF="mailto:postmaster@vt.etu.spb.ru"> Послать письмо автору </A>.

6.2. Подготовка к работе

Для выполнения лабораторной работы студенты должны знать правила оформления ссылок в HTML-документах.

6.3. Порядок выполнения работы

1. Дополнить HTML-страницу, созданную в лабораторной работе 5, вводом гипертекстовых ссылок.

2. Ввести гипертекстовую ссылку для перехода в новый документ из параграфа.

3. Поименовать некоторые части HTML-страницы и ввести гипертекстовую ссылку на эти части из элементов списка.

4. Ввести гипертекстовую ссылку на отдельные части нового документа из ячеек таблицы.

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

6. Продемонстрировать результат работы преподавателю, загрузив созданный HTML-файл в окно просмотра программы Netscape Navigator.