Cозданиe Web-сайта "Московский Кремль"

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

Cозданиe Web-сайта "Московский Кремль".

1. Скопируйте в свою папку папку Kremlin.
2. Запустите текстовый редактор Блокнот.
3. Назовите страницу "Башни Московского Кремля".
4. На странице разместите текст о Московском Кремле из файла kremlin.doc, находящегося в папке Kremlin.
5. Отформатируйте текст (разметить абзацы, расставить заголовки, сформировать маркированный список) и сохраните в файле index.htm в папке Kremlin.
6. Просмотрите полученную черно-белую страницу в браузере.
7. Для оформления страницы о Московском Кремле используйте следующую цветовую схему: BACKGROUND="fon.png" TEXT="#993300" LINK="#FF0000" ALINK="#FF0000" VLINK="#FF0000".
8. Вставьте в начале страницы картину М.Н.Воробьева "Вид Московского Кремля. 1818" из файла kremlin.gif. Разместите вставленное изображение по центру. Установите ширину изображения 515п, высоту - 240п, задайте название изображения "М.Н.Воробьев. Вид Московского Кремля. 1818".
9. Расположите заголовок страницы "Башни Московского Кремля" по центру.
10. Выделите часть текста (четвертый абзац) более крупным шрифтом и красным цветом. Установите этой же части текста тип шрифта Arial.
11. Разместите изображение Царской башни (файл carsk.gif из папки Kremlin) размером 30п в ширину и 65 в высоту слева от текста абзаца о Царской башне. Скройте рамку вокруг вставленного изображения.
12. Создайте гиперссылку на отображение увеличенной фотографии Царской башни (файл carsk.jpg). В качестве указателя гиперссылки используйте уменьшенное изображение, вставленное вами ранее из файла carsk.gif.
13. В начале страницы установите закладку.
14. В конце страницы добавьте гиперссылку на начало страницы.
15. Установите закладки в начале описания каждой башни.

Создайте страницу "Кремлевские Куранты" и сохраните ее в файле clock.htm в папке Kremlin. Текст для страницы можно скопировать из файла Куранты.doc.

1. На странице clock.htm добавьте гиперссылку перехода на главную страницу на закладку, установленную перед абзацем о Спасской башне.
2. На странице index.htm добавьте гиперссылку перехода на страницу clock.htm. В качестве указателя используйте слово Куранты абзаца о Спасской башне.
3. Добавьте гиперссылку для отображения рисунка Спасской башни (файл spassk.jpg). В качестве указателя используйте слово башня первого предложения абзаца о Спасской башне.
4. В конце страницы после заголовка Справочная информация создайте таблицу и внесите в нее данные о башнях Кремля:

21. Разместите изображение схемы Московского Кремля (файл cxema.png) справа от текста второго и третьего абзацев. Установите ширину вставленного изображения 265п, высоту 330п, задайте подпись "Схема Московского Кремля".

22. Создайте конфигурацию карты-изображения Схема Московского кремля, используя следующие тэги:

<MAP NAME="Kremlin"> </MAP> где Kremlin - имя будущей карты.

1. Выберите в качестве областей гиперссылок прямоугольные изображения башен. В контейнер &ltMAP></MAP> введите координаты восьми областей (изображений башен), адреса ссылок (закладки) и тексты подписей:
2. &ltarea shape="rect" coords="203,76,216,146" href="#anchor1" alt="Спасская">
3. &ltarea shape="rect" coords="129,21,148,87" href="#anchor2" alt="Никольская">
4. &ltarea shape="rect" coords="103,3,116,57" href="#anchor3" alt="Угловая Арсенальная">
5. &ltarea shape="rect" coords="14,155,29,174" href="#anchor4" alt="Кутафья">
6. &ltarea shape="rect" coords="50,103,67,173" href="#anchor4" alt="Троицкая">
7. &ltarea shape="rect" coords="9,217,24,279" href="#anchor5" alt="Боровицкая">
8. &ltarea shape="rect" coords="31,259,47,322" href="#anchor6" alt="Водовзводная">
9. &ltarea shape="rect" coords="238,216,254,273" href="#anchor7" alt="Беклемишевская">
10. &ltarea shape="rect" coords="216,147,224,162" href="#anchor8" alt="Царская">

24. Превратите Схему Московского Кремля в карту. Для этого добавьте тегу вставки этого изображения атрибут USEMAP="#Kremlin".

25. Просмотрите созданный сайт "Башни Московского Кремля", открыв файл index.htm из папки Kremlin.

Работа выполнена в 2020 г.