15.07.2018, 22:42 [+3 UTC]
в нашей команде: 2 881 чел. | участники онлайн: 3 (рекорд: 21)

:: РЕГИСТРАЦИЯ

:: задать вопрос

:: все разделы

:: правила

:: новости

:: участники

:: доска почёта

:: форум

:: блоги

:: поиск

:: статистика

:: наш журнал

:: наши встречи

:: наша галерея

:: отзывы о нас

:: поддержка

:: руководство

Версия системы:
7.47 (16.04.2018)

Общие новости:
13.04.2018, 10:33

Форум:
13.07.2018, 21:58

Последний вопрос:
14.07.2018, 09:26

Последний ответ:
13.07.2018, 17:32

Последняя рассылка:
15.07.2018, 19:45

Писем в очереди:
0

Мы в соцсетях:

Наша кнопка:

RFpro.ru - здесь вам помогут!

Отзывы о нас:
08.09.2011, 10:46 »
Заречнева Вера Михайловна
спасибо большое. Все стало понятно. [вопрос № 183989, ответ № 268180]
07.06.2010, 19:07 »
малетин олег валериянович
Спасибо, Александр Львович, за ответ. [вопрос № 178960, ответ № 261951]
28.09.2009, 18:03 »
AkaProc
Огромное спасибо! В Mozilla Firefox все отлично показывает! [вопрос № 172676, ответ № 254800]

РАЗДЕЛ • Графический дизайн

Установка, настройка и работа в программах графического дизайна Adobe Photoshop и CorelDRAW.

[администратор рассылки: FOXhunter (Профессионал)]

Лучшие эксперты в этом разделе

Зёбр
Статус: 2-й класс
Рейтинг: 46
Лысков Игорь Витальевич
Статус: Старший модератор
Рейтинг: 0
Коцюрбенко Алексей aka Жерар
Статус: Мастер-Эксперт
Рейтинг: 0

Перейти к консультации №:
 

Консультация онлайн # 67025
Автор вопроса: Lucky[K]
Отправлена: 14.12.2006, 22:10
Поступило ответов: 2

Здравствуйте эксперты!
Извините пожалуйстаесли не туда! Помогите не знаю как сделать. Нужно просто на HTML. У меня есть картинка ее надо замостить в страничку чтобы можно было на ней расставить точки при нажатии на которые будет переходить на страничку. Так как точек много то писать для каждой свою страничку не хочется. Эта страничка для всех точек имеет одинаковый шаблон на котором картинки и надписи которые должны быть разными в зависимости от точки.
Помогите пожалуйста срочно надо!
З.Ы. Огромное спасибо

Состояние: Консультация закрыта

Ответ # 131716 от Exact

Здравствуйте, Lucky[K]!
Это вообще я так понял называется графическая карта ссылок, я как-то писал стаью если что 4 выпуск журнала webdix.ru.
Вот сама статья (неполный вариант):
Разрабатывая структуру сайта, часто сталкиваешься с ситуацией, когда необходимо использовать для гиперссылки какой-то небольшой участок единой картинки, не нарушая его структуры, конечно можно разрезать картинку в каком-нибудь графическом редакторе, на необходимые части и занести их в фиксированный табличный дизайн, конечно – это выход.
Но вы не учли, что в таком случае:
- Вы затратите много времени на такую работу, не забывайте это очень сложно и кропотливо.
- На различных компьютерах такая структура может нарушиться и точный рисунок не отобразится в браузере, что очень сильно испортит впечатление от вашего сайта.
- А если вам нужно выделить в качестве гиперссылки, не прямоугольник, а другую область, как вы занесёте его в табличный дизайн?
- А что если прямоугольник настолько мал, что заносить его в таблицу просто глупость?
В общем, я не отговариваю вас от такого способа, у вас вполне всё может получиться, вот к примеру сайт RPG-игры http://gothic.ag.ru посмотрите на шапку этого сайта множество рисунков которые выглядят как единое целое и прекрасно соединяются в один рисунок.
Но для любой задачи можно найти альтернативный, более простой путь, в нашем случае – это IMAP или графическая карта ссылок. Как же использовать такую карту ссылок, разберём это по отдельным пунктам:
1. Добавляем дополнительный параметр usemap в тэг IMG, и присваиваем имя этому рисунку, например usemap=#karta.
2. Затем, можно далее, а можно и сразу после тэга IMG пишем контейнерный тэг MAP с параметром name, значение параметра – название нашего рисунка в данном случае name=karta, кстати не забывайте регист букв в названиях должны совпадать.
3.Внутри контейнера MAP вставляем тэг Area у этого тэга множество параметров, разберём самые распространенные.

