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

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

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

Полезные ссылки
Случайные записи
  • 15.07.2012">Англоязычные статьи Wikipedia можно будет комментировать
  • 12.06.2011">Американские ученым удалось превратить в нейроны клетки кожи
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 050
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 052
  • 13.03.2011">Руководство по actionscript. часть 3, стр. 102
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.72
  • 02.03.2011">Руководство по actionscript. часть 5, стр. 107
  • 03.03.2011">Руководство по actionscript. часть 5, стр. 067
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.23
  • 26.02.2011">Руководство по actionscript. часть 6, стр. 054
  • 10.03.2011">Руководство по actionscript. часть 4, стр. 018
  • 19.03.2011">Руководство по actionscript. часть 2, стр. 102
  • 27.02.2011">Руководство по actionscript. часть 6, стр. 026
  • 19.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.19
  • 11.03.2011">Руководство по actionscript. часть 4, стр. 002
Опрос

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

View Results

Loading ... Loading ...