SdelaemBlog

Создание Сайтов и их настройка

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

Главная Статьи HTML & CSS ВидеоКурс HTML Живые примеры создания карты изображений. И атрибут usemap.

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

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

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

HTML-атрибут usemap.

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

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

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

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

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

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

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

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

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

Оставьте свой коммент
ДОСТАВКА СТАТЕЙ ПОЧТОЙ, на дом

Комментариев пока нет, но вы можете стать первым!

Чтобы оставить комментарий, заполните, пожалуйста форму ниже:

Смайлы

Обязательно для Заполнения!

Обязательно для Заполнения!

Проверка комментариев включена. Прежде чем Ваши комментарии будут опубликованы пройдет какое-то время.

Отправить жалобу разработчику сайта

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

[contact-form-7 404 "Not Found"]

Спасибо большое за поддержку проекта! :)

Для поддержки проекта, выберите убодный способ для оплаты: