Сделай Сам Свою Работу на 5

Создание навигационных карт





Тэг MAP создает новую навигационную карту. Между начальным и конечным тегами содержит один или несколько элементов AREA, определяющих навигационные области карты.

Использует следующие атрибуты:

NAME – единственный и обязательный атрибут. Определяет имя навигационной карты, уникальное для данного документа. Используется для вызова карты с помощью атрибута USEMAP элемента IMG. Можно указать любое имя без пробелов с использованием латинских символов и цифр.

Пример:

<!-- Создаем карту Map1 : -->

<MAP NAME="Map1">

<!-- Задаем области -->

<AREA HREF="...>

<AREA HREF="...>

...

</MAP>

<!-- Карта готова. Применим её к картинке: -->

<IMG SRC="image.gif" USEMAP="#Map1" WIDTH=200 HEIGHT=100 ALT="Картинка">

Тэг AREA создает область карты, определенной с помощью элемента MAP. Элемент должен располагаться между начальным и конечным тегами элемента MAP. Не имеет конечного тега.

Используемые атрибуты:

SHAPE – определяет форму навигационной области. Возможные значения: rect – прямоугольник; circle – окружность; poly – многоугольник.

В зависимости от выбранной формы меняется способ задания ее координат в атрибуте COORDS.



COORDS – определяет координаты навигационной области на карте. Используется в паре с атрибутом SHAPE. Способы задания координат для разных типов областей:

SHAPE="rect" COORDS="левый x, верхний y, правый x, нижний y";

SHAPE="circle" COORDS="центр x, центр y, радиус";

SHAPE="poly" COORDS="x1,y1,x2,y2,x3,y3,...";

HREF – определяет область как гипертекстовую ссылку. Значение задается в виде ссылки (URL).

TARGET – определяет окно (фрейм), на которое указывает гипертекстовая ссылка. Этот атрибут используется только совместно с атрибутом HREF. В качестве значения необходимо задать либо имя одного из существующих фреймов (см. элемент FRAME) либо одно из зарезевированных имен, подробно описанных в атрибуте TARGET элемента A.

NOHREF – определяет область как неактивную (невосприимчивую к нажатию). Данный атрибут противоположен атрибуту HREF и используется для отмены действия последнего.

ALT – определяет альтернативный текст-подсказку для данной области.

Пример:

<!-- Создаем карту с неактивной областью в виде круга -->

<MAP NAME="map1">



<AREA NOHREF SHAPE="circle" COORDS="80,70,40">

<AREA HREF="guide.html" ALT="Путеводитель" SHAPE="rect" COORDS="0,0,167,140">

</MAP>

...

<!-- Применяем ее к картинке -->

<IMG src="/img/logo.gif" WIDTH="167" HEIGHT="140" BORDER="0" ALT="Путеводитель" USEMAP="#map1">

Управление видом документа в целом

С помощью параметров тэга <BODY> можно управлять цветами, используемыми в документе, а также фоновыми изображениямий. Всё это задаётся с помощью различных атрибутов тэга.

1. Атрибут TEXT задаёт цвет для всего текста документа, используемый по умолчанию. Цвет, как уже говорилось, может задаваться как названием (red, yellow, teal и т. п.), так и числовым кодом «#RRGGBB».

2. Атрибут LINK позволяет установить цвет для текстовых гиперссылок.

3. VLINK — цвет просмотренных текстовых гиперссылок.

4. BGCOLOR — цвет фона всей страницы.

5. В атрибуте BACKGROUND указывается URL графического файла, который будет использован в качестве фонового изображения. Если размеры рисунка меньше размеров страницы, то он будет автоматически размножен браузером.

Таблицы

Иногда на web-странице требуется отображать какие-либо данные в виде таблиц. Для этого используется контейнер TABLE. Рассмотрим подробнее содержимое контейнера TABLE:

1. У таблицы может быть название, которое располагается ниже или выше самой таблицы. Для вставки названия сразу после тэга <TABLE> записывают контейнер <CAPTION>, внутри которого пишут название таблицы. Расположение названия (выше или ниже таблицы) указывается с помощью атрибута ALIGN тэга CAPTION, значениями которого могут быть TOP (сверху) или BOTTOM (снизу). Пример:



<TABLE>

<CAPTION ALIGN=BOTTOM>Таблица 1</caption>

. . . . . . . . . . . . . . .

</table>

2. Данные для самой таблицы записываются после <CAPTION>, если таковой имеется. Таблица состоит из строк, а каждая строка состоит из отдельных ячеек, поэтому данные записываются в следующем виде:

<TR> {Содержимое первой строки} </tr>

<TR> {Содержимое второй строки} </tr>

<TR> {Содержимое третьей строки} </tr>

. . .

Контейнер TR (table row — строка таблицы) содержит данные для одной строки, а именно:

<TD> Ячейка 1 </td><TD> Ячейка 2 </td><TD> Ячейка 3 </td> . . .

