Глава 37. Создание коммерческого сайга________________________941

<МАР NAME="joesmap">

<AREA SHAPE="RECT"COORDS="0,0,149,84"HREF="cars.htm">

<AREA SHAPE="RECT"COORDS="150,0,299,84"HREF="aboutjoe.htm">

<AREA SHAPE="RECT"COORDS="300,0,449,84"HREF^'quality.htm'^

<AREA SHAPE«="RECT"COORDS="0,85,149,169"HREF="vans.htm">

<AREA SHAPE="RECT"COORDS="150,85,299,169"HREF="happycar.htm">

<AREA SHAPE="RECT"COORDS="300,85,449,169"HREF="terms.htm">

</MAP>

<IMG SRC="joesmap.gif"USEMAP="#joesmap">

(См. раздел "Альтернативы страницам с изображениями-картами"главы 12.)

Выше приведено полное определение изображения-карты. Каждое ее изображение имеет прямоугольную форму и размеры 150х85 пикселов, а все навигационное меню занимает прямоугольник 450х170 пикселов.

Верхнее и нижнее левые изображения ведут к отдельным документам, информирующим о последних новинках — спортивных автомобилях и семейных фургонах, соответственно. Центральная верхняя ссылка ведет к странице, рассказывающей о бизнесе Джо, а также о нем самом и его продавцах. Центральная нижняя ссылка познакомит посетителя с историей "Happy Red Car"(Счастливой красной машины), являющейся талисманом бизнеса Джо. Верхняя правая ссылка свяжет со страницей, где представлен список предпродажных проверок, состоящий из 12 пунктов. И наконец правая нижняя ссылка выведет страницу с деталями, касающимися условий продажи в кредит.

Каждому пункту графического меню поставлено в соответствие определенное изображение.

Для тех браузеров, которые не поддерживают изображения-карты, обслуживаемые клиентом, вы предусмотрели дублирующую текстовую навигационную "карту":

<br>

<а href="quality.htm">[ Quality ]</a>

<а href="aboutjoe.htm">[ Honest Joe's Used Cars ]</a>

<a href="vans.htm">[ Family Vans ]</a>

<br>

<a href="cars.htm">[ Sporty Sedans ]</a>

<a href="happycar.htm">[ Home of the Happy Red Car! ]</a>

<a href="terms.htm">[ Easy Credit Terms! ]</a>

<hr>

На рис. 37.9 показано, как такое текстовое меню выглядит в текстовом брау-зере Lynx.