3.Организация гипертекстовых ссылок.

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

3.1. Для установки гиперссылок следует использовать следующие тэговые конструкции:

Тэг <A> </A> - указатель ссылки, между тэгами которого устанавливается текст указателя. Здесь можно записать текст, установить, рисунок, дать адрес Web-страницы и т.д.

Например: <A HREF="URL">текст указателя</A>. (HREF - Hypertext REFerence)

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

1. Записать фразу: Студент ФИО учится в университете ..... на факультете......на кафедре.... Вместо точек указать реальный текст, оформив его в виде гиперссылок на соответствующие Web-страницы университета, факультета, кафедры.

2. Перейти на окно браузера, нажать на кнопку "Обновить". Проверить эффективность действия гиперсвязей.

3.2.Гиперсвязи можно использовать для формирования оглавления документа. Такие гиперссылки определяются как внутренние ссылки.

Для разделения документа на главы (части) следует использовать указатель, который необходимо установить в начале каждой главы (части, раздела) текста: <A NAME=имя_части> </A>. (в качестве "имя_части" можно записать "Label_1" и т.д.). Имя главы должно состоять из одного слова, для чего можно использовать знак "_".

Для создания ссылки на соответствующий указатель, размещенный в текущем документе, следует в параметре HREF указать имя ссылки с префиксом #, например <A HREF="#имя_части">Подготовка документа</A>.

Сформировать оглавление для текущего документа:

1. Установить указатели в начале выполненных упражнений, выполненных по следующим пунктам заданий: 1, 2.1., 2.4., 2.7., 3., присвоив им соответствующие имена (имя_части).

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

3. Перейти на окно браузера, нажать на кнопку "Обновить". Проверить эффективность действия гиперссылок.

4.Копировать текст текущего задания в рабочую папку, присвоив ему имя 3_2_ФИО. Организовать текст задания с подробным оглавлением в форме HTML-документа.

5.Сохранить html-коды документов.

6.Закрыть все приложения на рабочем столе.

Тема 4: списки и таблицы в web-документах

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

Задание для самостоятельной работы

1.Подготовка документа для ввода текста.

1.1.Вызвать новый документ в текстовом редакторе WordPad, сохранить его под новым именем с расширением .html:

1. Сохранить новый документ в личной папке под именем 4_1_ФИО: меню "Файл", опция "Сохранить как...", указать в списке "Тип файла" документ HTML.

2. Записать заголовок HTML-документа: HTML-cписки и таблицы: ФИО.

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

1.2.Вызвать браузер и перейти на поле Web-документа:

1. В меню "Файл" активизировать опцию "Открыть страницу". На новой вкладке щелкнуть по кнопке "Обзор".

2. Выбрать в рабочей папке необходимый файл. Вернувшись на вкладку щелкнуть по кнопке "Открыть".

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