Задание 4. С помощью гиперссылок связать страницу «Мой офис» с другими web-страницами, создать переходы внутри страницы.
47. Создать на страницe «Мой офис» (office.htm) текстовую ссылку на страницу с подробным описанием MS Word («Новые возможности Word»). Целевая страница расположена в той же папке, что и страница «Мой офис», файл носит название word.htm. Поэтому в качестве адресной части ссылки будет использовано только имя файла целевой страницы. В качестве указателя ссылки будет использован элемент «Word» маркированного списка, находящегося в верхней части страницы «Мой офис». Создать ссылку:
· Найти в HTML-коде страницы «Мой офис» фрагмент кода, описывающий элемент списка «Word».
· Заключить текст элемента списка внутри тэга LI в тэг гиперссылки A. Для открывающей части тэга A задать параметр HREF, значением которого является адрес страницы, на которую указывает ссылка.
<li><a href=”word.htm”>Word</a></li>
· Проверить действие ссылки.
48. Аналогично предыдущему пункту сделать элемент «Excel» маркированного списка ссылкой на страницу с описанием приложения MS Excel (целевая страница «Новые возможности Excel», файл excel.htm).
49. Создать ссылку на сайт Инжэкона, доступный из Интранет-сети университета (не требующий подключения к Интернет). Указателем ссылки будет служить графический элемент – рисунок-эмблема вверху страницы:
· В коде HTML найти фрагмент с описанием рисунка, расположенного в начале страницы.
· Заключить тэг IMG, описывающий рисунок, в тэг гиперссылки А. В качестве значения параметра HREF тэга А задать URL-адрес сайта Инжэкона: http://www.engec.ru
· При использовании рисунка в качестве указателя гиперссылки он автоматически выделяется рамкой.
· Указать, что ссылка на внешний сайт открываются в новом окне браузера. Для этого добавить в тэг A параметр TARGET со значением _blank (Значение _blank начинается со знака подчеркивания!).
· Проверить работу ссылки.
50. В конце страницы создать ссылку на ее начало:
· В начале страницы внутри абзаца с текстом заголовка создать метку. Для этого вставить тэг A с параметром NAME и именем метки. Назвать метку topstr. Тело тэга A оставить пустым:
<a name=”topstr”></a>
· В конце страницы добавить строку с текстом «К началу страницы», заключенный в абзац DIV. Заключить текст внутри тэга DIV в тэг гиперссылки A, в качестве значения параметра HREF указать имя метки, предваренное знаком #:
<ahref=”#topstr”>К началу страницы</a>
· Проверить действие гиперссылки в браузере.
Самостоятельное задание:
51. На странице «Мой офис» оформить рисунки, помещенные в таблицу для Word и Excel, как ссылки на страницы с описанием этих приложений («Новые возможности Word» файл word.htm и «Новые возможности Excel» файл excel.htm соответственно). Ссылки должны открываться в новом окне.
52. Добавить в конец страницы «Новые возможности Excel» (excel.htm) ссылку «К началу страницы» на начало этой страницы.
53. На странице «Новые возможности Word» (word.htm) оформить текст абзаца «К началу страницы», расположенный в конце страницы, как ссылку на ее начало (в тэг A текст заключается совместно с тэгом форматирования шрифта EM).
54. На странице «Новые возможности Word» (word.htm) оформить текст элементов списка как ссылки на соответствующие разделы (места расположения подзаголовков) страницы.
55. Продемонстрировать страницы преподавателю.
Лабораторная работа №2. Стилевое оформление Web-страниц
Задание 1. Задать стилевое оформление страницы «Мой офис» (файл office.htm).
1. С помощью стиля задать для заголовка «Мой офис Состав и возможности MS Office» расположение по центру страницы.
· Найти в коде страницы «Мой офис» тэг абзаца, содержащий текст заголовка (<pclass=”zag”>). Встроить в тэг стиль – добавить в тэг параметр STYLE с определением стиля, содержащим название свойства стиля – выравнивание (text-align) и его значение – по центру (center), в описании стиля свойство и значение указываются через двоеточие:
Уважаемый посетитель!
Чтобы распечатать файл, скачайте его (в формате Word).
Ссылка на скачивание - внизу страницы.