Карты-изображенияЭтот раздел предназначен для опытных чайников.Карты распознают рабочие поля трех форм: круг, прямоугольник и многоугольник. Внимание важно! Для начала вам необходимо:
Самое простое- круглое поле: После описания в специальном теге
area самой ссылки (на документ с
именем mama.htm), задается тип рабочего поля(circle) и даются координаты
центра круга по осям координат(два первых числа) а затем его радиус(все
разумеется в пикселах) :
Чуть сложнее с координатами прямоугольника- задаются координаты
сперва верхнего левого, а затем, так же через запятую, противоположного
угла :
Совсем запутаться в цифрах можно при создании многоугольного поля-
координаты всех точек поочереди (в порядке их соединения (последняя
точка соеденится с первой)) просто перечисляются через запятую.
Представляю как вы будете пересчитывать координаты какого-нибудь осьминога :) : Если вам необходимо создать ссылку например в виде бублика, то вам пригодится еще одна возможность карты-изображения. Рабочие поля ссылок могут перекрывать друг друга в любом месте изображения. Если так случилось, то срабатывать будет та ссылка, которая в HTML-коде описана первой. Вы можете объявить любое поле на карте мертвым (нерабочим), для этого необходимо описать координаты этого поля в том же теге area, но с параметром NOHREF вместо например href="aaa.htm". Следовательно, в нашем примере с бубликом , сначала необходимо описать внутреннее(нерабочее) круглое поле с параметром nohref, и только затем задать круг большего радиуса с тем-же центром, и ссылкой на нужный документ.
Кто не знает откуда достают координаты сообщаю:
Берете чистый лист бумаги, открываете необходимую фотографию в
Adobe Photoshop(это такая программа), тычете фотошоповским!
карандашом в точки где будут находится необходимые углы ваших рабочих
полей и считываете по боковой и верхней линейкам или в инфо их координаты.
Не забудьте записывать их на бумаге, а лучше даже набросать эскизик, чтоб
не запутаться. |
Перейти к разделу "Учебники по HTML"