NETT-PORTAL Четверг, 30 Января 2025, 17:34:37
Приветствую Вас Гость | RSS
Главная | Каталог статей | Регистрация | Вход
» Меню сайта

» Категории каталога
PHP
HTML
Visual Basic & VBScript

» Наш опрос
Нравится ли вам наш новый дизайн?
Всего ответов: 98

Главная » Статьи » Языки програмирования » HTML

Работа с графикой в HTML
Общие соображения.

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

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

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

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

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

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

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

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

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

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

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

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

Фоновые изображения

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

Во многом аналогично выполняется настройка параметров фона для HTML-документов. Для задания цвета фона употребляется параметр bgcolor тэга <BODY>, а фоновое изображение включается в документ при помощи параметра background. В качестве значения параметра указывается название цвета или его составляющие в шестнадцатеричном коде. В качестве фонового изображения должен использоваться графический файл формата GIF или JPG.

Фоновое изображение для HTML-документа всегда заполняет всё окно просмотра (в отличии от рабочего стола Windows, где изображение может не размножаться). Если размер изображения меньше размеров окна просмотра, то оно будет размножено по принципу мозаики. Поэтому фоновые изображения должны создаваться так, чтобы при появлении на экране границы сшивки повторяющихся изображений били невидимы. Эта задача напоминает подбор рисунка при оклеивании обоями стен комнаты.

Обычно в качестве фонового берётся небольшое изображение, для загрузки которого по сети не требуется значительного времени. Другим часто используемым вариантом является фоновое изображение в виде бледного рельефного логотипа. Такая графика ясно идентифицирует сайт и не мешает восприятию материала.

Приведём пример записи тэга <BODY> с указанием фонового цвета и фонового изображения:

<BODY bgcolor="gray" background="texture.gif">

Заметим, что одновременное задание параметров background и bgcolor вовсе не обязательно. Любой из них, равно как и оба вместе, могут отсутствовать.

На первый взгляд может показаться, что указание фонового цвета излишне при задании фонового изображения. В действительности всё наоборот. Можно рекомендовать всегда указывать цвет фона документа если задаётся фоновое изображение. Дело в том, что при загрузке документа прежде всего отображается текстовая часть, а на следующем проходе будут загружаться изображения, в том числе и изображения, используемые в качестве фонового. До момент загрузки и отображения фонового изображения цвет фона документа будет определяться значением параметра bgcolor или устанавливаться по умолчанию. Опыт работы с HTML-документами, получаемыми по сети, показывает, что до загрузки фонового изображения порой проходит достаточное количество времени, в течении которого пользователь знакомиться с уже загруженным текстом. В какой-то момент проявляется фоновое изображение, изменяя гамму цветов документа. Чтобы предотвратить резкое изменение гаммы цветов, следует задавать значение цвета фона близким к цветам фонового изображения.

Есть ещё причина, из-за которой задание цвета фона документа следует рекомендовать. Пользователь может отключить загрузку изображений. В этом случае фоновое изображение также не будет загружено.

источник http://v-vb.com/

Категория: HTML | Добавил: admin (15 Апреля 2007)
Просмотров: 529 | Рейтинг: 0.0/0 |

» Поиск

» Друзья сайта

    » Статистика


    Copyright MyCorp © 2025