Что такое карта изображений? | Интернет-маркетинг Глоссарий 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 голоса

Похожие

Что такое обработка исключений?
Обновлено: 10/02/2017 от Computer Hope Обработка исключений - это процесс реагирования на исключения когда запускается компьютерная программа. Исключение возникает, когда происходит
Как настроить оповещение Google (и почему это хорошая идея)
Google Alerts - один из самых универсальных онлайн-инструментов. Это позволяет вам слушать разговоры, о которых вы можете не знать. Беседы, в которых участвуют вы или ваш бренд (и, возможно, даже ваши конкуренты). Управляя своим присутствием в Интернете, важно прислушиваться к тому, что говорят и как они говорят. Вы хотите знать, ссылаются ли на вас другие сайты, цитируют ли вас, поддерживают вас или жалуются на вас. Вы хотите знать, чем занимаются ваши конкуренты и как они поживают. Введите
Безопасный сайт? Протокол HTTPS!
Знаете ли вы важность гарантии безопасности веб-сайта, если вы хотите увеличить его видимость? Еще больше сейчас! Реализация SSL-сертификата, то есть замена HTTP-адреса на HTTPS, очень важна! Тем более что с июня браузер Chrome будет отмечать сайты, которые не защищены должным образом. Если ваш сайт не имеет сертификата, он может потерять доверие пользователей - и это приведет к снижению трафика
Как заработать на банковских акциях?
Возврат по карточным транзакциям, билетам в кино или ваучерам, которые будут использоваться в различных магазинах, является популярным решением, благодаря которому банки награждают своих клиентов. Некоторые из них становятся настоящими «вешалками мудрости», и они могут зарабатывать до нескольких тысяч злотых в год на банковских акциях! Многие по-прежнему считают, что банки - это учреждения, которые хотят извлечь максимальную выгоду из нас. Однако при такой развитой конкуренции
Менеджер тегов Google: что это такое и когда его использовать
... чтобы помочь очистить воздух. Менеджер тегов Google - или GTM, как я его ласково называю, - это пустой контейнер или фрагмент контейнера, который может содержать другие теги, которые вы используете или хотите использовать на своем сайте. Вот некоторые примеры тегов или сценариев, которые вы можете использовать в GTM: Отслеживание
Мебель как барельеф - комод от Klean от Rosanero
Klere by Rosanero Марка Klere Rosanero доказывает, что комод не обязательно должен быть просто предметом мебели. Благодаря оригинальной форме он может стать привлекательным декоративным элементом. Он идеально вписывается в минималистский стиль, популярный в последние годы. Прямоугольная форма блока
Что такое DDoS ботнет | Общие ботнеты и инструменты ботнетов | Imperva
Что такое ботнет? Иногда называемый «армией зомби», ботнет - это группа угнанных подключенных к Интернету устройств, каждое из которых заражено вредоносным ПО, используемым для управления им из удаленного места, без ведома законного владельца устройства. С точки зрения хакеров, эти устройства ботнета являются вычислительными ресурсами, которые могут быть использованы для любого типа вредоносных целей - чаще всего для спама или
Лицензионные ключи Avast и как активировать антивирус в автономном режиме [ОБНОВЛЕНО 2019]
Avast является одним из самых надежных антивирусных программ. Загрузив антивирус Avast с официального сайта Avast, вы получите бесплатную версию на 30 дней. По истечении этого срока вам необходимо приобрести лицензионный ключ Avast, чтобы получить доступ к премиальной версии антивируса.
имплантология
... такое зубные имплантаты? Зубные имплантаты невидимы, и их основной задачей является функционирование на модели нормального здорового зуба (как механического, так и физиологического). Имплантация является среднеинвазивной процедурой и в настоящее время считается одной из самых безопасных в своем классе. Зубные имплантаты сделаны из биосовместимого титана, который естественным образом приспосабливается к телу. Имплантаты долговечны, прочны и безопасны. Они позволяют пациентам почти
Решение Pinnacle MP4: Как конвертировать / импортировать MP4 в Pinnacle Studio
... что когда вы планируете редактировать файл MP4 с помощью Pinnacle, вы можете сделать это, но не можете. Так в чем же дело? Ну, это зависит от. На самом деле это происходит из-за кодека файлов MP4: Pinnacle Stuido предпочитает кодеки MPEG-4 вместо других, в то время как MP4 может содержать различные видеокодеки. Так что, если ваши файлы MP4 не принимаются Pinnacle Studio, возможно, это связано с несовместимостью видеокодеков. В этом случае вам необходимо перекодировать MP4 в Pinnacle Studio
Новости, советы и рекомендации для технических специалистов
Эта информация также доступна в виде скачать это включает пример базы данных Access, демонстрирующей решение, которое мы будем

Комментарии

