Системы представления цвета в Интернете

Самой распространенной и понятной компьютеру является система RGB. Но она не единственная. Если цвет монитора изменяется от черного до белого, то на бумаге, понятное дело все наоборот. Отсутствие цвета – это белый, а смешивание максимально возможного количества красок – черный. Следовательно, вместо системы RGB, которые имеет название «складывающей» (аддитивной), во время подготовки к процессу печати изображение требуется перевести в «вычитающую» (субтрактивную) систему, которая применяет цвета, являющиеся противоположными исходным цветам. Красному отвечает голубой, желтому – синий и так далее.
Для расширения диапазона цветовоспроизведения к главным трем компонентам (красный, зеленый, синий) добавляют также четвертый – черный. Полученная система именуется CMYK (расшифровка - Cyan, Magenta, Yellow, blacK). Следовательно, для изображения, которое подготовлено к печати требуется 4 байта на пиксел, но отнюдь не все растровые форматы могут хранить это изображение (обычно для этого применяется формат TIFF).
В графических компьютерных программах используется также система HSV (Hue-Saturation-Value), иногда ее также называют HSB (Hue-Saturation-Brightness). Данная система является абстракцией, которая моделирует не физические свойства цвета, а то, как его воспринимает человеческий глаз. Растровые формат не применяют HSV для того чтобы хранить изображения, но ее использование очень удобно при подборке цвета во время практической работы.
Необходимо помнить, что цветовой охват системы CMYK является гораздо более узким, в сравнении с HSV или RGB, поскольку на бумаге невозможно в принципе воспроизвести особо насыщенные и яркие экранные цвета. Следовательно, изображение, которые готовятся для печати на бумаге, изначально должны быть настроены под цветовой спектр CMYK.

18.Блоковая верстка страницы. Блоковые и текстовые элементы. Тэги <DIV> <SPAN>

Верстка бывает блочная и табличная. Блочная верстка — это верстка html-кода web-страницы при помощи тегов универсальных контейнеров <div>.

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

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

Под понятием блок (слой) в общем случае имеют в виду элементарную прямоугольную область(тег div), к которому применяется стилевое оформление.

Преимущества блочной верстки перед табличной:

ü Каждый блок описывается одним тегом;

ü Удобно отслеживается структура вложенности контейнеров;

ü Контейнеры <div> можно позиционировать не только внутри родительских, но и другими способами (например абсолютное позиционирование);

ü Значительно увеличивается скорость загрузки страниц сайта. По некоторым оценкам, скорость увеличивается где-то в три — четыре раза по сравнению с табличной;

ü Блочная верстка имеет значительно меньший объем кода по сравнению с табличной. А значит, нагрузка на сервер также уменьшается;

ü сайты с блочной версткой достаточно корректно отображаются во всех браузерах, при любом разрешении экрана;

ü легко интегрируется в любые CMS, не вызывая проблем.

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

Тэги <DIV> <SPAN>. <DIV> <div>

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

<span> Универсальный тег, предназначенный для определения строчного элемента внутри документа.

С помощью тега <span> можно выделить часть информации внутри других тегов и установить для нее свой стиль. Например, внутри абзаца (тега <p>) можно изменить цвет и размер первой буквы, если добавить начальный и конечный тег <span> и определить для него стиль текста.