Тренировка: области-ссылки на изображении

Облегченный (тренировочный) вариант описанного в предыдущем посте «» — на этот раз обойдусь вообще без Photoshop и только одной прямоугольной ссылкой в виде надписи.

Вот, собственно, сама готовая картинка — карта ссылок на изображении:

Запускаю MS Paint (Пуск — Все программы — Стандартные — Paint)

Открываю в приложении выбранный рисунок (Файл — Открыть)

Выбираю инструмент «Надпись» и пишу на рисунке

Представляю условный прямоугольник, в который вписан текст, и записываю координаты его левого верхнего и правого нижнего углов (при наведении курсора на воображаемый угол координаты показываются в нижней панели Paint).

У меня получились приблизительно такие координаты: верхний левый угол — 20,40 и нижний правый — 530,110

Закрываю Paint, сохранив изменения в изображении. Открываю страницу для нового сообщения в дневнике:

Загружаю изображение с надписью «Уроки Photoshop»

Сохраняю сообщение как черновик и открываю для редактирования

Нажимаю на кнопку «Источник» и вижу HTML-код загруженного изображения

После написанного кода добавляю свой, и в итоге получается

usermap=’#picture’ — usermap плюс придумал название карты (picture) с «решеткой»

name=’picture’ — значение name должно соответствовать usemap (даже регистр), но без «решетки»

href= — адрес, по которому будет открываться ссылка. У меня это все посты из рубрики «Уроки Photoshop»: чтобы узнать этот адрес, нажал в дневнике в рубриках на «Уроки…» и скопировал адрес из адресной строки (хотя, на самом деле, я сделал не так) —

shape=»rect» — форма области-ссылки («rect» — это прямоугольник)

coord=’20,40,530,110′, где первые два числа — координаты левого верхнего угла воображаемого прямоугольника вокруг надписи, вторые два — координаты правого нижнего угла (которые я нашел в Paint)

Головорот - Всё о голове