Shape - форма выделения области гиперссылки, у этого параметра несколько известных мне значений: circle - круг в координатах указываются координаты центра и радиус, rect - прямоугольник указываются координаты верхнего левого и нижнего правого углов, poly - многоугольник указываются координаты всех углов.
Следующий праметр alt - действие аналогично, что и в тэге IMG, надпись появляющаяся при наведении на область.
coords - координаты x, y. У разных областей они указываются по разному. Координаты определённой точки в рисунке можно узать в простейшем графическом редакторе Paint в строке состояния. Также в этом параметре указывается радиус круга, при shape=circle.
href - адрес ссылки. Ну вот, вроде и всё, если какие-то параметры упустил, прошу пишите не Е-майл форума, всё исправлю
Графическую карту ссылок, можно использовать во многих ситуациях например, в логотипах, если честно всё зависит от вашего решения, так сказать от полёта дизайнерской мысли.


Консультировал: Exact
Дата отправки: 15.12.2006, 03:20

Рейтинг ответа:

0

[подробно]

Сообщение
модераторам

Отправлять сообщения
модераторам могут
только участники портала.
ВОЙТИ НА ПОРТАЛ »
регистрация »

Ответ # 131751 от Web-Extrime

Здравствуйте, Lucky[K]!

К сказанному могу добавить, что бы не заморачиваться с расчетами координат графики воспользуйтесь к примеру программами "HTML Map Designer" или "Map Edit"
. Создать карту рисунка любой сложности можно буквально за пару минут. Ссылок для загрузки к сожаления у меня нет, но если нужно могу скинуть проги почтой. Размеры до 500 Кб. Оставте только в личке свой алрес.

Успехов!


Консультировал: Web-Extrime
Дата отправки: 15.12.2006, 10:21

Рейтинг ответа:

0

[подробно]

Сообщение
модераторам

Отправлять сообщения
модераторам могут
только участники портала.
ВОЙТИ НА ПОРТАЛ »
регистрация »

Мини-форум консультации № 67025

Посетитель

ID: 20864

# 1

= общий = | 15.12.2006, 08:31 | цитировать цитировать  | профиль профиль  |  отправить письмо в личную почту пейджер

To Exact Спасибо это я сделал. А как теперь сделать чтобы они ссылались на одну и ту же страничку (ну чтобы вообще ссылались это понятно), но чтобы в зависимости от точки на этой страничке менялись картинки и надписи. Чтобы не приходилось делать для каждой точки свою страничку. Скрипт там какой или что. Я в этом не силен так что если можно то поподробнее. Спаибо!


Посетитель

ID: 17392

# 2

= общий = | 15.12.2006, 11:06 | цитировать цитировать  | профиль профиль  |  отправить письмо в личную почту пейджер

Здравствуйте! Для организации ссылок Вам нужно использовать, ну например php, если поддерживается хостером. Для каждой точки делаете ссылки типа: http://www.xxx.xxx/link.php?tochka=1 ... http://www.xxx.xxx/link.php?tochka=n И создаете файл link.php, который и будет обрабатывать нажатие на любую точку: Файл link.php будет приблизительно следующего содержания:

 

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

Яндекс Rambler's Top100

главная страница | поддержка | задать вопрос

Время генерирования страницы: 0.17820 сек.

© 2001-2018, Портал RFPRO.RU, Россия
Калашников О.А.  |  Гладенюк А.Г.
Версия системы: 7.47 от 16.04.2018