Курс HTML - Урок №27. Карта изображения.

668 ratings | 63660 views


Курс HTML - Урок №27. Карта изображения.

Бесплатный миникурс «Домен и хостинг» — Подписывайтесь на мой Инстаграм — Рейтинг хостингов: Блог Евгения Попова: Из этого видеоурока вы узнаете, как накладывать карту ссылок на изображение, чтобы сделать ссылками отдельные части изображения, вставленного в html-страницу. Ссылка на дополнительные материалы к курсу HTML (один архив ко всем урокам курса):

Comments to the video: Курс HTML - Урок №27. Карта изображения.

Костяныч 30 days ago
Спасибо!
Илья Медведев 1 month ago
Заработало все без атрибута name
Вова Антонійчук 3 months ago
А можна форми писати повними назвами?
Вова Антонійчук 3 months ago
5:37
The LisstiK 7 months ago
Не работает заглавие класса.new color:(определенный краска) После точки , new подсвечивается красноватым , что это?
Влад Тарасов 9 months ago
Спосибо за неплохой курс
Michael Egrassa 11 months ago
Андрей Гуров 5 months ago
Благодарю
Юка crazy 1 year ago
потом вставки <a href= и этак дальше картина исчезает, а без него она кушать..не разберусь
Юка crazy 1 year ago
Всё,разобралась - необходимо с большенный буковкы строчить Target
Юка crazy 1 year ago
Без target заработало,хотя раскрывается в этом же окне, и картина вначале без рамки(тег border не вставлен)
wake4 up 1 year ago
Не работает в Firefox и IE. В Chrome всё ок. И стиль HTML 5. P.S: разобрался. Нужно направить внимание на директива в атрибуте usemap знака !!! P.P.S.: id в html5 можно не указывать.
Саша Симченко 1 month ago
Спасибо!) Я случаем заместо поставил № , а там не очень приметно
StarScream 1 year ago
Почему с 2-мя ссылками title не работает?
Cold Bah 1 year ago
у меня остальная район рисунки является ссылкой на html.loc, в чем может быть неувязка?
Cold Bah 1 year ago
отыскал, случаем выделил тегом <a> саму картину, удалил и норм
эдик гизбрехт 1 year ago
Не работает интерактивная карта в Хроме. А в Мозиле и IE все в порядке. Кто знает, в чем неувязка?
Реклама не пройдёт 1 year ago
за 4 денька дошел до этого видио, кушать такие кто за одинешенек денек полный курс поглядел и все усвоил?
Лис Черный 1 year ago
и даже в файл все записал, ушло возле 8 часов попорядку может меньше(это с перерывами)
Реклама не пройдёт 1 year ago
и даже файл хтмл кушать где все записывал и повторял ? либо будто кинцо с попкорном просмотрел?))
Zakker X 1 year ago
кушать)
Роман Войтович 1 year ago
Подскажите изволь что мастерить, кнопки в Chrome работают а в Mozilla вообщем не реагирует никак, попросту раскрывается будто картина? Спасибо!
Сергей Иванов 1 year ago
У меня будто и у создателя ,при нажатии на рисунки ,загружается сама картина а не веб-сайт на какой была ссылка. Интересно в чем дело ? Автор ,этого не растолковал а сделал облик ,что все в порядке.
Менни Мамонтов 1 year ago
Я попробовал выслать тег id c карты ссылки на изображение и все равно ссылка работает. То кушать изображение употребляет не айди тег в карте, а тег нейм.
Менни Мамонтов 1 year ago
И usemap= - имя карты можно строчить без хештега.
Dmitry Pasmor 1 year ago
Дайте ссылку на пролетарий генератор, предлагаемая ссылка устарела. Спасибо.
Михаил Прохоров 1 year ago
Sirius RUS 1 year ago
Спасибо,всё понятно и весьма комфортно.
morgot bauglir 1 year ago
Декабрь 16-го учусь по этому курсу и замечаю способности HTML5 (уже не нужен атрибут border= 0 ) и т.п.
Андрей Брацук 1 year ago
Создал карту изображения по данному видеоуроку. В yandex-браузере ссылки работают, а вот в мозилле - дудки. В чем может содержаться неувязка? (Вопрос был задан год вспять этот, однако может кто-нибудь знает.)
Артем Ильченко 1 year ago
благодарю весьма посодействовал)))
Андрей Брацук 1 year ago
нужно поставить символ в теге <img.usemap= imgmap1 >
Кадушкин Владимир 1 year ago
Может кому понадобится.(прямоугольник) Координата у1 (1-ая по счёту) двигает от левого края изображения левую сторону прямоугольника. Координата x1(2-ая по счёту) двигает от верхнего края изображения верхнюю сторону прямоугольника. Координата y2(3-я по счёту) двигает от левого края изображения левую сторону прямоугольника. Координата x2 (четвёртая по счёту) двигает от верхнего края изображения нижнюю чторону прямоугольника. Если y1>y2, то стороны попросту изменяются местами :верхняя становится нижней,а нижняя верхней,то же самое и для x1 и x2.Это не скажется на самой карте изображения,однако валидацию не пройдёте.Так что y1<y2, а x1<x2. Чтобы район была видна должны быть соблюдены обстоятельства y1≠y2 и x1≠x2
Мурад Нагиев 2 years ago
Под кнопкой Запуск , справа, кушать кнопка для автоматического переноса строчки, нажми на нее и не нужно крутить ползунок
Мурад Нагиев 2 years ago
Классные уроки, однако я увидел, что Вы пропускаете слеш в неких одиночных тегах. У вас же обучаются, позже этак и будут строчить)
"Пузик" Интернет-магазин товаров для новорожденных детей 2 years ago
Короче попробовал, все работает, однако не проходит валидатор, поэтому что у каждой area непременно нужно показать другой текст! <alt>
Umed Isoev 2 years ago
где брать папку с дополнительными материалами
Андрей Кириллов 2 months ago
Umed Isoev под первым видео кушать
Svetlana Dashkova 2 years ago
Спасибо! Очень классно! Всегда находила возможность, будто это сделать? Оказалось. что этак попросту, если знать! )) Спасибо!
Ольга Ольга 2 years ago
Ruffian001, Артём Лоск, благодарю))
Ольга Ольга 2 years ago
ссылка не рабочая((
Артём Лоск 2 years ago
+Ольга Ольга
Art Programing 3 years ago
Круто ! Спасибо Евгений !
Zhenya Borovoy 3 years ago
подключение usemap к картинке идет не чрез id, а чрез name. Соответственно  id можно было и не прописывать) у меня этак работает))
Schnitter 17 days ago
Id понадобился бы для иных скриптов и взаимодействий. Скажем этак с JS к примеру. В данном случае конечно, он особо и не нужен, нов других ситуациях весьма понадобится)))
lambdae 5 months ago
Спасибо за подсказку. У меня будто один с атрибутом id не работала мапа.
Mr.Everything 1 year ago
ну-ка,вообщем-то ,id сотворен для таких ситуаций в отличии от name
Korben Dalas 3 years ago
Когда подставляю ссылку к изображению, к примеру, yandex.ru, то при щелчке на это самое изображение браузер пробует отыскать координаты этой ссылки на компьютере, из-за чего веб-сайт не грузится(). Как сделать этак, чтоб браузер находил подставленную ссылку в вебе, а не на компьютере? Спасибо.
Степан Куштуев 3 years ago
+Korben Dalas
Дмитрий Кабульников 3 years ago
Все в принципе вышло, будто в уроке, лишь кушать одинешенек момент, какой не знаю будто поправить: После кликанья на картину совершается переход на наружный веб-сайт, какой прописал. Тут все нормально.  Но если перебежать на закладку собственной странички, то та район рисунки, по которой совершен клик- обведена в квадрат(будто я сообразил этот квадрат показывает границы данной области карты). Если клацнуть мышкой в любом месте странички - квадрат теряется, однако не эстетично будто-то все-таки.
Dark Light 1 year ago
Я проверяю всё чрез Yandex браузер, там всё работает. Попробовал прибрать решётку из usermap и всё этак же работает, лишь не выскакивают области и это истина удобней. Просто кликаешь по картинке и перебегать расслабленно на заданную ссылку. usemap= заглавие карты (без решетки в начале наименования). Проверял ещё в Chrome и Mozilla, в Хроме тоже всё сработало, однако вот в Мозилле без решетки невозможно перебежать. Наверное верно будет с решёткой, если у вас сервер онлайн, а не оффлайн, чтоб всё работало правильно у вас и у других юзеров.
Vitaliy Duvalko 3 years ago
+Дмитрий Кабульников уже немало времени прошло с тех пор будто Вы задали этот проблема. Если разобрались в решении то скажите мне изволь
Yurii Bukhtii 3 years ago
в хроме карта работает,а в фаерфоксе дудки областей карты - попросту картина! в чём может быть трабл,чисто спорт-энтузиазм! кто знает причину?
Yurii Bukhtii 3 years ago
к огорчению не разобрался.
Aleksey Kulik 3 years ago
+Юрий *** Юра подскажи разобрался с этим либо дудки ? У меня Chrome , Safari работает , а вот в firefox тоже попросту картина )))
Марина Моргунова 3 years ago
дудки такового веб-сайта
Максим Загуменный 2 years ago
+Марина Моргунова
Артур Медведев 3 years ago
Очень отличные уроки: разжёвывается всё пошагово. Смотри, повторяй, конспектируй СПАСИБО!
Fatum0722 5 years ago
Возможно Top Window отрывает страничку открыв второи браузер, а не вкладку. Не инспектировал.
Nick Sukonny 5 years ago
Давно желал осознать будто это реализуется. благодарю!
Тимофей Климов 6 years ago
Где брать папку с дополнительными материалами????