Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 24 стр.

UptoLike

ВУЗ: 

ТГТУ | Тамбов

Составители: 

Рубрика: 

− фотографий, полученных со сканера или цифровой камеры, а также фотореалистичных изображений, построенных
на основе компьютерных расчетов (ray-tracing rendering);
− графики со сложным сочетанием цветов и оттенков;
− любого изображения, которое требует более 256 цветов.
Некоторые проблемы со свободным использованием формата GIF возникли в 1995 году. Алгоритм компрессии LZW
имеет патент, который в настоящее время принадлежит компании Unisys Corporation. Хотя GIF-формат является свободно
распространяемым и используемым, однако компания Unisys Corporation в 1995 году решила обязать всех коммерческих
продавцов программных продуктов, использующих LZW-компрессию, лицензировать ее применение. Чтобы избежать упла-
ты гонорара вместо GIF-формата было решено создать альтернативный формат PNG (Portable Network Graphic, читается
"пинг"), поддерживающий прозрачный цвет и чередование строк, однако не допускающий нескольких изображений в одном
файле. Данный формат является самым "молодым" – его стандартизованная и одобренная W3C спецификация PNG 1.0 су-
ществует лишь с октября 1996 г. И, как свойственно всему новому, он активно вытесняет с просторов Интернета своих
предшественников, в первую очередь – GIF. Это обусловлено следующими обстоятельствами:
• PNG является бесплатным форматом, и его применение в программных продуктах не требует лицензионных отчис-
лений;
• PNG обеспечивает глубину цвета 24 бита;
• PNG использует эффективный алгоритм сжатия без потерь, основанный на предварительной фильтрации сжимаемой
информации.
Кроме того, в отличие от GIF, в новом формате предусмотрено не два уровня прозрачности (прозрач-
ный/непрозрачный), а 254, что позволяет создавать сложные многослойные изображения.
Кроме того, в формате PNG предусмотрена еще более хитрая схема хранения данных об отдельных точках изображения
по сравнению с чересстрочной схемой формата GIF. Если для формата GIF при чересстрочной схеме хранения можно было
увидеть контуры всего изображения после загрузки примерно 1/8 части данных, то для формата PNG то же самое можно сде-
лать, загрузив 1/64 часть данных.
Как и GIF, формат PGN поддерживает чтение и вывод данных на экран по мере их поступления, однако по сравнению с
GIF фрагменты изображения являются двумерными, т.е. изображение проявляется не построчно, а в виде небольших прямо-
угольников.
Диапазон возможных вариантов использования графики на Web-страницах очень широк и многообразен. Рассмотрим
описание некоторых наиболее распространенных вариантов использования изображений.
2.6.2. Фоновые изображения
Цвет фона страницы задается атрибутом bgcolor="цвет" тега <BODY>.
В качестве цвета можно указать либо английское название одного из 16 цветов, либо шестнадцатеричное значение лю-
бого из более чем 16 миллионов цветов.
В языке HTML фиксированными названиями цветов являются:
BLACK
TEAL
BLUE
NAVY
LIME
GREEN
SILVER
AQUA
Черный
Синий
Темно-синий
Светло-зеленый
Зеленый
Серый
Голубой
OLIVE
RED
MAROON
GRAY
FUCHSIA
PURPLE
YELLOW
WHITE
Оливковый
Красный
Коричневый
Серый
Фиолетовый
Желтый
Белый
Следует учитывать, что некоторые браузеры обрабатывают гораздо больше названий цветов.
Удобнее задать цвет в формате RGB – красный – зеленый – синий. Каждое из трех чисел задает интенсивность соответ-
ствующего цвета в относительных единицах от 0 до 255. В этой форме цвет имеет вид #RRGGBB, где RR соответствует ин-
тенсивности красного, GG – зеленого и BB – синего цвета.
Вместо цвета фона можно задать фоновую картинку с помощью атрибута background="имя-файла". В качестве формата
фоновых изображений желательно использовать только форматы GIF и JPG.
В случае одновременного указания параметров bgcolor и background картинка перекрывает фоновый цвет, который час-
тично виден только при использовании прозрачного GIF.
Фоновое изображение для HTML-документа всегда заполняет все окно просмотра. Если размер изображения меньше
размеров окна просмотра, то оно будет размножено по принципу мозаики. Поэтому фоновые изображения должны созда-
ваться так, чтобы при появлении на экране границы сшивки повторяющихся изображений были бы невидимы. Эта задача
напоминает подбор рисунка при оклеивании обоями стен комнаты.
Обычно в качестве фонового берется небольшое изображение, для загрузки которого по сети не требуется значительно-
го времени. Существуют огромные коллекции изображений (текстур), которые можно использовать при разработке своих
собственных HTML-документов.
Другим часто используемым вариантом является фоновое изображение в виде бледного рельефного логотипа. Такая
графика ясно идентифицирует сайт и не мешает восприятию материала.
Пример записи тега <BODY> с указанием фонового цвета и фонового изображения:
<BODY background=texture.gif bgcolor=gray>

Страницы