Невероятных фактов, которые вы должны знать о российском Facebook Что такое ВК?
Что такое оповещения Google? В Начните с оповещений Google Ребекка Леаман объясняет, что такое Google Alerts: «Вы можете думать о Google Alerts как о персонализированном поиске Google - в постоянном режиме», который автоматически доставляет вам результаты поиска. Вы можете настроить любое количество оповещений (до 1000 на один адрес электронной
Что такое ботнет?
Что такое ботнет? Иногда называемый «армией зомби», ботнет - это группа угнанных подключенных к Интернету устройств, каждое из которых заражено вредоносным ПО, используемым для управления им из удаленного места, без ведома законного владельца устройства. С точки зрения хакеров, эти устройства ботнета являются вычислительными ресурсами, которые могут быть использованы для любого типа вредоносных целей - чаще всего для спама или
Что такое EXE-файлы?
Что такое EXE-файлы? Файлы EXE («исполняемые»), такие как 183584 ^^ torbrowser-install-7.0.4_en-US.exe, содержат пошаговые инструкции, которые выполняет компьютер для выполнения функции . После двойного щелчка по файлу EXE компьютер автоматически выполняет инструкции, предоставленные программистом (например, Tor Project, Inc.), для запуска программы (например, Tor Browser) на компьютере. Каждое приложение на компьютере использует исполняемый файл
Как мы можем убедиться, что все по-прежнему согласованно, не нанимая дизайнера каждый раз, когда вносятся изменения в интерфейс?
Как мы можем убедиться, что все по-прежнему согласованно, не нанимая дизайнера каждый раз, когда вносятся изменения в интерфейс? Если вы хотите быстро приступить к работе со стилями (или направляющими), захватите наш бесплатный шаблон !
Как насчет того, чтобы выглядеть глубоководным водолазом, лесным существом или пряничным человечком?
Как насчет того, чтобы выглядеть глубоководным водолазом, лесным существом или пряничным человечком? Доступ ко всем можно получить, выбрав «Настройки»> «Экран блокировки и безопасность»> «Сканер Iris»> «Маска экрана предварительного просмотра».
Вас уже есть веб-сайт, верно?
Вы когда-нибудь задумывались, как вы будете выглядеть как пилот 40-х годов, римский гладиатор или робот? Что ж, теперь вам не нужно просто выбирать соответствующую маску и убедиться в этом всякий раз, когда вы разблокируете свой телефон. Предпочитаете что-нибудь более дружелюбное? Как насчет того, чтобы выглядеть глубоководным водолазом, лесным существом или пряничным человечком? Доступ ко всем можно получить, выбрав «Настройки»> «Экран блокировки и безопасность»> «Сканер Iris»>
Что такое тревога?
Что такое тревога? Тревога - это реакция Главной инфраструктуры на одно или несколько связанных событий. Если событие считается достаточно серьезным (критическое, серьезное, незначительное или предупреждение), Prime Infrastructure выдает аварийный сигнал до тех пор, пока возникшее условие больше не возникает. Одно или несколько событий могут привести к срабатыванию одного сигнала тревоги. Тревога создается в следующей последовательности: 1.
Как я могу использовать Google Alerts?
Как я могу использовать Google Alerts? Как я упоминал ранее, вы можете использовать Google Alerts, чтобы следить за тем, кто упоминает вас, ваш продукт / услугу или веб-сайт. Вы также можете использовать его в качестве письменного приглашения. Если вы настроите оповещения для определенных ключевых фраз, относящихся к вашей нише, вы увидите результаты других и сможете понять, о чем идет речь. Вы можете опираться на эти идеи или, возможно, посмотреть, чего не хватает, и заполнить этот
Что такое зубные имплантаты?
Что такое зубные имплантаты? Зубные имплантаты невидимы, и их основной задачей является функционирование на модели нормального здорового зуба (как механического, так и физиологического). Имплантация является среднеинвазивной процедурой и в настоящее время считается одной из самых безопасных в своем классе. Зубные имплантаты сделаны из биосовместимого титана, который естественным образом приспосабливается к телу. Имплантаты долговечны, прочны и безопасны. Они позволяют пациентам почти
Что такое HTTP и HTTPS?
Что такое HTTP и HTTPS? HTTP используется для передачи информации между сервером браузера, на котором хранятся файлы подкачки. Однако недостатком HTTP является то, что он не определяет способ передачи данных - даже конфиденциальных. Таким образом, существует значительный риск перехвата третьими лицами. HTTPS гораздо выгоднее, потому что безопасная и зашифрованная версия HTTP. Получается благодаря внедрению SSL-сертификата. Это,
Как это исправить?
Как это исправить? Ну, вы открываете Дисковую утилиту. Нажмите «Проверить диск», и он проверит ваш диск. Это может занять некоторое время. Я получил эту безумную страшную ошибку. Если вы этого не получили, и это подтверждается, просто пропустите эту часть.

Что такое карта изображений?
Как создать карту изображения?
Что такое карта изображений?
Как создать карту изображения?
Map?
У вас еще есть вопросы?
Знаете ли вы важность гарантии безопасности веб-сайта, если вы хотите увеличить его видимость?
Акое зубные имплантаты?
Так в чем же дело?
Что такое оповещения Google?
О школе
О школе

О школе

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

История

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

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

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

    О школе

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

    История

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