CoffeeCup Image Slicer

Пример создания карты ссылок



Содержание сайта
Разное
Работа с изображениями
Обзор
CoffeeCup Image Slicer

Самый простой и понятный способ создать карту ссылок - это разрезать изображение на части (т.е. получить из одного изображения несколько) и на отдельные части назначить ссылки на определенные веб-страницы.

Изображение можно резать, используя разные программы. Возьмем самую простую бесплатную программу CoffeeCup Image Slicer (подробнее о CoffeeCup Image  Slicer).

Шаг 1.
Откройте программу CoffeeCup Image  Slicer
Откройте в программе нужное изображение.
Для примера возьмем изображение плана здания



Создадим ссылки в тех частях изображения, где стоят красные кружки с цифрами 5 и 7.
Шаг 2

Разрежем изображение на части так, как показано на рисунке. Получим 15 отдельных изображений.
























Шаг 3

Наше первоначальное изображение имело размеры 318 х 358 пикселей.
Создайте таблицу размерами 318 х 358 пикселей.
В каждую ячейку таблицы вставьте соответствующий элемент изображения.

В коде таблицы установите

border="0" cellpadding="0" cellspacing="0"

Определите ссылки для ячейки с изображениям №5 и для ячейки с изображением №7.

Это все - созданная карта ссылок - на рисунке слева
При щелчке по кружку с №5 или с №7 должны открываться назначенные Вами страницы.


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

Мы прошли три шага, чтобы понять принцип работы по созданию карты ссылок с помощью CoffeeCup Image  Slice. На самом деле все намного проще.
С помощью CoffeeCup Image  Slicer можно:
1. Разрезать фотографию на сколько угодно частей
2. Выделить нужные участки и назначить на них ссылки
3. Скопировать код созданной карты ссылок и вставить его в нужное место на веб-странице (через буфер обмена).

Т.е. Вам не нужно создавать свою таблицу, редактировать ее код, расставлять части изображений по ячейкам - Image  Slicer сделает все сам.