Порядок выполнения задания №5

1. Активизируйте Блокнот с открытой в нем редактируемой Web-страницей [Вид – Просмотр HTMLкода].

2. Выберите в качестве основы для карты-изображения схему Московского Кремля (файл схема.png в папке Kremlin):

<img SRC="cxema.png" WIDTH="265" HEIGHT="330" BORDER="1" USEMAP="#Kremlin" ALIGN="left" ALT="Схема Московского Кремля">

3. Тэгу NAME присвойте имя конфигурации карты-изображения:

<MAP NAME="Kremlin">

</MAP>

4. Сохраните новый вариант страницы, выполнив команду меню [Файл - Сохранить].

5. Активизируйте браузер с открытым в нем предыдущим вариантом страницы. Щелкните по кнопке Обновить. В окне браузера отобразится обновленная Wed-страница.

6. Проверьте работу гиперссылки.

Задание №6

Задайте гиперссылку перехода на абзац, относящийся к соответствующим башням.

Порядок выполнения задания №6

1. Активизируйте Блокнот с открытой в нем редактируемой Web-страницей [Вид – Просмотр HTML кода].

2. Выберите в качестве областей прямоугольные изображения башен, в контейнер <MAP> введите координаты 20 областей (изображений башен), адреса ссылок (якоря) и альтернативные тексты:

<area shape="rect" coords="175,95,183,119" href="#anchor9" alt="Сенатская">

<area shape="rect" coords="129,21,148,87" href="#anchor2" alt="Никольская">

<area shape="rect" coords="103,3,116,57" href="#anchor3" alt="Угловая Арсенальная">

3. Сохраните новый вариант страницы, выполнив команду меню [Файл - Сохранить].

4. Активизируйте браузер с открытым в нем предыдущим вариантом страницы. Щелкните по кнопке Обновить. В окне браузера отобразится обновленная Wed-страница.

5. Проверьте работу гиперссылок (активизация гиперссылок должна вызывать переход на абзац текста, относящийся к соответствующим башням).

6. Закройте окно браузера.

Задание №7

Ответьте на контрольные вопросы к практическому заданию.

Задание №8

1. Сделайте вывод о проделанном практическом задании.

2. Сдайте отчет преподавателю.

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

1. Как создать таблицу на Web-странице и внести в нее данные?

2. Для чего на Web-страницу помещают гиперссылки?

3. Из каких частей состоит гиперссылка и что они собой представляют?

4. Как выполнить вставку гиперссылок?

5. Зачем в тексте Web-страницы расставляют якоря?