Живые примеры создания карты изображений. И атрибут usemap.

ВИДЕОКУРС HTML. УРОК 36.

Рубрикатор статьи

В прошлом видео мы создали карту изображения. Определили все необходимые координаты активных областей. И осталось только связать изображение с картой изображения. Именно этим мы займемся в этом видео. То есть свяжем нашу картинку с картой изображения с уже готовыми координатами, которые мы определили в прошлом видео.

Живые примеры создания карты изображений. И атрибут usemap.

Но на этом мы не остановимся и рассмотрим еще два живых примера создания карты изображения для различных видов фигур. А именно окружность и многоугольник. В примере с многоугольником мы попробуем указать активную область на довольно сложной карте местности России. Укажем ссылочки для активных областей и посмотрим, как все это работает.

HTML-атрибут usemap.

В этом видео уроке для того чтобы связать картинку с картой изображения мы будем использовать HTML-атрибут usemap, для тега <img>, который я специально оставил напоследок. С этим атрибутом, как и с атрибутом ismap нужно быть очень внимательным.

Видеокурс "Технические секреты групп Вконтакте" доступен для скачивания!

Не получается сделать меню в группе Вконтакте? Устали платить другим за добавление меню в Вашу группу? Хотели бы научится всем техническим тонкостям и экономить свои деньги? Тогда скачайте курс прямо сейчас!

Кроме того в этом видео я совершал очень большое количество глупых ошибок, которые Вы, надеюсь, уже не совершите после просмотра этого видео. В итоге получилось целое пособие, как не нужно создавать карты изображений. Кроме того это наглядный пример того, что спешка и невнимательность могут приводить к подобным ошибкам.

На этом мы завершим изучение раздела изображений и перейдем к новому разделу ВидеоКурса по HTML.

Видео урок: Живые примеры создания карты изображений.

В видео уроке использованы следующие ссылки:

Онлайн сервис для определения координат карты изображения: http://www.maschek.hu/imagemap/imgmap

Статья на Хабре, о еще одном практическом способе определения координат: http://habrahabr.ru/post/142419/

HTML-справочник и другие материалы можно и нужно скачать здесь!

В следующем видео уроке мы начнем изучение нового раздела ВидеоКурса по HTML, который будет посвящен созданию различных форм на странице. И первое видео будет посвящено тому, как вообще добавить форму и вывести текстовое поле на странице.

Видеокурс "Технические секреты групп Вконтакте" доступен для скачивания!

Не получается сделать меню в группе Вконтакте? Устали платить другим за добавление меню в Вашу группу? Хотели бы научится всем техническим тонкостям и экономить свои деньги? Тогда скачайте курс прямо сейчас!

VN:F [1.9.22_1171]
Оценка статьи: 0.0/10 (0 голосов)
Автор: Михаил Веб Дата публикации: 29.04.2014