Что такое карта изображений? | Интернет-маркетинг Глоссарий OSG

  1. Что такое карта изображений?
  2. Как создать карту изображения?
  3. Серверные карты изображений
  4. Клиентские карты изображений
  5. У вас еще есть вопросы?

Что такое карта изображений?

При разработке веб-страницы карта изображения - это изображение, которое определено так, что пользователь может щелкнуть по разным областям изображения и связать его с различными пунктами назначения. Карта изображения создается путем определения каждой из интерактивных областей на основе ее координат x и y, то есть определенного горизонтального расстояния и определенного вертикального расстояния в пикселях от левого угла изображения. Для каждого набора координат указывается унифицированный указатель ресурса или веб-адрес.

В прошлом карты изображений использовались для создания целых веб-сайтов. Для этой цели макет веб-сайта, включая кнопки, был спроектирован как одно большое изображение, а затем была создана карта изображения, которая связывала различные области с целевыми объектами. Карты изображений до сих пор используются сегодня, например, чтобы направлять посетителей веб-сайтов в региональные филиалы компании на основе карты Германии , на которой федеральные штаты выделены на карте по отдельности.

Как создать карту изображения?

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

Существует два способа создания карты изображений: на стороне сервера или клиент Карта бокового изображения:

Серверные карты изображений

Для серверной карты изображений якорь добавляется к изображению путем включения тега <img> в текст тега <a>. Мышь становится чувствительной, добавляя атрибут ismap в тег <img>. Этот специальный атрибут <img> сообщает браузеру, что изображение представляет собой специальную карту, содержащую более одной ссылки.

Когда пользователь нажимает на местоположение внутри изображения, браузер передает координаты указателя мыши вместе с URL-адресом, указанным в теге <a>, на сервер. Используя координаты указателя мыши, сервер может определить документ для возврата клиенту.

Если используется «ismap», атрибут href содержащего тега <a> должен содержать URL-адрес серверного приложения, такого как файл amap или скрипт cgi, для обработки входящего запроса на основе заданных координат.

Например, если пользователь щелкает точку на 50 пикселей вправо и на 30 пикселей вниз от верхнего левого угла изображения, содержащего следующую ссылку:

<a href = "/ cgi-bin / logo.map" target = "_ self">

<img ismap src = "/ images / html.gif" alt = "HTML" border = "0" />

</ a>

тогда браузер отправляет следующие параметры

/cgi-bin/logo.map?50,30

к серверу HTTP, так что назначение ссылки может быть отображено. Преобразование координат в определенный документ происходит здесь через приложение на стороне сервера , либо через CGI Программные или специальные файлы карт, предоставляемые веб-сервером.

Клиентские карты изображений

Карта изображений на стороне клиента активируется атрибутом UseMap для тега <img /> и определяется специальными тегами расширения <map> и <area>.

Изображение, которое формирует карту, вставляется на страницу как обычно с элементом <img />, за исключением того, что оно содержит дополнительный атрибут «usemap». Значением атрибута UseMap является значение атрибута name для элемента <map>, за которым следует ромб.

Элемент <map> создает карту для изображения и обычно следует сразу после элемента <img />. Он действует как контейнер для элементов <area />, которые определяют интерактивные области изображения . Элемент <map> содержит только атрибут «name», который является именем карты. Итак, элемент <img /> знает, какой элемент <map> использовать.

Элемент <area> определяет форму и координаты, которые определяют границы каждой интерактивной области изображения. Пример клиентской карты изображений выглядит следующим образом:

<img src = / images / html.gif alt = "Карта HTML" border = "0" usemap = "# html" />

<! - Создать карты ->

<map name = "html">

<area shape = "circle "ordins =" ​​154 150,59 "href =" link1.htm "alt =" link 1 "target =" _ self "/>

<area shape = "poly "ordins =" ​​272,79,351,79,351,15,486,15,486,218,272,218, 292,166,292,136,270,76 "alt =" link 2 "href =" link2.htm "target =" _ self "/>

</ map>

В этом примере создается карта изображения с двумя интерактивными областями в форме круга и многоугольника. Фактическое значение координат полностью зависит от формы. Три возможные фигуры на карте изображения определяются следующим образом:

rect = x1, y1, x2, y2

Определяет прямоугольные области, где x1 и y1 - координаты верхнего левого угла прямоугольника, а x2 и y2 - координаты нижнего правого угла. Например, прямоугольник с 15.15 по 25.25 будет иметь атрибут ords = "15,15,25,25". Прямоугольник, который определяет левую половину изображения, мог бы использовать координаты = "0,0,50%, 100%".

круг = хс, ук, радиус

Определяет круг. xc и yc - координаты центра круга, а "radius" - радиус круга. Круг в 100,200 с радиусом 25 пикселей будет иметь атрибут координирование = "100,200,50".

poly = x1, y1, x2, y2, x3, y3, ... xn, yn

Определяет многоугольник (многоугольник). Пары xy определяют точки многоугольника. Здесь следует отметить, что спецификация координат должна быть такой, чтобы многоугольник был замкнут сам по себе.

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

У вас еще есть вопросы?

свяжитесь с нами

Карта изображения

2,3 (46,67%) 3 голосаЧто такое карта изображений?
Как создать карту изображения?
Что такое карта изображений?
Как создать карту изображения?
Map?
У вас еще есть вопросы?
О школе
О школе

О школе

Школа была открыта в 1959г. Первые выпускники были выпущены в 1966 г. Учредителем является МНО РТ, Горисполком. Координаты школы: Республика Татарстан, 420012, г. Казань, ул. Муштари д.6.
История

История

Школа № 18 была создана в 1959 году, как первая школа в республике Татарстан с углублённым изучением английского языка. Реформирование школьного образования проводится в школе по
Похожие новости /   Комментарии

    Обновления сайта

    Здравствуйте. Сегодня наконец то мы обновили наш сайт. Теперь на сайте доступны библиотеки для чтения, Вы всегда можете задать вопрос администратору сайта. Получить консультацию на все интересующие вопросы. Ознакомится с новыми событиями и новостями. В дальнейшем сайт будет наполнятся свежими новостями и статьями.

    О школе

    Школа была открыта в 1959г. Первые выпускники были выпущены в 1966 г. Учредителем является МНО РТ, Горисполком. Координаты школы: Республика Татарстан, 420012, г. Казань, ул. Муштари д.6. Полное название- Средняя школа №18 с углублённым изучением английского языка Директор: Шевелёва Надия Магсутовна. Научный руководитель: Русинова Сазида Исмагиловна,

    История

    Школа № 18 была создана в 1959 году, как первая школа в республике Татарстан с углублённым изучением английского языка. Реформирование школьного образования проводится в школе по эволюционному пути, избегая резких преобразований, опасных в этой системе человеческой деятельности. С этой целью 7 лет школа работала в условиях экспериментальной площадки, где