- •Основы web-дизайна
- •Составители а.В. Распопов, о.Е. Ефимова, д.В. Меркулов
- •Введение
- •1.2.1. Стандарты языка html
- •1.2.2. Браузеры
- •Редакторы html-документов
- •Контрольные задания
- •Синтаксис html-тегов
- •Структура html-документа
- •Адресация ресурсов
- •Контрольные задания
- •3.2.1. Комментарии
- •3.2.2. Символьные примитивы (&-последовательности)
- •4.2.1. Разбиение текста
- •4.2.2. Форматирование символов
- •4.2.2.1. Логическое форматирование
- •4.2.2.2. Физическое форматирование
- •4.2.3. Параметры шрифта
- •4.2.4. Заголовки разных уровней внутри текста
- •5.2.1. Формы представления цвета
- •5.2.2. Цвет текста и фон документа
- •5.2.3. Графические форматы
- •5.2.4. Графические изображения
- •Контрольные задания
- •10.2.1. Описание структуры набора фреймов
- •10.2.2. Общий вид html-документа, задающего набор фреймов
- •10.2.4. Целевые фреймы
- •11.2.1. Простейшая форма
- •11.2.2. Типы элементов форм
- •Контрольные задания
- •Несколько советов
- •Библиографический список
- •Оглавление
- •Основы web-дизайна
5.2.2. Цвет текста и фон документа
Цвет основного текста, цвета гипертекстовых ссылок и фон документа описываются в начальном теге тела документа <BODY> с помощью атрибутов (табл. 3):
Таблица 3
Цвет и фон текста
TEXT = цвет |
Цвет основного текста документа |
LINK = цвет |
Цвет не посещенных гиперссылок |
VLINK = цвет |
Цвет посещенных гиперссылок |
ALINK = цвет |
Цвет активных гиперссылок (вспыхивает на мгновение при щелчку мыши по гиперссылке) |
Окончание табл. 3
BGCOLOR = цвет |
Цвет фона документа |
BACKGROUND = url |
Адрес графического файла, используемого при создании фонового изображения |
Все перечисленные атрибуты необязательны, однако их всегда стоит указывать, чтобы цветовая гамма документа не зависела от величин, принятых браузером по умолчанию.
Фоновое изображение обычно выбирают небольшим по размеру; браузер помещает его в левый верхний угол окна документа и копирует, распространяя мозаикой по горизонтали и вертикали, пока не будет заполнено все пространство окна, подобно тому как при строительстве большие пространства стен покрывают маленькими (и одинаковыми) плитками. Это, например, дает возможность создания различных полосатых и клетчатых фонов с помощью элементарных графических изображений. Чуть сложнее создать текстурный фон: тут придется немного поэкспериментировать с маленькими образцами фона, чтобы не было заметно «стыков». При этом если указан атрибут BACKGROUND, то отменяется цвет фона, заданный в BGCOLOR.
Важно отметить, что цвет фона и изображение-фон никак не отображаются на бумаге при выводе html-документа на печать. Из этого есть одно важное практическое следствие: старайтесь не использовать текст белого цвета.
5.2.3. Графические форматы
Браузеры поддерживают три графических формата:
GIF - Graphic Interchange Format . При сохранении изображения в этом формате количество используемых цветов не должно превышать 256. Обычно этот формат используют для небольших изображений, содержащих области однородной окраски с четкими границами. Формат GIF позволяет создать прозрачные фрагменты изображения. Кроме того, этот формат поддерживает анимацию.
JPEG (JPG) - Joint Photography Experts Group. Этот формат допускает сохранение изображений, содержащих миллионы цветов, с тонкими цветовыми переходами. Например, фотографии обычно сохраняются в формате JPEG. Изображения в этом формате не могут иметь прозрачных областей.
PNG - Portable Network Graphics. Этот формат является развитием формата GIF. Он обладает всеми преимуществами GIF и при этом не имеет ограничений в количестве используемых цветов.
Несмотря на приведенные общие характеристики графических форматов для WWW, выбрать оптимальный для конкретного изображения формат зачастую можно только экспериментальным путем. При этом преследуется основная цель: достичь хорошего качества изображения при минимальном размере файла.