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

4.1 Наименование и цель работы

4.2 Код программы

4.3 Ответы на контрольные вопросы

4.4 Вывод о проделанной работе

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

5.1 Создайте свою папку, куда в дальнейшем будете размещать свои документы.

5.2 Запустите Блокнот.

5.3 Наберите HTML – код своей программы.

5.4 Сохраните свой документ с расширением *.html, для чего в меню файл выберите команду Сохранить как... Из перечня Тип файла выберите Все файлы.

5.5 Откройте свой файл и просмотрите результат.

6. Контрольные вопросы:

6.1 Что такое гиперссылка? Для чего они применяются на веб – сайтах?

6.2 Какие атрибуты тега <body> влияют на изменение цвета ссылки?

ПРИЛОЖЕНИЕ:

Ссылки связывают документы, разбросанные по всему Интернету, в одну сеть. Можно выделить два типа ссылок: внешние и внутренние. Внешние связывают страницы в один сайт и помогают передвигаться по нему. Внутренние – помогают передвигаться в рамках одной страницы.

Основой внешних ссылок являются URL- адрес объекта, на который вы собираетесь сослаться. Для создания гиперссылок в HTML служит элемент <А>, который требует наличие закрывающего тега. Внутри элемента располагается текст, который будет выделен как ссылка. Адрес документа для перехода записывается в элементе <A> в качестве значения аргумента HREF.

Внутренние ссылки организуют переход внутри одного HTML – документа. Они применяются, когда на одной странице много текста. Для простоты навигации можно создать ссылки, при щелчке кнопкой мыши на которых пользователь автоматически перейдет к нужной части документа. Чтобы создать такую ссылку, сначала нужно определить место, к которому ссылка приводит. Это делается с помощью атрибута name элемента <A>. Необходимый кусок текста заключается в элемент <A>. Затем нужно создать ссылку на эту метку. Ссылка на внутреннюю метку создается так же, как и ссылка на внешний документ, только вместо URL – адреса желаемой страницы надо ввести адрес метки в виде #MET1. При этом MET1 – имя вашей метки.

Для создания ссылки из картинки достаточно поместить элемент IMG внутри тегов <A> и </A>.

Практическая работа № 6

Наименование: Создание карты - изображения

1. Цель: Научится создавать ссылки из различных частей изображения

2. Литература:

2.1 Квинт И. HTML и CSS на 100%. – СПб.: Питер, 2008с.

3. Задание:

3.1 В строке заголовка должен отражаться номер практической работы

3.2 В теле документа создайте заголовок первого уровня, где укажите наименование работы. Заголовком второго уровня – цель работы.

3.3 Поместите по центру документа карту Самарской области (найти соответствующий рисунок в сети Интернет)

3.4 На карте сделайте ссылки из определенного населенного пункта на отдельный документ, где содержится текст о данном населенном пункте и рисунок (сведения и рисунки найти в сети Интернет). Для зачета необходимо предоставить сведения не менее чем о пяти населенных пунктах.