Mapedit

Карты ссылок


Содержание сайта
Разное
Карты ссылок
Обзор л.1
Mapedit


Интерфейс


Панель инструментов старых версий программы



  1. Открыть документ
  2. Закрыть документ
  3. Сохранить документ
  4. Прямоугольная область
  5. Круглая область
  6. Многоугольная область
  7. Тест и редактирование ссылок
  8. Перемещение области ссылки
  9. Добавление сторон многоугольной области
  10. Удаление сторон многоугольной области


Панель инструментов для новых версий программы:



По сравнению с панелью инструментов старой версии добавлены кнопки масштабирования, отмены действий и др.




Для правильного отражения созданной карты ссылок есть два подхода:

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

установка стороны сервера - для старых браузеров, которые не поддерживают сторону клиента. В этом случае нужно создавать связь с сервером для экспорта карты ссылок (Export feature). В меню File есть соответствующие команды для экспорта. При необходимости нужно связаться с администрацией сервера или с автором Mapedit ( http://www.boutell.com/faq/ ) для консультации.

Создание карты ссылок


Выберите HTML-документ, содержащий изображение, которое будет служить для создания карты ссылок (программа сама не создает изображений). Если такого документа нет - создайте заново, сохраните.
Откройте этот документ в Mapedit - в меню File выберите New HTML Document.
Новый документ с изображением появится в окне программы (окно программы расширится до размеров открытого документа, размеры окна также можно изменить вручную).
Щелкните по названию того изображения, которое будет служить основой для карты ссылок. Изображение будет загружено в память  Mapedit и откроется в окне программы. При больших изображениях появятся полосы прокрутки.
Если Mapedit не сможет найти изображение на вашем компьютере, придется искать изображение самостоятельно.

Создание "горячих" точек

Карты изображения состоят из областей, которые определялись как "горячие точки", на которые пользователи могут нажать, чтобы открыть веб-страницу.
Для создания горячих точек в меню Tools и на панели инструментов есть значки прямоугольника, круга, многоугольника (у новых версий добавлена форма сложной формы - Magic Wand).
 
Прямоугольник - щелкните по значку прямоугольника, на изображении растяните рамку в выбранной области, и еще щелчок мыши
Круг - щелкните по значку круга, щелкните на изображении в выбранной области, растяните круг (острие курсора - цент круга)
Многоугольник - щелкнуть на панели инструментов по значку многоугольника - щелкнуть на изображении в выбранной области, создать одну сторону многоугольника, щелкнуть, создать вторую сторону, снова щелкнуть и т.д. Чтобы закончить многоугольник, щелкните правой кнопкой мыши, или нажмите клавишу ENTER.

Создание ссылок

После создании области ссылки появляется окно Object URL. В окне устанавливается ссылка на веб-страницу, которая будет открываться при щелчке по созданной области.
Адрес ссылки вводится или в формате http://www.boutell.com/mapedit/ (абсолютная ссылка), или в формате относительной ссылки типа filename.html (что предпочтительней).

Установка ссылки по умолчанию - ссылка  вне установленных областей ссылок. В этом случае все изображение будет областью ссылок.
Для создания ссылки по умолчанию в меню File выберите Edit Default URL (lля новых версий создание ссылки по умолчанию в меню Edit - Defaut URL).
При установке ссылки по умолчанию в окне Edit Default URL появится кнопка Delete. Щелкните по ней для удаления ссылки по умолчанию.

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

Для тех, кто знает JavaScript, можно задать поведение для горячих точек.

Ниже - пример созданной карты ссылок

Значки обозначают области ссылок.
При щелчке по значкам  должна открываться новая веб-страница.



нет нет

Редактирование цвета горячей точки

Вы можете отредактировать цвет горячей точки, в меню  File выбрав Edit Hotspot Color... Этот цвет не изменяет цвета изображения.

Проверка горячих точек

В меню Tools (или на панели инструментов) выберите  Test/Edit. При щелчке по созданной области ссылки появится окно, где будет показан адрес ссылки, который при необходимости можно изменить.
Примечание: когда области накладываются друг на друга, будет указан адрес области, созданной раньше.
При выборе Delete область будет удалена с карты.

Перемещение горячих точек

В меню Tools (или на панели инструментов) выберите Move. Щелкните по горячей точке и перемещайте ее. Потянув за углы - изменяется форма области, если потянуть за центр - перемещается вся область ссылки.

Добавление/удаление сторон многоугольника

В меню Tools (или на панели инструментов) выберите Add Points. Щелкните по области многоугольника, добавьте сторону.
Для добавления новых сторон надо повторять эту процедуру.

Для удаления сторон выберите Remove Points.

Сохранение карты ссылок

В меню File выберите Save или Save As.
Пробная версия (30 дней) позволяет сделать 99 сохранений созданных карт ссылок.


Созданный html-файл с картой ссылок можно в дальнейшем редактировать в любом html-редакторе.


Вернуться к обзору
Последнее обновление: февраль 2014 г.