Контейнер TD (table data — данные таблицы) содержит тест, графику или другие объекты, которые нужно поместить в конкретную ячейку. Если ячейка содержит текст, который является заголовком столбцы, то его можно выделить особо, используя вместо TD контейнер TH (table header — заголовок таблицы). Если какая-то ячейка должна выглядеть пустой, то в неё нужно записать хотя бы пробел, в противном случае браузер автоматически удалит её со страницы.

Для того чтобы добавить линии сетки, нужно указать атрибут BORDER в тэге <TABLE>. Если дать этому атрибуту значение (натуральное число), то таким способом будет установлена толщина внешней границы в точках, например: <TABLE BORDER=12>.

Для установки ширины таблицы имеется атрибут WIDTH тэга <TABLE>, в котором можно указать ширину двумя способами:

1. Абсолютный — в точках, размер таблицы не зависит от размеров окна браузера или настроек экрана. Пример: <TABLE WIDTH=600>.

2. Относительный — в процентах от ширины окна, например: <TABLE WIDTH=80%>.

Кроме ширины всей таблицы можно настраивать ширину отдельных ячеек, используя атрибут WIDTH тэгов <TD> и <TH>. Ширина указывается либо в точках, либо в процентах (от ширины таблицы).

В тэге <TABLE> можно настроить толщину внутренних линий сетки, используя атрибут CELLSPACING, значением которого является толщина в точках. Кроме того, возможна настройка размера отступов от линий сетки до содержимого ячейки (также в точках), для этого используется атрибут CELLPADDING тэга <TABLE>.

Изменить горизонтальное выравнивание можно при помощи атрибута ALIGN в тэгах <TR>, <TH> и <TD> (для строки или отдельной ячейки, соответственно). Значениями этого атрибута могут быть LEFT, RIGHT и CENTER.

Кроме горизонтального выравнивания можно указать вертикальное выравнивание содержимого отдельных ячеек. Для этого в тэге <TD> или <TH> указывается атрибут VALIGN, значениями которого могут являться TOP, MIDDLE и BOTTOM.

При помещении текста в ячейки таблицы происходит автоматический переход на новую строку. Если текст в какой-либо ячейке разрывать нельзя, то в соответствующем тэге <TH> или <TD> следует указывать атрибут NOWRAP (не требует значения). Очевидно, что за счет этого возможно увеличение ширины соответствующего столбца.

Иногда соседние ячейки таблицы содержат одинаковые данные, в этом случае имеет смысл объединить их. Для того чтобы слить несколько соседних ячеек строки в одну, используют атрибут COLSPAN тэга <TD> (или <TH>), значением которого является число ячеек, подлежащих слиянию. После такого контейнера пропускают несколько контейнеров <TD> (или <TH>), поскольку данные объединённой ячейки уже записаны. Аналогичным образом можно объединить смежные ячейки в одном столбце. Для этого в тэге <TD> (или <TH>), соответствующем самой верхней из объединяемых ячеек, записывается атрибут ROWSPAN, значением которого является количество объединяемых ячеек. В последующих строках тэги <TD> (или <TH>), соответствующие объединённой ячейке, не пишутся.

При необходимости можно объединить прямоугольную область, состоящую из ячеек нескольких соседних строк и столбцов. Для этого потребуется одновременно использовать атрибуты COLSPAN и ROWSPAN в одном тэге <TD> (или <TH>).


 

ЛИТЕРАТУРА

 

1 Ткачева, О.А. Компьютерная графика: курс лекций для студ. спец. 120301 – Землеустройство, 120302 – Земельный кадастр / О.А. Ткачева; Новочерк. гос. мелиор. акад. – Новочеркасск, 2007.

2 Капралов, Е.Г. Основы геоинформатики: В 2 кн. Кн. 2: Учеб. пособие для студ. вузов / Е.Г. Капралов, А.В. Кокарёв, В.С. Тикунов и др.; Под ред. В.С. Тикунова. – М.: Изд. центр «Академия», 2004.

3 Петров, М.Н. Компьютерная графика: Учебник/ М.Н. Петров, В.П. Молочков. – СПб.: Питер, 2002.

4 Хромых, О.В. Компьютерная графика для географов: Учеб пособие / О.В. Хромых - Томск: Томский государственный университет, 2003.

5 Ресурс Интернета: http://html.manual.ru/book/html/navmaps/area.php


 

Учебно-методическое издание

 

 

Ткачева Ольга Александровна

Мещанинова Елена Германовна

 

 

Мультимедийные технологии
в землеустройстве и кадастрах

 

ЛАБОРАТОРНЫЙ ПРАКТИКУМ

 

 

для студентов специальности 120302 – Земельный кадастр

 

 

Компьютерный набор и графика Ткачева О.А.

 

 

Подписано к печати Формат 60×84 1/16

Объем п.л. Тираж экз. Заказ

Типография НГМА 364428, г. Новочеркасск, ул. Пушкинская 111

 








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



©2015 - 2024 stydopedia.ru Все материалы защищены законодательством РФ.