Гимп. Карта изображения. |
Кто здесь откудова…
По карте можно щёлкнуть...
Октябрь 2017
Пн Вт Ср Чт Пт Сб Вс
« Сен    
 1
2345678
9101112131415
16171819202122
23242526272829
3031  
Последние комментарии
Архивы
Яндекс.Метрика

Гимп. Карта изображения.

Программа Гимп. Карта изображения... Что это такое.
А вот щёлкните мышкой сначала по паучку, потом по коту... Поняли?
Правильно. С её помощью разные участки картинки становятся РАЗНЫМИ гиперссылками. Например для картыкарта изображения сайта, где на произвольной, или специально нарисованной картинке, разные её участки будут вести на разные адреса. Щелчок по конвертику - пишете письмо. По чемодану - попадаете в файлохранилище... Получится интереснее, чем просто стандартное меню.
А делается такое через Гимп в фильтры---Веб---Карта изображения гимпЩелчок по нему вызовет окно фильтра. Сбоку окна (овал) способы выделения областей. Прямоугольник, круг, произвольное... Прямоугольник выделяется по диагонали. А вот круг - из центра. Но если что пошло не так - Правка---отменить. Остаётся выделить требуемую область на картинке и закончив, щёлкнуть мышкой.карта изображения
Как только сделали - выскакивает окно. В нём мы вводим адрес, который должен открыться по щелчку (красный овал) и альтернативный текст (зелёный овал. Но текст необязателен. Вверху окна выбираем раздел открывающегося. Сайт, ftp-сервер и типа того. Теперь жмём ОК и приступаем к выделению другой области рисунка.карта изображения
Как закончили - щёлкаем файл---сохранить как.
Всплыло окно сохранения. Сохраняем куда хотим. (не пугайтесь моему файл-менеджеру. Просто не захотел высвечивать его содержимое) НО сохраняться полученное будет в малознакомом Вам формате "файл.map" Ну вот так карта изображения Гимп работает... карта изображения htmlНичего. Это обычный текстовый файл.

Но его, как суповой набор, придётся немного приготовить. С просто текстом Ваш хостинг работать может и отказаться. Капризный они народ... Файл нужно видоизменить.
Как:
Открытый в текстовом редакторе (ну, блокноте...) мы пересохраняемкарта изображения html.

Просто файл---сохранить как. Но вручную при сохранении поменять ему название расширения с .map на .html. Задумчиво стереть прежнее и написать новое.
И всё.
Файл в редакторе поменяет вид. Впрочем, не знаю, может на винде он ничего не поменяет, не видел. На Альте меняет.гимп

Теперь вторая часть Марлезонского балета. Нужно изображение. Вы своё можете загрузить себе на сайт, или как у меня, на картинкохранилище типа Яндекса. Главное - получить ссылку на изображение. Или щёлкнув правой кнопкой мышки и выбрав копировать ссылку на изображение Или найдя его адрес в медиафайлах сайта.карта изображения

Теперь (и это очень важно, иначе карта изображения, гимп это или ещё что, не заработает) Вам надо вставить адрес картинки в html-файл. Сделать маленький овал большим. ВАЖНО!!! кавычки должны в этом месте остаться в неприкосновенности. Только Без имени как у меня, меняем на адрес изображения.карта изображения

А теперь остается просто открытый в редакторе html-файл выделить, скопировать и вставить на сайт в том месте где у Вас редактируется HTML. То, что Вы видите у меня на скриншоте и есть карта изображения сделанная в  Гимп и работающая на са-амой верхней картинке.
Всё понятно?
Надеюсь всё. Ну а если что всё-таки осталось недопонятым, то тапками не кидайтесь а лучше спрашивайте в комментариях.

Удачи! кот

Комментарии (2) на “Гимп. Карта изображения.”

Оставить комментарий

Мой канал

Прошу прощения что ролики с рекламой, но это у меня добавка к пенсии. Хоть что-то...
Мой сборник
Сборник моих примочек в формате ПДФ откроется по щелчку на книжке. Выбрано из недр блога. Всё свободно.
клик