рефераты конспекты курсовые дипломные лекции шпоры

Раздел Программирование
/
Сегментированная графика. Элементы <MAP> и <AREA>.

Реферат Курсовая Конспект

Выберите учебное заведение

Сегментированная графика. Элементы <MAP> и <AREA>.

Сегментированная графика. Элементы <MAP> и <AREA>. - раздел Программирование, Общие принципы проектирования HTML-документа Сегментированная Графика Или Графическая Карта (Imagemap) Представляется Обыч...

Сегментированная графика или графическая карта (imagemap) представляется обычным изображением с выделенными чувствительными (активными) областями. Активные области изображения являются ссылками на адресуемые элементы гипертекста.

Графическая карта может быть создана в любом графическом редакторе, который позволяет сохранять изображения в формате GIF, JPG (JPEG) или PNG. Алгоритм создания графической карты:

- выбирается или рисуется изображение, которое сохраняется в виде файла с расширением gif, jpg (jpeg) или png;

- используя элемент выделения области графического редактора, выделяются чувствительные области изображения и записываются их координаты;

- выполняется описание выделенных чувствительных областей с помощью операторов <MAP> и <AREA>.

Синтаксис описания:

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

</MAP>

Параметр name оператора <MAP> используется при установке графической карты в HTML-документ. Этот параметр используется также в элементе <input> и объекте <object>.

Собственные параметры оператора <AREA>

Наименование атрибута	Описание атрибута
shape	Задает форму чувствительной области. Может принимать значения: default-точка; rect-прямоугольник; circle-окружность; poly – многоугольник.
coords	Через запятую задаются координаты соответствующих фигур: default – координаты x и y; rect-координаты x и y верхнего левого и нижнего правого углов; circle-координаты x и y центра окружности и величину радиуса; poly-координаты x и y всех вершин многоугольника.
href	Задает URI документа, который должен быть загружен, после щелчка пользователя левой клавишей мыши на чувствительной области карты.
nohref	Задает области нечувствительные к щелчку мыши.
alt	Альтернативный текст, который отображается программой просмотра или “всплывает” как подсказка.
tabindex	Задает порядок перехода по ссылкам при помощи клавиши Tab при работе с клавиатурой.
accesskey	Назначает “горячие” клавиши для быстрого доступа к элементам. Для Windows, например, accesskey="d" переводит фокус ввода на заданную область при нажатии Alt+D.

Кроме перечисленных, оператор AREA имеет общие атрибуты и атрибуты для установки обработчиков событий.

Пример 2.10.Организация графической карты

<HTML>

<HEAD><TITLE>Крепость</TITLE></HEAD>

<BODY>

<H2 align="center">Орешек.Общий план</H2><BR>

</MAP>

<UL><LI><A href="флаг.htm">Флажная башня</A>

<LI><A href="головин.htm">Башня Головина</A>

<LI><A href="мемориал.htm">Мемориальный комплекс</A>

<LI><A href="новтюрьма.htm">Новая(народовольческая) тюрьма</A>

<LI><A href="нарволя.htm">Памятник народовольцам</A>

<LI><A href="государева.htm">Государева башня</A>

<LI><A href="4корпус.htm">Четвертый тюремный корпус</A>

<LI><A href="сттюрьма.htm">Старая тюрьма</A>

<LI><A href="местоказни.htm">Место казни народовольцев</A>

<HR>

</UL>

</BODY>

</HTML>

Результат просмотра графической карты (рис.2.10).

Рис.2.10. Просмотр графической карты

Строка <IMG src="Крепость.gif" usemap="#Крепость Орешек"> отображает изображение, хранимое в файле Крепость с расширением gif.

Строки, ограниченные операторами <MAP> и </MAP>, дают описание графической карты с именем Крепость Орешек.

Строки с оператором <AREA> описывают отдельно каждую чувствительную область и содержат адрес href документа, который будет отображаться в окне программы просмотра при выполнении ссылки.

Графическая карта (см. рис.2.10) ничем не отличается от обычного изоражения. Различие проявляется при попадании указателя мыши на активную область. Указатель мыши в этом случае меняет вид.

Развернуть

Открыть в широком формате

– Конец работы –

Эта тема принадлежит разделу:

Общие принципы проектирования HTML-документа

Структура документов в формате HTML... В рекомендациях W первой строкой создаваемого документа указывается... lt DOCTYPE HTML PUBLIC W C DTD HTML EN gt...

Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Сегментированная графика. Элементы <MAP> и <AREA>.

Что будем делать с полученным материалом:

Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:

Все темы данного раздела:

Общие методические указания.
Современная информационная технология, используемая в корпоративных, в том числе и транспортных, сетях и системах, реализует идею сетевой независимости интерфейса пользователя. Операции, выполняемы

Технология подготовки гипертекстового документа
Web-технология позволяет объединить в одном документе самые разные формы представления информации — текст, таблицы, графику, звук и многое другое, а также соединить в гипертекстовую систему

Проектирование HTML – документа
Гипертекст в формате HTML представляется совокупностью структурных блоков. Разметка гипертекста осуществляется элементами[2], поэтому содержание структурного блока и элементы разметки также называю

Структура HTML – документа
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0//EN”> <HTML> <HEAD> <TITLE>Заголовок документа</TITLE> </HEAD>

Выравнивание параграфов текста
Текст Web-страницы, также как и любой другой текст, содержит заголовки, абзацы, физически и логически выделенные фрагменты текста. Текст может быть иллюстрирован рисунками, орнаментами и другими эл

Описание термина располагается в контейнере <DD>описание</DD>.
Пример 2.5. Списки-определения. <HTML> <HEAD> <TITLE>Проектирование WEB- сайта</TITLE> </HEAD>

Форматирование шрифта
В языке разметки HTML определены операторы физического и логического форматирования символов. Операторы физического форматирования явным образом определяют внешний вид симв

Цвет в HTML – документах
Язык разметки гипертекста HTML позволяет указывать цвет фона документа, текста (заголовков и отдельных слов), полей ссылок на другие документы и так далее. Обозначение цвета.

Графика в HTML-документах
В HTML-документах возможно использование растровой и векторной графики. Программы просмотра отображают три формата растровой графики GIF (Graphics Interchange Format) – формат (быстрого) о