Самоучитель по креативному веб-дизайну. Книга 1, стр.99

рии Канзаса. Навигационные карты помогают посетителям наглядно ориентиро- ваться в пределах сложного Web-сайта.

Проблема, связанная с навигационными картами, заключается в том, что пи — сать код для/ них достаточно сложно и что не все версии Web-браузеров поддер- живают навигационные карты. Преодолеть эту проблему и добиться свойствен — ной навигационным картам гибкости можно с помощью механизма таблиц. Чтобы ячейки таблицы функционировали как «горячие» области на навигацион — ной карте, разделите изображение на прямоугольные фрагменты и поместите каждый фрагмент в отдельную ячейку таблицы. Затем добавьте в каждую ячейку дескриптор с атрибутом href, который будет сообщать Web-браузеру, какое действие необходимо выполнить при щелчке на изображении, помещенном в ячейку.

118 Глава 2. HTML-таблицы





ПРАКТИКУМ

В приведенном ниже коде, когда посетитель выполняет щелчок на графическом изображении home. jpg, Web-браузер соединяется с Web-страницей home. htm и открывает ее:



width=»80″ src=»home. gif»X/a>



Правильно разработанные и помещенные в ячейки таблицы с границами ну — левой ширины (то есть невидимыми) фрагменты рисунка Web-браузер отобража —

ет рядом друг с другом, так что посетитель будет видеть их как целостное графи — ческое изображение.

Приведенный ниже код создает навигационную панель, показанную на рис.

2.25:







Разрезание графического изображения на фрагменты для вставки в ячейки таблицы с целью создания быстрозагружаемой Web-графики

В предыдущем практикуме вы научились создавать навигационные карты пу — тем компоновки отдельных графических элементов внутри таблицы. Таблицы

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

Глава 2. HTML-таблицы 119





мещение фрагментов в отдельные ячейки таблицы позволяет Web-браузеру извле — кать и отображать изображение быстрее, чем если бы изображение было единым большим файлом. Экономия скорости зависит от цветов в нарезанных изображе —

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



ПРАКТИКУМ

Скажем, к примеру, у вас на Web-странице есть большое графическое изображе —

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

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 23.02.2011">Руководство по actionscript. часть 7, стр. 031
  • 19.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.10
  • 16.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.32
  • 21.10.2011">Мегафон
  • 15.03.2011">Руководство по actionscript. часть 3, стр. 052
  • 28.08.2011">Занимайся спортом стар и млад!
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 102
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 085
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.163
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.97
  • 29.08.2010">Методы представления картинок в веб.
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 116
  • 14.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.69
  • 14.03.2011">Руководство по actionscript. часть 3, стр. 078
  • 01.10.2010">Создание и редактирование экшенов в Photoshop
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...