Глава 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.