Самоучитель по креативному веб-дизайну. Книга 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

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

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

Полезные ссылки
Случайные записи
  • 13.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.84
  • 27.08.2010">Советы начинающему дизайнеру.
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.164
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.3
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.68
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 078
  • 16.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.35
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 136
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.35
  • 17.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.129
  • 09.03.2011">Руководство по actionscript. часть 4, стр. 048
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 028
  • 04.03.2011">Руководство по actionscript. часть 5, стр. 049
  • 04.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.33
  • 15.03.2011">Руководство по actionscript. часть 3, стр. 043
Опрос

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

View Results

Loading ... Loading ...