Пример №1

Создадим следующие рисунки.

Основной рисунок. Ни одна кнопка не выбрана.

Выбрана кнопка №1.

Выбрана кнопка №2.

Выбрана кнопка №3.

Найдем координаты. Для этого можно воспользоваться стандартной программой Paint в Windows. Обратите внимание на правый нижний угол строки состояния в программе. Если выберете инструмент "карандаш" и подведете к любому углу кнопок, то увидете координаты.

Теперь необходимо написать четыре отдельных HTML-документа.

Обратите внимание! Переход к карте-изображению осуществляется из тега img с помощью атрибута usemap="#название карты"

Общая часть четырех файлов.

<img scr="графический файл, соответствующий выбранному номеру" usemap="#color_buttons" border=0>
<map name="color_buttons">
<area shape=rectangle coords="0, 0, 144, 98"
href="1.html">
<area shape=rectangle coords="144, 0, 286, 98"
href="2.html">
<area shape=rectangle coords="286, 0, 427, 98"
href="3.html">
</map>

Создаем четыре документа: 0.html, 1.html, 2.html, 3.html . В первом файле используем первый рисунок, во второй - второй и так далее.

Переходим к первому файлу.

Если возникнут затруднения, то сохраните четыре файла на вашем жестком диске и откройте их в БЛОКНОТЕ, чтобы посмотреть текст документов.



© 2005 БАСТ
Hosted by uCoz