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

Navigate


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

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

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

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

Виртуальный



Зоопарк

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


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


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+="

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



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