Создание карт изображений в Dreamweaver CS5

  1. Что такое карты изображений?
  2. Как сделать карту изображения

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

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

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

Например, на странице «Карта маршрутов Southwest Airlines» отображается карта Соединенных Штатов. Города, в которые летит Юго-Запад, обозначены маленьким кружком. Когда пользователи нажимают на круг или название города, они попадают на страницу об этом городе с помощью карты изображений.

Когда пользователи нажимают на круг или название города, они попадают на страницу об этом городе с помощью карты изображений

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

Вы можете сделать любое изображение картой изображения, обозначив на нем кликабельные области и назначив ему ссылку или действие. Чтобы создать карту изображений, вставьте изображение ( Вставка -> Изображение ) на страницу и выберите его в режиме конструктора . Инструменты карты изображений доступны в Инспекторе свойств, как показано ниже:

Активируемые горячие точки могут быть созданы в трех формах:

  • Прямоугольники
  • круги
  • Полигоны

После того, как горячая точка была размещена на изображении, местоположение ссылки должно быть заполнено. Каждая точка доступа может ссылаться на другую страницу.

И это все, что нужно сделать!

Задумывались ли вы о каком-либо креативном или блестящем изображении, которое можно превратить в карты изображений? Карта мира, может быть, или даже фотография людей? Пожалуйста, поделитесь, если у вас есть!

Узнайте о наших последних блогах, классах и вебинарах Adobe, подписавшись на наши Новостная рассылка ,

О Webucator

Webucator проводит обучение под руководством инструктора для студентов по всей территории США и Канады. Мы обучили более 90 000 студентов из более чем 16 000 организаций таким технологиям, как Microsoft ASP.NET, Microsoft Office, Azure, Windows, Java, Adobe, Python, SQL, JavaScript, Angular и многим другим. Проверьте наш полный каталог курсов ,

Похожие

Что такое песчаный мост?
Обновлено: 26.04.2017 от Computer Hope Песчаный мост является кодовое имя для типа процессора, разработанного Intel , Первый процессор Sandy Bridge был выпущен 9 января, 2011 с 22-нанометровой (нм)
Как выкрутить жесткий диск?
Добавлено: 4 года, 6 месяцев назад оценка: (0) (0) Многие люди часто хотят видеть «внутренности» своего гниющего крутого парня и использовать их творчески, давая им «вторую жизнь». Однако не все знают, как это сделать. Благодаря этому руководству вы узнаете, как это сделать! :) Что нам нужно? Нам нужна отвертка
В чем разница между управлением проектами и портфелем?
... сделать общую инициативу успешной и получить большее преимущество. Руководители программ также заняты обеспечением того, чтобы правильные проекты были выбраны или расставлены по приоритетам для максимизации стоимости бизнеса. Успешные программы направлены на достижение улучшений, которые окажут долгосрочное влияние на организацию.Кроме того, программы могут быть текущими инициативами, в то время как проекты имеют конкретную дату окончания. Организации управляют своими проектами
Сохранение карт Google в автономном режиме: вот как это работает
... карты мест, чтобы вы могли просматривать их в автономном режиме. Мы покажем вам, как это работает. Используйте автономные карты Google Maps Через месяц после того, как Android-версия Google Maps могла хранить карты в автономном режиме, теперь это возможно и на iOS. По крайней мере, Google заняты развертыванием пользователей, поэтому, если вы еще не видите эту функцию, наберитесь терпения. Убедитесь, что на вашем устройстве
Клетка хомяка - как правильно выбрать?
Выбор квартиры для хомяка - очень важный вопрос. Наш питомец проводит там большую часть своей жизни, поэтому нужно приложить все усилия, чтобы сделать это место комфортным и хорошо оснащенным. Что нужно знать, чтобы выбрать хороший клетка хомяка? Выбор квартиры для хомяка должен быть продиктован
Как удалить файл гибернации в Windows 10
Вы можете просматривать использование хранилища по папкам для всех ваших дисков в Windows 10. Есть встроенный инструмент, который вы можете использовать, чтобы найти то, что занимает больше места в вашей системе. Для некоторых папок, таких как папка временных файлов, есть кнопка быстрой очистки, которая удаляет файлы в ней. Для других вы должны пройти через проводник, чтобы удалить файлы.
Как украсить узкую и маленькую кухню?
Кухня довольно маленькая, а одна из более коротких стенок полностью занимает окно и дверь. Несмотря на это, интерьер был устроен очень функционально. Место для хранения обеспечивают стоящие шкафы с белыми фасадами. Одинаково яркие столешницы добавляют легкости, а снежная цветовая палитра разбита тонкими деревянными полками и однотонными аксессуарами. Чтобы немного подогреть кухню, владельцы выложили на полу узкий коврик, который довольно характерен для интерьера. Большое количество естественного
Где я могу найти компьютерную графику?
Использование компьютера на работе сегодня является повседневной реальностью. Особенно в творческой индустрии, которая использует возможности новых медиа, это самый неотъемлемый элемент повседневного функционирования. Именно здесь работают дизайнеры компьютерной графики, которые отвечают
Как отключить уведомления Chrome в OS X и Windows
Пользователи Mac могут легко отключить эту функцию С каждым последующим выпуском улучшается Центр уведомлений Chrome. На самом деле, я не смею представить, как моя производительность может пострадать без этого! От уведомлений
Новый биллинг Google Maps - как снизить расходы
Пополнить WebMoney - Как пополнить Вебмани через Приват 24
Пополнить Вебмани через интернет-банк Приват24 очень просто! Достаточно зайти на сайт Вебмани, и выполнить несколько простых шагов для перечисления денег на свой кошелек, и в этой статье мы покажем, как это сделать. Шаг 1: Заходите на сайт Вебмани, который находится по этому адресу: www.webmoney.ua для жителей Украины, или www.webmoney.ru для жителей России (в зависимости от того в какой стране вы проживаете) Шаг 2: Переходите на

