2.6. Графика в html.

Без иллюстраций документ однообразен, вял и скучен. Расчетливо подобранная и правильно размещенная графика делает его визуально привлекательнее и, что самое важное, передает одну из основных идей документа. Вспомните старое правило - лучше один раз увидеть, чем сто раз услышать (данном случае прочитать).

2.6.1. Общие соображения.

Принимая решение о целесообразности включения в документ тех или иных иллюстраций необходимо учитывать следующие моменты:

• Графические файлы могут иметь значительные размеры, что требует времени для их загрузки. Насыщенность графикой может привести к недопустимо большим затратам времени, требуемым для получения документов, особенно, если используется соединение с помощью модема на небольших скоростях. С другой стороны, одновременная работа нескольких пользователей с большими документами, размещенными на вашем сервере, может также привести к его перегрузке.

• Многие пользователи работают в режиме отключения приема графических изображений для увеличения скорости передачи данных. В этом случае от полученных документов остается только текстовая часть, которая должна давать информацию о содержательной стороне документа.

• Поисковые системы не могут индексировать графику. Поэтому если на ваших страницах расположены только иллюстрации без текстовых пояснений, то читатели, использующие современные методы поиска, такие страницы не обнаружат.

• Следует помнить, что пользователи могут работать с различными расширениями экрана монитора и различной глубиной цвета. Страницы хорошо смотрящиеся при одном расширении, могут выглядеть совершенно по иному при другом расширении.

2.6.2. Способы хранения изображений.

Существует значительное количество форматов хранения графических файлов, - порядка нескольких десятков.

При создании web-страниц чаще всего используется графика в двух форматах: GIF и JPG. Эти два формата поддерживаются всеми современными браузерами.

Формат BMP является стандартом MS Windows и поддерживается браузером Internet Explorer, однако его употребление не может быть рекомендовано, так как данный формат не поддерживает сжатие данных.

Разработанный недавно формат PNG был призван заменить формат GIF, однако, несмотря на его очевидные преимущества, должного распространения на настоящий момент не получил.

Иные графические форматы (кроме GIF и JPG) в HTML-документах на WWW-серверах практически не встречаются, хотя принципиально это возможно. Использование других форматов не рекомендуется по следующим причинам: во-первых, только для GIF и JPG осуществляется встроенная поддержка в большинстве браузеров, тогда как для иных файлов необходимо подключение внешних программ отображения, во-вторых, структура файлов GIF и JPG наиболее подходит для передачи данных по сети и является независимой от платформы.

В общем, изображения на Web-страницах могут использоваться двумя способами: в качестве фонового изображения, на котором располагаются элементы основного документа, и изображения, встраиваемые в документ.

2.6.3. Использование изображения в качестве фона HTML-документа (атрибут BACKGROUND тега <BODY>)

Техническая сторона вопроса относительно оформления фона страницы достаточно подробно был рассмотрен в рамках пункта 1.2 лекции 4. Остановимся лишь на некоторых замечаниях относительно эстетической стороны вопроса.

К фоновому рисунку HTML-документа, безусловно, предъявляется ряд требований. В зависимости от того, какой вид хочет придать своей странице автор, выбирается направление конструирования фона. До недавнего времени классическим решением было создание бледно-серого фона с таким же бледным, но рельефным рисунком. Здесь очень многое зависит от художника, но современные графические редакторы позволяют создавать похожие эффекты и автоматически. Такой фон не должен ощутимо снижать контрастность страницы и мешать чтению текста.

В последнее время в моде на фоновые рисунки произошли изменения. Все чаще можно встретить белый фон. Белый цвет вне конкуренции, и тут не надо что-либо объяснять. Другое направление — использование бледного фона, но другого цвета, например, бежевого, голубого или зеленого. Сам рисунок выглядит как произвольный узор из точек, напоминая поверхность кожи или камня. Здесь опять таки, полет фантазии художника ограничивается необходимостью обеспечения контрастности.

2.6.4. Встраивание изображений в HTML-документы (элемент <IMG>)

Для встраивания изображений в HTML-документы следует использовать тег <IMG>, имеющий единственный обязательный атрибут SRС, определяющий URL-адрес файла с изображением. Простейший пример встраивания изображения:

<IMG SRC="Risunok.gif">

Что касается остальных атрибутов, то, хотя они и не являются обязательными, их использование может существенно повлиять на качество отображение графики на странице.