Photoshop for WEB



             

Использование изображений - часть 3


Рис. 18.3. Отображение альтернативного текста при отключении загрузки графики

ПРИМЕЧАНИЕ. Обратите внимание на то, как отображаются пункты меню. Они образованы не графикой, а текстом. Это позволяет нормально работать с сайтом даже при отключенной графике.

  • HSPACE и VSPACE определяют ширину отступа, который будет оставлен между рисунком и окружающими его объектами. Параметр HSPACE позволяет определить отступ по горизонтали (слева и справа от рисунка), а параметр VSPACE — отступ по вертикали (сверху и снизу от рисунка). Размер отступа задается в пикселах. Использование этих параметров позволяет отделить рисунок от окружающего его текста и других изображений. Это может улучшить наглядность документа. По умолчанию отступы не отображаются.
  • Приведем пример описания изображения с использованием всех перечисленных выше возможностей:

    <IMG SRC="images/picturel.jpg" BORDER="0" WIDTH="120"

    HEIGHT="120" ALIGN="top" АLТ="Пример рисунка" HSPACE="10"

    VSPACE="10">

    Кроме этих параметров, в теге изображения могут использоваться параметры ISMAP или USEMAP, указывающие на то, что для данного изображения задана карта-изображение. При этом изображение может использоваться в качестве сложной ссылки, указывающей на несколько объектов Интернета.

    Идея использования карт-изображений состоит в том, что для изображения особенным образом описываются несколько активных зон, являющихся ссылками на некоторые wеb-страницы или другие ресурсы. Активные зоны описываются в виде координат. Это описание не связано с изображением. Наоборот, для изображения указывается, что с ним следует использовать ту или иную карту-изображение. Поэтому карта-изображение может использоваться с любым рисунком. При невозможности загрузить файл браузер отображает рамку, указывающую, что там должен находиться рисунок. Карта-изображение при этом остается работоспособной. Подобную ситуацию можно наблюдать на рис. 18.4. На рис. 18.4 показано место, отведенное под рисунок. Оно имеет такую форму из-за того, что в теге изображения указаны его размеры (при помощи параметров WIDTH и HEIGHT). При отсутствии этих параметров на экран будет выведен только альтернативный текст или, если текст не задан, символ рисунка. Вид документа в такой ситуации представлен на рис. 18.5.




    Содержание  Назад  Вперед