Комментарии

Компания в восторге от своих возможностей, но что же такое Micro LED и как он работает?
Компания в восторге от своих возможностей, но что же такое Micro LED и как он работает? Проще говоря, это панель из крошечных красных, зеленых и синих светодиодов (светодиодов), которые работают вместе для получения всего видеоизображения. Компании пытались сделать это раньше, но всегда были препятствия, особенно с размером светодиодов. Если их нельзя сделать достаточно маленькими, возможно только низкое разрешение, что означает, что картинка выглядит хорошо только на расстоянии
Что нам нужно?
Что нам нужно? Нам нужна отвертка с шестигранным наконечником, размером Т8 и плоским наконечником любого размера. Как это сделать? Крышка диска вмещает 7 винтов. 4 размещены в углах диска, 2 в середине длинных сторон и один в верхней части диска (со стороны разъемов). Для начала нам нужно убрать две наклейки. Один из них представляет собой уплотнение , наклеенное на винт в верхней части диска, другой - наклейку со спецификацией диска, приклеенной
Что такое управление портфелем?
Что такое управление портфелем? Портфель - это всесторонний обзор всех проектов, которые выполняются в организации для достижения ключевых стратегических целей компании. Это может быть проект любой компании, подразделения или отдела. управление портфелем ценных бумаг Это включает в себя установление приоритетов на основе целей, поставленных руководством, а затем выбор программ и проектов, которые необходимо
Что и как?
Что и как? Работа с компьютерной графикой специфична, потому что ее основным инструментом является компьютер. По этой причине он получает большую свободу благодаря мобильности своего ноутбука. Неудивительно, что большой процент графики работает удаленно, выполняя свои задачи в собственном доме и в удобное для них время. Есть еще одна вещь, связанная с этой формой занятости, потому что эти люди могут работать полный рабочий день или работать в качестве фрилансера, самостоятельно приобретая
Я понимаю, что вам это не нравится и что вы не понимаете конвенции, но так сильно, чтобы наслаждаться этим?
Я понимаю, что вам это не нравится и что вы не понимаете конвенции, но так сильно, чтобы наслаждаться этим? Американские критики, к счастью, потрясающие. Ну, но они не знают друг друга по сериалам, верно? Это не наш сладкий хип-хоп пузырь, на который кто-то случайно нацелился. Привет! Хорошие компьютерные игры, - написала она в комментарии. Ваш директор, почему вы пытаетесь быть таким вперёд, крутым
Что и как мы будем делать, чтобы связаться с получателями?
Что и как мы будем делать, чтобы связаться с получателями? По каким каналам мы будем общаться? Какие отношения и опыт мы будем строить в контакте с получателями? Как будет выглядеть конкретный план действий, его реализация и проверка эффективности? Бренд выполняет свои обещания. Обещание бренда - это определение того, что получатель получит при контакте с нашим продуктом или услугой. Они не должны быть просто материальными вещами. Часть
Что такое праздничная акция?
Что такое праздничная акция? Прежде всего, он предоставляет подписчикам бесплатный доступ к услуге « Видео по запросу» , которая наверняка заинтересует всех, кто хотел бы наверстать упущенное, в том числе прошлогодние блокбастеры, которые пользовались большой популярностью. Жаль, что предложение изначально затронет только несколько фильмов, а не всю доступную кинобазу. Различное название было подготовлено для каждой недели. До 10 июля вы можете смотреть Fame
Что вы должны сделать с вашими дополнительными деньгами?
Что вы должны сделать с вашими дополнительными деньгами? Теперь, когда вы сохранили несколько фунтов, у нас есть несколько идей, которые помогут вам сэкономить. Попробуйте их здесь , Сколько времени это займет: 1 час Необходимое оборудование: Компьютер, планшет или смартфон, чтобы перечислить ваши предметы Камера или
Что входит в эту цену?
Что входит в эту цену? Стоимость домена составляет около 30-40 зл. В год. Стоимость хостинга около 50 злотых за год Цена Joomla 0 злотых - это совершенно бесплатно Скрипт для рекламы OLX стоимость шаблона рекламной страницы - 379 зл. Общая стоимость около 450 злотых Звучит достаточно хорошо? Речь идет о системе управления контентом
И что означает значок Visual Studio?
И что означает значок Visual Studio? Все семейство продуктов представлено фиолетовой лентой по образцу символа бесконечности. Классическая форма была сохранена и связана с Visual Studio IDE, Visual Studio Team Services, Blend для Visual Studio и Visual Studio Mobile Center. В семейство продуктов также входит Visual Studio для Mac с собственным значком, согласованным с macOS и кодом Visual Studio, который вскоре получит новый значок.
Ну и что, мы проверим?
Ну и что, мы проверим? Сама Microsoft он утверждает на своем сайте что его карты не были обновлены ... с декабря 2016 года. Уч. Но это не конец. обслуживание MSPoweruser заметил то, что в Польше - из-за ограниченной функциональности Bing в нашей стране - и мы не были

Что такое карты изображений?
В конце концов, что может быть лучше, чтобы ваш контент резонировал с вашими зрителями, чем предоставление наглядных пособий и изображений?
Что такое карты изображений?
Задумывались ли вы о каком-либо креативном или блестящем изображении, которое можно превратить в карты изображений?
Карта мира, может быть, или даже фотография людей?
Что нам нужно?
Что нужно знать, чтобы выбрать хороший клетка хомяка?
Как украсить узкую и маленькую кухню?
Компания в восторге от своих возможностей, но что же такое Micro LED и как он работает?
Что нам нужно?