Web-инжиниринг

       

Navigate


Навигационные графические блоки

Одним из привлекательнейших механизмов HTML-разметки являются "чувствительные" картинки (Imagemap). Первоначально они применялись только в связке со скриптом на HTTP-сервере. В последних версиях HTML появились контейнеры MAP и AREA, которые позволяют реализовать "чувствительную" картинку внутри HTML-документа. Данная технология обладает только одним недостатком - нельзя изменять отдельные части картинки.

Технология нарезанных картинок, помещенных в таблицу, позволяет этот недостаток преодолеть. Правда следует заметить, что, приобретая изменчивость, мы теряем произвольность формы "чувствительной" области. Нарезать картинку мы можем только на ячейки таблицы, т.е. на прямоугольники.

Как применяют такие картинки, мы рассмотрим на примере навигационной страницы виртуального зоопарка:

Виртуальный

Navigate

Зоопарк

Navigate
Navigate
Navigate
Navigate
Navigate
Navigate
Navigate
Navigate
Navigate
Navigate

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

Navigate

начало страницы
Navigate

Navigate

Navigate

u="u686.25.spylog.com";d=document;nv=navigator;na=nv.appName;p=1; bv=Math.round(parseFloat(nv.appVersion)*100); n=(na.substring(0,2)=="Mi")?0:1;rn=Math.random();z="p="+p+"&rn="+rn;y=""; y+=""; y+="

Navigate
"; y+=""; d.write(y);if(!n) { d.write("

Navigate



Содержание раздела