Описание HTML

1 2 3 4 5 6 7

А.В. Кычкин

ГЕОИНФОРМАЦИОННЫЕ СИСТЕМЫ

Методические указания по выполнению

лабораторной работы

«Знакомство с информационными технологиями разработки

Web-ориентированных ГИС»

Издательство

Пермского национального исследовательского политехнического университета

Содержание

1.1 Цели и задачи работы.. 3

1.2 Краткие технические требования для геоинформационной системы GoogleMaps 4

1.2.1 Системные требования компьютера: 4

1.2.2 Веб-браузеры,поддерживающиеAPIJavaScript Карт Google: 5

1.3 Краткие описание языков HTML и JavaScript 6

1.3.1 Описание HTML. 6

1.3.2 Описание JavaScript 11

1.4 Варианты заданий. 18

1.5 Этапы разработки. 19

1.6 Пример разработки информационной системы.. 20

1.6.1 Начало работы.. 20

1.6.2 Пример рабочего скрипта. 29

1.7 Контрольные вопросы и задания. 33

1.8 Содержание отчета по работе. 34

1.9 Правила оформления схем алгоритмов и программ. 35

Цели и задачи работы

Цели:

углубить знания о сущности и применении Web ориентированной информационной системы;

усвоить методы и средства разработки Web ориентированной географической информационной системы.

Задачи:

Ознакомиться с Google Maps JavaScript API V3;

Изучить основные элементы приложения GoogleMaps API

Используя «Руководство по GoogleMapsJavaScript API V3» написать скрипт для отображения комплекса ПНИПУ на GMaps;

Краткие технические требования для геоинформационной системы GoogleMaps

1.2.1 Системные требования компьютера:

	Требования для Windows	Требования для Mac	Требования для Linux
Операционная система	Windows XP с пакетом обновления 2 или более поздней версии WindowsVista Windows 7 Windows 8	Mac OS X 10.6 или более поздняя версия	Ubuntu 10.04+ Debian 6+ OpenSUSE 11.3+ Fedora Linux 14
Процессор	IntelPentium 4 или более поздней версии	Intel	IntelPentium 3/Athlon 64 или более поздней версии
Свободное место на диске	100 МБ
ОЗУ	128 МБ

1.2.2 Веб-браузеры,поддерживающиеAPIJavaScript Карт Google:

СлужбаGoogleMapsJavaScriptAPIподдерживаетследующиевеб-браузеры.

Google Maps JavaScript API V3:

IE 7.0 иболеепозднихверсий (Windows);

Firefox 3.0 и более поздних версий (Windows, Mac OS X, Linux);

Safari 4 и более поздних версий (Mac OS X, iOS);

Chrome (Windows, Mac OS X, Linux);

Android;

BlackBerry 6;

Dolfin 2.0 и более поздних версий (SamsungBada).

Google Maps JavaScript API V2:

IE 6.0 и более поздних версий (Windows);

Firefox 2.0 и более поздних версий (Windows, Mac OS X, Linux);

Safari 3.1 и более поздних версий (Mac OS X, iOS);

Chrome (Windows).

Краткие описание языков HTML и JavaScript

Описание HTML

Структура документа HTML состоит из тегов, которые окружают содержимое и придают ему определенное техническое значение.

Тег <body>

Описание

Элемент <body> предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body>. К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д.

Тег <body> также применяется для определения цветов ссылок и текста на веб-странице. Подобная практика в HTML 4 осуждается и взамен для указания цветовой схемы рекомендуется использовать стили, применяя их к селектору BODY. Тем не менее, большинство атрибутов до сих пор поддерживается разными браузерами.

Часто тег <body> используется для размещения обработчика событий, например, onload, которое выполняется после того, как документ завершил загрузку в текущее окно или фрейм.

Открывающий и закрывающий теги <body> на веб-странице не являются обязательными, однако хорошим стилем считается их использование, чтобы определить начало и конец HTML-документа.

Синтаксис

<body>

...

</body>

Атрибуты

Alink-Устанавливает цвет активной ссылки.

Background - Задает фоновый рисунок на веб-странице.

Bgcolor - Цвет фона веб-страницы.

Bgproperties - Определяет, прокручивать фон совместно с текстом или нет.

Bottommargin - Отступ от нижнего края окна браузера до контента.

Leftmargin - Отступ по горизонтали от левого края окна браузера до контента.

Link - Цвет ссылок на веб-странице.