Вид для печати
Добрый день!
Возникла задача: создать карту Европы, при наведении на отдельно взятое государство, оно выделяется ярким цветом. Обычным табличным способом не порезать, нужно искать альтернативу. Наверное, используются координаты.
Вопрос к обществу: как эта технология называется?
Хотел бы правильно сформировать запрос в поисковике.
[/quote]Цитата:
Originally posted by Sulpher@Jun 30 2007, 06:59
Добрый день!
Возникла задача: создать карту Европы, при наведении на отдельно взятое государство, оно выделяется ярким цветом. Обычным табличным способом не порезать, нужно искать альтернативу. Наверное, используются координаты.
Вопрос к обществу: как эта технология называется?
Хотел бы правильно сформировать запрос в поисковике.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Image maps (Навигационная карта). Прочитать о ней можно, например, здесь:
[Only registered and activated users can see links. Click Here To Register...]
Первоисточник:
[Only registered and activated users can see links. Click Here To Register...]
Но чтоб государство выделялось ярким цветом, придётся нарезать ГИФов, соответсвующих странам (с прозрачной областью между границей страны и границей ГИФа), спозиционировать их точка-в-точку с их местом на карте, и ЯваСкриптом делать их видимыми при наведении -- и снова прятать при уводе мыши.
Хотя слышая я краем уха, что даже можно обойтись без js -- отображать и прятать ГИФы с помощью CSS.
сделайте на флэше. так - проще всего.
дело в том, что если гифами, то для каждой страны надо будет определять ссылку на картинке (тег <MAP>) очень, очень неправильной формы.
[/quote]Цитата:
Originally posted by null@Jun 30 2007, 07:23
сделайте на флэше. так - проще всего.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Возражения:
1. Флеш не все увидят (особенно в офисах!)
2. Флеш тяжелее
3. Флеш не отредактировать после (а ведь придётся!)
1. В офисах как раз все увидят — доступность флэша давно не проблема: с той же вероятностью можно ожидать отключения (или отсутствия) JS или CSS. Впрочем это конечно аргумент, хоть и слабый. Автору надо иметь это ввиду.Цитата:
Originally posted by itstep@Jun 30 2007, 11:26
[b]1. Флеш не все увидят (особенно в офисах!)
2. Флеш тяжелее
3. Флеш не отредактировать после (а ведь придётся!)
2. Чепуха. Такой флэш, как хочет автор темы, будет легче, чем растровые картинки. Возможно даже на порядок. Просто попробуйте его сделать и сами увидите [Only registered and activated users can see links. Click Here To Register...]
3. Это почему это?! Исходник fla мы, из соображений секретности, удалим сразу после компановки swf?! [Only registered and activated users can see links. Click Here To Register...])
Как раз сейчас правим дизайн стартовой страницы -- флеши выдираем. Так вот флеш рамером 238х256 px с фото и бегущей строкой внизу весит 78 кило.Цитата:
Originally posted by null+Jun 30 2007, 07:34-->Админы в офисах склонны отключать ActiveX (и это правильно, товарищи!) -- тут под раздачу и попадают флеши.Цитата:
1. В офисах как раз все увидят — доступность флэша давно не проблема: с той же вероятностью можно ожидать отключения (или отсутствия) JS или CSS.
Кстати, как отключается CSS?
<!--QuoteBegin-null@Jun 30 2007, 07:34
[b]2. Чепуха. Такой флэш, как хочет автор темы, будет легче, чем растровые картинки. Возможно даже на порядок. Просто попробуйте его сделать и сами увидите [Only registered and activated users can see links. Click Here To Register...]
Карту субъектов Российской Федерации 720х400 ребята с радиопортал.ру уместили в 30 кило.
А он куда-нибудь денется со временем. Вслед за навсегда ушедшим дизайнером, за упавшим диском, при переезде... да мало ли. туда же, куда исчезают установочные диски, бумажные инструкции.Цитата:
Originally posted by null@Jun 30 2007, 07:34
[b]Это почему это?! Исходник fla мы, из соображений секретности, удалим сразу после компановки swf?! [Only registered and activated users can see links. Click Here To Register...])
У меня на одном из сайтов наших клиентов есть труп флеша -- заставка, сделанная сторонним дизайнером. Сейчас её перерисовывают заново [Only registered and activated users can see links. Click Here To Register...]
Обвести полигонами. При хорошем настроении за пару часов карта Европы обводится без проблем, если есть Фотошоп.Цитата:
Originally posted by null@Jun 30 2007, 07:23
[b]дело в том, что если гифами, то для каждой страны надо будет определять ссылку на картинке (тег <MAP>) очень, очень неправильной формы.
:crazy:Цитата:
Originally posted by itstep+Jun 30 2007, 11:42-->Впервые слышу. Может на Украине...Цитата:
Админы в офисах склонны отключать ActiveX (и это правильно, товарищи!) -- тут под раздачу и попадают флеши.
Тут никто ничего не отключает. Просто обновляют браузеры и ставят антифирус.
Вы уверено сравниваете черти что, с тем, что не подходит автору темы.Цитата:
Originally posted by itstep@Jun 30 2007, 11:42
[b]Как раз сейчас правим дизайн стартовой страницы -- флеши выдираем. Так вот флеш рамером 238х256 px с фото и бегущей строкой внизу весит 78 кило.*
Карту субъектов Российской Федерации 720х400 ребята с радиопортал.ру уместили* в 30 кило.
Архивированные кривые по определению будут весить меньше, чем растровая картинка (пусть и гиф). И какая нафик фотка в векторной карте?.. Мда...
<!--QuoteBegin-itstep@Jun 30 2007, 11:42
[b]А он куда-нибудь денется со временем. Вслед за навсегда ушедшим дизайнером, за упавшим диском, при переезде... да мало ли. туда же, куда исчезают установочные диски, бумажные инструкции.
Вам просто нравится спорить, да?
делай флешем. тем более возможно найдешь уже готовую. для сайтов с подобными фичами использование флеша является стандартом. и если пользователь хочет увидеть на сайте такую карту, то он или ставит флеш, или выбирает страну из выпадающего списка ))Цитата:
Добрый день!
Возникла задача: создать карту Европы, при наведении на отдельно взятое государство, оно выделяется ярким цветом. Обычным табличным способом не порезать, нужно искать альтернативу. Наверное, используются координаты.
Вопрос к обществу: как эта технология называется?
Хотел бы правильно сформировать запрос в поисковике.
делать картой изображений врагу не пожелаю. хотя если у тебя много энтузиазма и свободного времени или на работе очень скушно и нечего делать, можешь попробовать хотя бы начать )))
не обобщай плз )))Цитата:
Впервые слышу. Может на Украине...
itstep, какими полигонами? :crazy:
Надо написать содержимое тега <AREA> циферками. Думаю для этого есть визуальные средства, но это никак не фотошоп...
ps: Вижу этой темой Вы тоже владеете в совершенстве...
"Просто здравый смысл и жизненная опытность" (с)Цитата:
Originally posted by null+Jun 30 2007, 08:07-->Я с этим постоянно сталкиваюсь в Москве.Цитата:
Впервые слышу. Может на Украине...
Только в Санкт-Петербурге я столкнулся с хостером, отключившим .htaccessЦитата:
Originally posted by null@Jun 30 2007, 08:07
[b]Тут никто ничего не отключает.
Возможно. Уверенно говорить можно после сравнения двух реализаций одной задачи.Цитата:
Originally posted by null@Jun 30 2007, 08:07
[b]Вы уверено сравниваете черти что,
<!--QuoteBegin-null@Jun 30 2007, 08:07
[b]Вам просто нравится спорить, да?
конечно можно. одна реализация является оптимальной, а вторая - нетЦитата:
Возможно. Уверенно говорить можно после сравнения двух реализаций одной задачи.
Цитата:
Originally posted by null@Jun 30 2007, 08:11
[b]itstep, какими полигонами?* :crazy:
Код:<area shape *="poly"
Для навигационной карты даже Вашего ума хватитЦитата:
Originally posted by null+Jun 30 2007, 08:11-->Включаете панель info, настраиваете показ координат в точках -- и записфываете кординаты точего полигона.Цитата:
Думаю для этого есть визуальные средства, но это никак не фотошоп...
<!--QuoteBegin-null@Jun 30 2007, 08:11
[b]ps: Вижу этой темой Вы тоже владеете в совершенстве...
Спасибо за доверие.Цитата:
Originally posted by itstep+Jun 30 2007, 12:17-->:crazy:Цитата:
Включаете панель info, настраиваете показ координат в точках -- и записфываете кординаты точего полигона.
Ну до такого вот идиотства я конечно не додумался. Да. Действительно могила рабочего времени...
<!--QuoteBegin-itstep@Jun 30 2007, 12:17
[b]Для навигационной карты даже Вашего ума хватит
ps: Ваша низкая квалификация в сочетании с напором и уверенностью в своей правоте меня умиляют [Only registered and activated users can see links. Click Here To Register...]
пишем простенький скриптик на яваскрипте, с помощью которого процесс ввода вершин каждого полигона можно существенно упростить - суть следующая: прямо на картинке клацаем на вершины (на глаз), а скрипт геренирует соответствующий хтмл-код, который потом можно вставить в нашу страницу. этот скрипт строчек на 10, затем просто наклацать точки... и вплотную заняться вырезанием джифок в фотошопе для каждой страны *лол*
...Но переписывать координаты со статусбара в фотошопе......... альт-таб, запомнили точку, альт-таб записали, альт-таб запомнили......... несколько сотен точек... вот так вот издеваются в ШАГе над бедными студентами :lol2: [Only registered and activated users can see links. Click Here To Register...] :crazy:
[/quote]Цитата:
Originally posted by Scorched.dn.ua@Jun 30 2007, 08:52
пишем простенький скриптик на яваскрипте, с помощью которого процесс ввода вершин каждого полигона можно существенно упростить - суть следующая: прямо на картинке клацаем на вершины (на глаз), а скрипт геренирует соответствующий хтмл-код, который потом можно вставить в нашу страницу. этот скрипт строчек на 10, затем просто наклацать точки... и вплотную заняться вырезанием джифок в фотошопе для каждой страны *лол*
...Но переписывать координаты со статусбара в фотошопе......... альт-таб, запомнили точку, альт-таб записали, альт-таб запомнили......... несколько сотен точек... вот так вот издеваются в ШАГе над бедными студентами* :lol2:* [Only registered and activated users can see links. Click Here To Register...]* :crazy:
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Я даю рекомендацию человеку, который задал вопрос. Его уровень ЯваСкрипта мне неизвестен, поэтотому я предлагаю заведомо доступный ему способ.
Один из принципов ШАГа -- не давать красивых и бесполезных советов.
offtopic: Пойду приму галоперидольчик... :crazy: :biggrin2:
прекратите нести чушь. про accessabiltiy слышали что-нить? и про нерекомендуемые тэги?Цитата:
Originally posted by itstep@Jun 30 2007, 09:22
[b]Image maps (Навигационная карта). Прочитать о ней можно, например, здесь:
[Only registered and activated users can see links. Click Here To Register...]
+1 :suicide2:Цитата:
Originally posted by itstep+Jun 30 2007, 09:22-->только применяя псевдокласс :hover и иже с ним. событие onClick отсутствует, как таковое.Цитата:
Хотя слышая я краем уха, что даже можно обойтись без js -- отображать и прятать ГИФы с помощью CSS.
самое оптимальное решение.Цитата:
Originally posted by null@Jun 30 2007, 09:23
[b]сделайте на флэше. так - проще всего.
Цитата:
Originally posted by itstep@Jun 30 2007, 09:26
[b]Возражения:
1. Флеш не все увидят (особенно в офисах!)
2. Флеш тяжелее
3. Флеш не отредактировать после (а ведь придётся!)
складывается ощущение, что вы живете в конце 90х. здесь же не предлагают применение SVG, технологии, которая мало распространена.Цитата:
Originally posted by itstep@Jun 30 2007, 09:26
[b]Админы в офисах склонны отключать ActiveX (и это правильно, товарищи!) -- тут под раздачу и попадают флеши.
ctrl+shift+s в FF при наличии WebDeveloper :biggrin2:Цитата:
Originally posted by itstep@Jun 30 2007, 09:42
[b]Кстати, как отключается CSS?
разве уже отменили декомпиляторы? здесь же не целый flash-сайт вскрывать.Цитата:
Originally posted by itstep@Jun 30 2007, 09:42
[b]А он куда-нибудь денется со временем. Вслед за навсегда ушедшим дизайнером, за упавшим диском, при переезде... да мало ли. туда же, куда исчезают установочные диски, бумажные инструкции.
это философский вопрос =))Цитата:
Originally posted by null@Jun 30 2007, 10:07
[b]Вам просто нравится спорить, да?
<!--QuoteBegin-null@Jun 30 2007, 10:22
[b]ps: Ваша низкая квалификация в сочетании с напором и уверенностью в своей правоте меня умиляют [Only registered and activated users can see links. Click Here To Register...]
[/quote]Цитата:
Originally posted by null@Jun 30 2007, 13:11
itstep, какими полигонами?* :crazy:
Надо написать содержимое тега <AREA> циферками. Думаю для этого есть визуальные средства, но это никак не фотошоп...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Совершенно верно. Для этих целей есть ImageReady, который имеет специальные очень удобные встроенные средства для работы с навигационными картами (судя по предложению тупо пользоваться палитрой Info в шопе, об ImageReady itstep, видимо, не слышал). Другое дело, что навигационные карты на сегодняшний день – это ересь, как таковая. Конечно же флэш в данном случае – это самый оптимальный вариант.
Где-то год назад у меня была очень похожая задача. Нарисовать нужно было карту сша, эффект тот же самый. Пытаясь сделать это средствами хтмл\цсс я потратил не помню сколько, но не два и не три дня. В конце концов заказчик написал, что подсветка дб не резкая, а в течении секунды где-то, и я таки решился сделать флешем, хоть до того момента ВООБЩЕ им не пользовался. На всё про всё, включая изучение ( [Only registered and activated users can see links. Click Here To Register...] ) флеша, у меня ушло часа три...
ЗЫ. флеш завесил почти в пять(!!!) раз меньше...
Смею заметить, что это Ваша проблема. Я бы сделал это за четыре часа с перерывами на обед и прогулку.Цитата:
Originally posted by yanagee@Jun 30 2007, 13:39
[b]Пытаясь сделать это средствами хтмлцсс я потратил не помню сколько, но не два и не три дня.
Я сразу хочу извиниться за оффтоп.
НО, ересь которую несет itstep, напоминает мне людей(организации, подвальные мастерские и т.д.) которые купят сраную ЦМСку и начинают впаривать что она самая крутая + доказывать что они самые умные и их "шарага" - самая превосходная контора на планете.
По поводу хостеров, отключенного флеша и другой подобной ерунды - то же , как всегда ересь.. Это к тому что развиваться надо уважаемый itstep. К вашему не знанию, 50% хостеров - ничерта не понимают как правильно настроить php и т.д. Отключенный ActiveX??? В каком оффисе? Ерунда.... Тока в вашем наверное :biggrin2:
Потом, есть такое "развлечение" как ООП. Дак вот, в нем порядок и четкость. А в использовании семантически не верных способов верстки, да и не только верстки. Не умение минимизировать траффик сервера... Да вобщем что я тут распинаюсь. Ваша контора загнется в скором времени да и все.
P.S. Как минимум использование быдло-табличной разметки, увеличивает траффик сервера. + конеечно же клиента.
P.P.S Можете меня наказать, но блин, НАКИПЕЛО... Не смог удержаться... [Only registered and activated users can see links. Click Here To Register...]
И присоединясь к Zigzag'у +2007
Cinic, у Вас в голове не меньшая каша, чем у itstep. Извините [Only registered and activated users can see links. Click Here To Register...]
[/quote]Цитата:
Originally posted by null@Jul 1 2007, 10:56
Cinic, у Вас в голове не меньшая каша, чем у itstep. Извините [Only registered and activated users can see links. Click Here To Register...]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
А я и не ору мля, что я тут самый умный и продвинутый... А потихоньку читаю умные книги. И слушаю знающих людей. И добиваюсь порядка в своем коде, а не сраного хаоса, который просматривается во всяком высере и быдлокоде.
Извиняю.
Но кстати каша то какая?
И к чему относится она....
Cinic
Да все нормуль)
Просто может быть не совсем последовательно изложили свои взгляды...)
Cinic, ООП — это из другой оперы [Only registered and activated users can see links. Click Here To Register...]
По поводу координат... клацаеш волшебной палочкой по региону,импортиреуш путь в иллюстратор, открываеш этот файл нажимаеш кнтрл+Ф затем кнтр+с:) (ну написать скриптик надо по отсечению не нужного) кнтр+м [Only registered and activated users can see links. Click Here To Register...] все координаты готовы!!
А вообще так флеш лудше будет как и говорили!!!
[/quote]Цитата:
Originally posted by DeadlyShadow@Jul 2 2007, 14:00
По поводу координат... клацаеш волшебной палочкой по региону,импортиреуш путь в иллюстратор, открываеш этот файл нажимаеш кнтрл+Ф затем кнтр+с:)* (ну написать скриптик надо по отсечению не нужного) кнтр+м [Only registered and activated users can see links. Click Here To Register...]* все координаты готовы!!
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Если уж на то пошло, еще раз повторюсь. Никуда не клацаешь, ничего не импортируешь, никаких скриптиков не пишешь, а просто создаешь файл в Photoshop, открываешь его в ImageReady, выбираешь нужный слой и говоришь "New Layer Based Image Map Area". Это как один из вариантов. Не проще ли будет предложенного Вами?
Всё занть никак ни могу! Ну теперь буду знать как проще...
собственно спасибо.. иногда и мне такое надо было делать