Цветовое оформление документа
Определение цвета составных частей документа -- один из первых шагов в его создании. Если этого не сделать, то будут использоваться цвета по умолчанию, определяемые установками браузера. Не существует каких-либо правил создания хорошо сбалансированной цветовой палитры документа. Нужно лишь заботиться о том, чтобы можно было прочитать текст, не испытывая при этом неудобств. При выборе цветовой палитры старайтесь поддерживать высокую контрастность текста и фона и избегайте соседства областей с близкими цветами.
Цвет может быть задан названием (например, green) или шестнадцатеричным числом, определяющим цвет в модели RGB. Эта цветовая модель базируется на определении цвета как композиции трех основных оттенков цвета: красного (Red), зеленого (Green) и синего (Blue). Каждая компонента задается двузначным шестнадцатеричным числом (т. е. изменяется от 00 до FF). Затем эти значения объединяются в одно число, перед которым ставится символ # (большинство современных браузеров может распознать цвет и без указания символа #).
Следует также отметить, что в записи шестнадцатеричного значения цвета можно использовать как большие, так и маленькие латинские буквы, например, запись #00FF00 равнозначна записи #00ff00.
Ниже представлена таблица 16 стандартных цветов вместе с их шестнадцатеричными кодами. Современные браузеры понимают 140 наименований цветов, часть из которых приведена в главе "Динамический HTML".
Цвет | Код | Цвет | Код |
black (черный) | #000000 | silver (серебряный) | #C0C0C0 |
maroon (темно-бордовый) | #800000 | red (красный) | #FF0000 |
green (зеленый) | #008000 | lime (известь) | #00FF00 |
olive (оливковый) | #808000 | yellow (желтый) | #FFFF00 |
navy (темно-синий) | #000080 | blue (синий) | #0000FF |
purple (фиолетовый) | #800080 | fuchsia (фуксия) | #FF00FF |
teal (сине-зеленый) | #008080 | aqua (аква) | #00FFFF |
gray (серый) | #808080 | white (белый) | #FFFFFF |
Пример Чтобы установить синий цвет фона документа нужно для синей составляющей цвета указать максимальное значение, а остальные сделать равными нулю: <BODY BGCOLOR="#0000FF">.
Тот факт, что разработчик Web-страницы ничего не знает о компьютере, на котором этот документ будет просматриваться, накладывает дополнительные ограничения на использование RGB-модели. На некоторых мониторах невозможно отобразить все разнообразие оттенков. Браузеры в этом случае сокращают используемое количество цветов, переназначая их под собственные палитры. Использование разработчиками гипердокументов Web-палитры является в некотором роде гарантией того, что документ будет выглядеть одинаково на различных дисплеях.
Web-палитра распознает по шесть оттенков красного, синего и зеленого цвета, что в результате дает 216 возможных значений цветов (6x6x6=216). Поэтому ее иногда называют "куб 6x6x6". В таблице приведены численные значения цветов из Web-палитры.
Шестнадцатеричные | Десятичные | Процентные |
00 (самый темный) | 0 | 0 % |
33 | 51 | 20 % |
66 | 102 | 40 % |
99 | 153 | 60 % |
CC | 204 | 80 % |
FF(самый светлый) | 255 | 100 % |
Цвета, RGB-компоненты которых входят в Web-палитру, называют Web-надежными цветами. Среди всех цветов, имеющих имена, только 10 цветов входят в Web-палитру: aqua, black, blue, cyan, fuchsia, lime, magenta, red, white и yellow.
- Компьютерные сети, как средство обмена информацией.
- Технология World Wide Web (www).
- Браузеры и их назначение. Google Chrome, Opera, Firefox, Safari, ie.
- Понятие веб-дизайна. Профессия веб-дизайнера
- Искусство веб-дизайнера. Необходимые навыки.
- Основные компоненты web-страницы и способы их визуального представления на страницах сайта.
- Этапы разработки web-сайта
- Основные языки веб-программирования. Клиентские и серверные языки.
- Синтаксис гипертекстовой разметки. Теги. Атрибуты.
- Структура html-документа
- Заголовок и тело html-документа Заголовок документа
- Тело документа
- Цветовое оформление документа
- Разделение текста на строки, абзацы. Внутристрочное форматирование. Разрыв строки.
- Логическое форматирование гипертекста
- Физическое форматирование
- Использование графики в html-документах
- Гиперссылки. Абсолютный и относительный url
- Списки в html. Виды. Общая характеристика.
- Нумерованные списки в html
- Маркированные списки в html
- Виды верстки веб-страниц. Общая характеристика.
- Табличная верстка в html.
- Блочная верстка в html.
- Выравнивание данных в ячейках. Align и valign
- Объединение ячеек в нтмl.
- Общее определение каскадных таблиц стилей css. Цель создания css
- Способы подключения css к документу
- Построение правила css. Виды селекторов Построение правила css
- Виды селекторов
- Наследование. Каскадирование. Приоритеты стилей css.
- Преимущества и недостатки css-вёрстки
- Классы элементов. Идентификаторы элементов.
- Подготовка иллюстраций для web. Gif. Jpeg.
- Общее понятие фреймов.
- Хостинг. Размещение сайта в Интернете.