Создание закладок и гиперссылок

Лабораторная работа №2.

Тема: Вставка в HTML-документ рисунков. Создание закладок и гиперссылок

Цель работы:

·         Научиться выполнять вставку рисунков в HTML-документ

·         Научиться создавать закладки и гиперссылки

1.      Скопировать из Интернета или какой-либо папки в личную папку файлы три  графических файла (например, Arrows1.wmf, Arrows2.wmf, Arrows3.wmf).

Убедиться, что созданные ранее документы 1_name.html,2_name.html и3_name.html также находятся в вашей папке на жёстком диске.

2.      Вставка рисунков в документ.

·        Открыть в Блокноте документ 2_name.html.

·         Вставить рисунок Arrows1.wmf в начало документа 2_name.html. Для вставки использовать тег IMG с параметрами WIDTH и HEIGHT для установки  размеров рисунка 50 пикселов по горизонтали и по вертикали. 

·        Сохранить документ под именем 4_name.html.

·        Просмотреть в браузере полученный результат.

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

·        Вставить рисунок Arrows2.wmf в конец документа 4_name.htm перед, подобрать тип выравнивания рисунка на свое усмотрение. Установить размер рисунка 100 пикселов по горизонтали и по вертикали.  С помощью параметра ALT создать всплывающую подсказку «Рисунок 2», появляющуюся при наведении курсора мыши на рисунок.

·        Просмотреть в браузере полученный результат.

3.      Создание гиперссылок и закладок.

·        В документе 3_name.html закрепить гиперрсылки за следующими элементами списка:

За словом Шрифт – гиперссылка на документ 1_name.html.

За словом Заголовки – на документ 1_name.html.

За словом Абзацы - на документ 2_name.html.

·        Создать закладку в документе 1_name.html перед фразой «Нас утро встречает прохладой». Дать ей имя «Morning».

·        Изменить первую гиперссылку (слово Шрифт) так, чтобы она указывала на закладку «Morning» в документе 1_name.html.

·         Создать закладку в начале текущего документа 3_name.html.. Присвоить ей имя  «Hello».

·        Изменить вторую гиперссылку (на слове Заголовки), определив для неё переход в начало текущего документа на установленную закладку «Hello».

·        Создать закладку в документе 2_name.html перед фрагментом монолога. Присвоить ей имя «Mono».

·         Установить на слово переформатирования гиперссылку на  закладку «Mono».

·         Проверить правильность переходов по всем гиперссылкам.

4.      Закрепить гиперссылки за графическими файлами:

·        Отредактировать тег вставки рисунка Arrows1.wmf, ввести в тег атрибут ALT для отображения текста подсказки «Вернуться». Просмотреть в браузере как реагирует рисунок на наведение курсора мыши.

·        Закрепить за рисунком Arrows1.wmf в документе 4_name.html гиперссылку на документ 3_name.html. Выполнить переход между документами.

5.      Предъявить результат преподавателю.