Глава 1. Использование KImageMapEditor

KImageMapEditor — это редактор карт изображений HTML, разработанный сообществом KDE. С его помощью возможно создавать и изменять табличные изображения HTML.

Снимок

Главное окно KImageMapEditor.

Примером использования может служить карта мира, на которой каждая страна является объектом карты изображений. Щелчок по какой-либо стране на карте позволяет открыть ссылку на эту страну.

Для создания карты изображений необходимо выполнить следующие действия:

Загрузить файл изображения (png, jpg, gif) или HTML-файл; с диска или перетащить его в область изображения. Выбрать изображение на панели Изображения.

Добавить изображение для создания карты изображений с помощью пункта меню ТаблицаСоздать таблицу... и указать название таблицы.

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

Будет открыт диалог Редактор тега области. На вкладке Общие следует указать атрибуты HREF (URL-адрес ссылки для области), Альт. текст, Цель и Заголовок.

На вкладке Координаты показаны геометрические данные фигуры. Изменение значений позволяет корректировать размер и положение области на изображении (изменения отображаются сразу). Размер и положение также возможно изменять с помощью мыши.

Чтобы открыть диалог Редактор тега области для уже заданной карты изображения, выберите пункт Свойства в меню Правка или в контекстном меню области.

Для просмотра сформированного HTML-кода таблицы выберите пункт меню ТаблицаПоказать HTML.

Затем выберите пункт меню ИзображениеИзменить таблицу использования... и укажите название таблицы в качестве значения таблицы использования. Чтобы сохранить изменения, выберите пункт меню ФайлСохранить. Затем откройте сохранённый файл HTML в браузере Konqueror и убедитесь, что карта изображения работает правильно.

Параметры настройки KImageMapEditor доступны в диалоге настройки: выберите пункт меню НастройкаНастроить KImageMapEditor....

Диалог настройки KImageMapEditor

Диалог настройки KImageMapEditor.