ВУЗ:
Составители:
Рубрика:
Одновременное задание параметров BACKGROUND и BGCOLOR вовсе не обязательно. Любой из них, равно как и оба
вместе, могут отсутствовать.
На первый взгляд может показаться, что указание фонового цвета излишне при задании фонового изображения. В дей-
ствительности все наоборот. Можно рекомендовать всегда указывать цвет фона документа, если задается фоновое изобра-
жение. Дело в том, что при загрузке документа, прежде всего, отображается текстовая часть, а на следующем проходе будут
загружаться изображения, в том числе и изображение, используемое в качестве фонового. До момента загрузки и отображе-
ния фонового изображения цвет фона документа будет определяться значением атрибута bgcolor или устанавливаться по
умолчанию. Опыт работы с HTML-документами, получаемыми по сети, показывает, что до загрузки фонового изображения
порой проходит достаточное количество времени, в течение которого пользователь знакомится с уже загруженным текстом.
В какой-то момент проявляется фоновое изображение, изменяя гамму цветов документа. Чтобы предотвратить резкое изме-
нение гаммы цветов, следует задавать значение цвета фона близким к цветам фонового изображения.
При выборе цвета фона и характера фонового изображения следует не забывать о необходимости контраста между цве-
том текста и фона. Неудачное соотношение цветов может затруднить чтение текста.
Есть еще причина, из-за которой задание цвета фона документа следует рекомендовать. Пользователь может отключить
загрузку изображений. В этом случае фоновое изображение также не будет загружено.
Еще один вариант предпочтений пользователя исключит и выдачу фонового изображения, и указание цвета фона. Кон-
кретный вариант настроек зависит от используемого браузера.
2.6.3. Иллюстрации
Для размещения на странице изображений чаще всего используется тег <IMG> без закрывающего тега. Для тега <IMG>
требуется указать URL изображения в атрибуте src.
<IMG src="foto.jpg">
Изображения всегда размещаются в теле документа HTML.
У тега <IMG> существует целый ряд атрибутов, позволяющих управлять положением и внешним видом изображения
на странице:
– width="x" – позволяет браузеру заранее установить ширину изображения;
– height="x" – используя этот атрибут высоты вместе с атрибутом width, браузер может заранее подготовить место для
изображения на странице.
Значения этих атрибутов могут указываться как в пикселях, так и в процентах от размеров окна просмотра.
Значения атрибутов ширины и высоты изображения могут не совпадать с истинными размерами изображения. В этом
случае браузеры автоматически при загрузке изображений выполняют его перемасштабирование. Неаккуратное задание ат-
рибутов может привести к изменению пропорций рисунка и, как следствие, к его искажению.
Любой из этих двух атрибутов может быть опущен. Если задан только один из атрибутов, то при загрузке рисунка зна-
чение второго атрибута будет вычисляться автоматически из условий сохранения пропорций. Изменение размеров изобра-
жений при помощи задания атрибутов ширины и высоты может использоваться для просмотра иллюстраций в уменьшенном
виде, однако такой подход не сокращает время загрузки изображения.
– border="x" – этот атрибут используется для определения ширины рамки вокруг рисунка. Чтобы графика выводилась
без рамок, лучше всего явно задать для атрибута border значение 0:
<IMG src="foto.jpg" border="0">
Если вокруг изображения рамка нужна, то ее можно задать с помощью числового значения атрибута border:
<IMG src="foto.jpg" border="4>
– align="x" – с помощью этого атрибута можно выровнять изображение по горизонтали и вертикали. Чаще всего при-
меняют выравнивание по горизонтали, используя следующие значения атрибута:
left (по левому краю)
right (по правому краю).
Однако этот атрибут можно использовать и для выравнивания по вертикали с помощью значений:
top – помещает изображение вдоль самой верхней части содержащей его строки;
middle – изображение выравнивается по средней или базовой линии содержащей его строки;
bottom – изображение выравнивается по нижней части содержащей его строки;
– alt="описание" – позволяет выводить на экран вместо изображения его описание; это описание отображается на экра-
не браузера до тех пор, пока не произойдет загрузка изображения. Кроме того, этот атрибут позволяет выводить на экран
элемент подсказки с описанием, когда указатель мыши располагается над изображением. Очень важный атрибут. Для поль-
зователей, не работающих с графикой, атрибут alt дает великолепное средство описания того, что могло бы быть на этом
месте при использовании графики (рис. 9). Кроме того, поскольку графика загружается значительно медленнее текста, опи-
сание рисунка – весьма удачный способ поддержать у посетителя интерес к загружаемому материалу. Современные браузе-
ры будут также отображать альтернативный текст в качестве подсказки (tooltip) при помещении курсора мыши в область
изображения.
Страницы
- « первая
- ‹ предыдущая
- …
- 23
- 24
- 25
- 26
- 27
- …
- следующая ›
- последняя »
