Создание навигационных карт
Тэг 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 Все материалы защищены законодательством РФ.
|