Основы HTML. Лабораторная работа 6. Активные области на рисунках в документах HTML.
Создать в своей папке рисунок с именем KAPTA.BMP примерно следующего вида:
|
Создать в своей папке текстовый документ (для программы Блокнот). Открыть его и набрать следующий текст:
<html><head><title>Использование изображений с активными областями</title></head>
<frameset rows=2*,1*>
<frame src=КАРТА.HTM>
<frame name=НИЖНИЙ>
</frameset></html>
Выполнить команды меню ФАЙЛ, СОХРАНИТЬ КАК. В списке ТИП ФАЙЛА выбрать *.* (Все файлы). В строке ИМЯ ФАЙЛА набрать INDEX.HTM
Закрыть окно программы БЛОКНОТ. Создать в своей папке второй текстовый документ. Открыть его и набрать следующий текст (координаты COORDS определить в программе PAINT, наводя курсор мыши на нужную точку на рисунке):
<html>
<body bgcolor=yellow text=blue>
<font face=arial size=3>
<center>
<marquee>Карта маршрутов с перечнем городов</marquee><br>
<img src=КАРТА.bmp usemap=#m1>
<map name=m1>
<area href=кострома. htm shape=circle coords="46,101,5" target=НИЖНИЙ>
<area href=нновгород. htm shape=circle coords="174,256,10" target=НИЖНИЙ>
<area href=чебоксары. htm shape=circle coords="254,322,5" target=НИЖНИЙ>
<area href=саратов. htm shape=circle coords="338,403,8" target=НИЖНИЙ>
</map></body></html>
Выполнить команды меню ФАЙЛ, СОХРАНИТЬ КАК. В списке ТИП ФАЙЛА выбрать *.* (Все файлы). В строке ИМЯ ФАЙЛА набрать KAPTA. HTM Закрыть окно программы БЛОКНОТ. Создать в папке своей подгруппы третий текстовый документ. Открыть его и набрать следующий текст:
<html>
<body bgcolor=aqua text=red>
<font face=courier size=4>
Кострома - старинный волжский город, роина Ивана Сусанина<br>
<ul> Достопримечательности:
<li> Памятник Ивану Сусанину
<li> Ипатьевский монастырь
<li> Торговые ряды
<li> ...
</font>
</body></html>
Выполнить команды меню ФАЙЛ, СОХРАНИТЬ КАК. В списке ТИП ФАЙЛА выбрать *.* (Все файлы). В строке ИМЯ ФАЙЛА набрать KOCTPOMA. HTM Закрыть окно программы БЛОКНОТ. Создать в своей папке 4-й текстовый документ. Открыть его и набрать следующий текст:
<html>
<body bgcolor=aqua text=#D0011>
<font face=times size=4>
Нижний Новгород - старинный русский город, основанный в 1221 году князем Юрием Всеволодовичем.
<br> Расположен на слиянии р. Волги и р. Оки <br>
<ul> Достопримечательности города:
<li> Нижегородский Кремль
<li> Многочисленные церкви и храмы
<li> Памятник Минину и Пожарскому
<li> Волжский откос
<li> Автозавод
<li> Задов "Красное Сормово"
<li> Стрелка
</font>
</body></html>
Выполнить команды меню ФАЙЛ, СОХРАНИТЬ КАК. В списке ТИП ФАЙЛА выбрать *.* (Все файлы). В строке ИМЯ ФАЙЛА набрать ННОВГОРОД. НТМ. Закрыть окно программы БЛОКНОТ. Создать в своей папке 5-й. текстовый документ. Открыть его и набрать следующий текст:
<html>
<body bgcolor=aqua text=green>
<font face=courier size=4>
Чебоксары - столица Чувашской республики, родины легендарного командира <br>
<ul> Достопримечательности города:
<li> Театр драмы
<li> Симпатичные лица чувашей и черемисов
<li> ...
</font>
</body></html>
Выполнить команды меню ФАЙЛ, СОХРАНИТЬ КАК. В списке ТИП ФАЙЛА вобрать *.* (Все файлы). В строке ИМЯ ФАЙЛА набрать ЧЕБОКСАРЫ. НТМ. Закрыть окно программы БЛОКНОТ. Создать в папке своей подгруппы 6-й текстовый документ. Открыть его и набрать следующий текст:
<html>
<body bgcolor=green text=red>
<font face=arial size=4>
Саратов - старинный волжский город, родина <br>
<ul> Достопримечательности города:
<li> Волжская набережная
<li> Самый длинный мост через реку Волгу
<li> ...
</font>
</body></html>
Выполнить команды меню ФАЙЛ, СОХРАНИТЬ КАК. В списке ТИП ФАЙЛА выбрать *.* (Все файлы). В строке ИМЯ ФАЙЛА набрать CAPATOB. HTM. Закрыть окно программы БЛОКНОТ.
Открыть файл INDEX. HTM, проверить действие ссылок, щелкая по черным кружкам, расположенным рядом с названиями волжских городов.
