3. Разработка графики с использованием web-палитры в html-документах. Цвета и единицы измерения, применяемые в web-документах. Форматы графических изображений, их особен­ности.

Для того чтобы вставить в Web-страницу изображение, необходимо либо нарисовать его, либо взять уже готовое. В любой программе рисования можно создать простое изображение и сохранить его в нужном формате. Самыми распространенными графическими форматами в Web являются GIF,JPG и JPEG. Для того чтобы вставить изображение в Web-страничку существует тег НТМL, который заставляет браузер выводить изображением является тег<IMG> с обязательным атрибутом SRC (SouRCe, источник). Имя источника представляет собой имя выводимого графического файла. Замыкающего тега не требуется. Любой графический файл можно сделать гиперссылкой , если он поддерживается Обозревателем. Для этого вместо названия ссылки нужно вставить графический элемент ,а чтобы при наведении на изображение всплывала подсказка куда приведет эта ссылка, вставляем необязательный атрибут alt и в значении указываем название информационного ресурса

Единицы измерения в HTML. В CSS есть несколько основных единиц измерения это относительные и абсолютные. При работе с CSS следует точно разобраться с их применением иначе работа с каскадными таблицами стилей будет сложна и непонятна. Абсолютные единицы измерения делятся на 5 типов, относительные на 4. Следует знать что Абсолютные единицы измерения не зависят от устройства вывода, т.е. мониторов и экранов, относительные же определяют размер элемента относительна другого размера т.е. монитора, экрана, родительского элемента и т.д. Относительные единицы измерения обычно используют для работы с текстом и в «расширяемых» верстках. В следующей таблице приведены основные относительные единицы измерения.

• Em-Высота текущего элемента

• Ex-Высота символа х

• Px-Пиксел

• %-Процент EM

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

Абсолютные единицы измерения применяются не так часто и в большинстве своем при работе с текстом. В следующий таблицы приведены Абсолютные единицы измерения.

• In-Дюйм (1 дюйм равен 2,54 см)

• cm-Сантиметр

• mm-Миллиметр

• pt-Пункт

• pc-Пика

Цвета в HTML. Существуют несколько основных способов представления цветов в вебе.

В виде #123ABC. Представление в виде трёх пар шестнадцатеричных цифр, где каждая пара отвечает за свой цвет: две первые цифры — красный; две в середине — зелёный; две последние цифры — синий. Представление ключевыми словами, например green, black. Во избежание случаев, когда указанное ключевое слово «не понимается» браузером, следует использовать лишь небольшой набор основных цветов, используемых во всех браузерах. В виде rgb(*,*,*), где «*» — числа от 0 до 255, обозначающих количество соответствующего цвета в получаемом.

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

Векторные форматы: WMF, EPS, DXF, CGM. Файлы векторного формата содержат описания рисунков в виде набора команд для построения простейших графических объектов. Кроме того, в этих файлах хранится некоторая дополнительная информация. Различные векторные форматы отличаются набором команд и способом их кодирования.

Растровые форматы: BMP, PCX GIF, TIFF, TGA, IMG, JPEG. В файлах растровой графики разных форматов эти характеристики хранятся различными способами.