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

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

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

Полезные ссылки
Случайные записи
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 131
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.76
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.124
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.81
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.60
  • 22.08.2012">McAfee собирается защищать автомобили от вирусов
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 008
  • 02.03.2011">Руководство по actionscript. часть 5, стр. 083
  • 13.03.2011">Руководство по actionscript. часть 3, стр. 100
  • 23.02.2011">Руководство по actionscript. часть 7, стр. 032
  • 07.03.2011">Руководство по actionscript. часть 4, стр. 111
  • 27.02.2011">Руководство по actionscript. часть 6, стр. 044
  • 19.03.2011">Руководство по actionscript. часть 2, стр. 101
  • 01.03.2011">Руководство по actionscript. часть 5, стр. 128
  • 02.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.104
Опрос

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

View Results

Loading ... Loading ...