СОЗДАНИЕ WEB-СТРАНИЦ С ИСПОЛЬЗОВАНИЕМ НАВИГАЦИОННЫХ КАРТ

Цель работы: изучить возможность использования картографического изображения в качестве навигационной карты WEB-страницы.

Краткие теоретические сведения:

Web-страница является элементарной частью Всемирной Паутины (World Wide Web, www). WWW, в свою очередь, — одна из возможностей компьютерной сети Internet, связывающей компьютеры по всему миру. Вся информация www хранится в виде отдельных документов. В основе каждого такого документа лежит текст, который может быть оформлен различными шрифтами, стилями и т. п. В тексте могут быть помещены иллюстрации, таблицы, видео-клипы, также возможно добавление фоновой звуковой дорожки. Основное свойство документов во Всемирной Паутине — наличие ссылок на другие документы, находящиеся в Сети. Такие ссылки называются гиперссылками (hyperlink), они позволяют при просмотре быстро переходить от одного документа к другому, и тем самым связывают все документы в единое целое. Документы, о которых идёт речь, называются web-страницами. Содержимое web-страниц часто называют гипертекстом. Набор страниц, объединённых общей тематикой, называется сайтом (web site).

Любая страница представлена в виде отдельного текстового файла, который можно создать любым текстовым редактором. Так как страница может содержать не только текст, но и множество других элементов (шрифтовое оформление текста, иллюстрации и т. п.), то в текст встраиваются специальные управляющие конструкции, называемые тэгами. Весь набор правил, по которым нужно создавать файл с web-страницей и записывать отдельные тэги, называется языком разметки гипертекста (HyperText Markup Language, HTML). Браузеры при открытии файла в формате HTML способны расшифровать тэги и показать страницу в своем окне так, как она была задумана создателем. В операционной системе Windows файлы web страниц должны иметь расширения “htm” или “html”.

Дополнительная информация по использованию тэгов приведена в приложении А.

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

1 Скопировать папку «WEB» к себе в папку и открыть файл план.jpg в приложении Paint. Выбрать команду Растянуть/Наклонить на вкладке Рисунок и выставить 20% по горизонтали и вертикали (рисунок 1), и сохранить новый файл с имененм план01. jpg.

Рисунок 1 - Диалоговое окно «Растяжение и наклон»

2 Открыть новый файл и записать размеры рисунка в пикселах через команду Атрибуты на вкладке Рисунок (рисунок 2.)

Рисунок 2 – Диалоговое окно «Атрибуты»

3 На картографическом изображении снимем координаты характерных точек следующих объектов: х. Новопавловка, х. Потапов, х.Гремучий, р.п. Михайлов, сады (рисунок 3).

Рисунок 3 – Определение координат характерных точек объектов

4 Запускаем приложение HTML Reader. В меню Файл выбираем команду Новый файл с именем, присваиваем имя «Русь. htm» и сохраняем в папку WEB. На вкладке Текст выбираем команду Стандартный документ HTML и в созданный шаблон вносим титул, который отображается в заголовке (План землепользования). На панеле Инструментов выбираем вкладку Инспектор и перетаскиванием добавляем тэг MAP в область HEAD. Добавляем атрибут NAME со значением “spk_rus” (рисунок 4).

Рисунок 4 – Формирование титула и добавление тэга навигационной карты в приложении HTML Reader

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

Рисунок 5 – Формирование областей навигационной карты в приложении HTML Reader

6 В тэге BODY описываем глобальные цвета страницы: фона (bgcolor) - топлённое молоко (Оранжевая палитра); текста (text) – Чернослив (Сиреневая палитра); гиперссылка (link) – Голубой (Безопасная палитра); непросмотренная гиперссылка (vlink) – Пурпурный (Безопасная палитра); просмотренная гиперссылка (alink) – Красный (Безопасная палитра). Цвета выбираем на вкладке Палитра панели инструментов. Также формируем заголовок перовго уровня для заглавной страницы (СПК «Русь») (рисунок 5).

Рисунок 5 – Изменение глобальных параметров страницы и формирование заголовка в приложении HTML Reader

7 Используем в теле страницы тэг IMG с указанными параметрами, чтобы привязать созданную навигационную карту к вставляемому в WEB-страницу рисунку (рисунок 6).

Рисунок 6 – Вставка рисунка и привязка созданной навигационной карты в приложении HTML Reader

Задание:сформировать навигационную карту для своего картографического изображения.

ЛАБОРАТОРНАЯ РАБОТА № 7

Не нашли, что искали? Воспользуйтесь поиском по сайту: