262__ __ __ __________________Часть III. Современный HTML

мых браузером, можно применять языки VBScript и JavaScript. Скрипт может отслеживать нажатия кнопки мыши внутри изображения и ставить в соответствие координатам указателя определенные URL-адреса. В главе 29 можно найти сведения о том, как создавать такие программы.

Использование текста

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

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

Практический пример создания изображения-карты

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

1. Определите, ссылки на какие ресурсы и документы вы будете использовать, и сделайте карандашный набросок внешнего вида изображения-карты. В этом примере автор использовал следующие ссылки:

http://rampages.onramp.net/~jerry;http://www.microsoft.com;http://www. netscape.com http://www.mcp.com.

2. Откройте графический редактор (автор работал с Micrografx Picture Publisher)и создайте прямоугольник размером 320 пикселов по ширине и 80 пикселов по высоте.

3. Скопируйте предназначенную для обозначения разных инструментов графику на прямоугольник. Расположите изображения таким образом, как показано на рис. 12.12.

4. Сделайте под каждым изображением поясняющую надпись.

5. Сохраните исходное изображение в формате GIF, например, под именем IMAGEMAP.GIF.

6. Откройте файл IMAGEMAP.GIF в программе Mapedit или другом редакторе изображений-карт.

7. Создайте прямоугольные зоны вокруг каждого изображения, не забыв включить в них и поясняющие надписи.