
- •1. Классификация веб-сайтов.
- •2. Этапы создания сайта – проектирование, изготовление, размещение.
- •3. Особенности оптического и эмоционального воздействия цветов
- •4. Цвет в веб-дизайне. Цветовые модели
- •Цветовая модель rgb
- •Цветовая модель grayscale
- •5.Сочетаемость цветов. Цветовой круг
- •6. Основные принципы дизайна
- •7. Материалы и инструменты дизайнера. Размер. Факторы, влияющие на восприятие размера. Пропорция.
- •8. Графический дизайн сайта – общие требования. Цвет, шрифт, верстка текстовой информации, выбор графики.
- •9. Графические изображения на веб-страницах. Графические форматы gif, jpeg и png, их параметры, характеристики, различия и области применения.
- •10. Растровая и векторная графика
- •11. Основные функциональные зоны при верстке сайтов. Жесткий и резиновый дизайн.
- •13. Применение текста и шрифтов на сайтах. Задание параметров текста с использованием тегов и атрибутов тегов html и с использованием свойств css
- •14. Правила выбора шрифта для сайта. Шрифтовая схема.
- •Шрифтовая схема Тип шрифта и уместное его использование
- •15.«Вебные» и «невебные» шрифты. Способы подключение нестандартных шрифтов.
- •Способ 1. Подключение шрифта в файле стилей при помощи @font-face
- •Способ 2. Установка шрифтов с использованием js-библиотеки Cufon
- •Способ 3. Подключение нестандартных шрифтов при помощи Google Font api.
- •20. Юзабилити главной страницы сайта.
- •21. Ошибки в юзабилити.
- •22. Слоган, логотип, приветствие на сайте. Слоган.
- •Текст приветствия.
- •23. Контент. Требования к контенту
- •26. Способы организации контента. Структура сайта. Способы организации контента
9. Графические изображения на веб-страницах. Графические форматы gif, jpeg и png, их параметры, характеристики, различия и области применения.
GIF использует 256 цветов и эффективно сжимает сплошные цветные области, при этом сохраняя детали изображения без потерь. Формат GIF также широко используется для создания анимированных рисунков. Может содержать прозрачные области.
JPEG поддерживает 16 миллионов цветов и сохраняет их яркость и оттенки в фотографиях. JPEG сжимает файл, выборочно отвергая данные, поэтому сжатие JPEG называется сжатие с потерями. JPEG метод может внести искажения в рисунок, особенно содержащий текст или тонкие линии.
Аналогичен GIF, однако поддерживается не всеми программами. Использует улучшенный формат сжатия данных.
Формат PNG-24 также поддерживает 16 миллионов цветов. Подобно формату JPEG, сохраняет яркость и оттенки цветов в фотографиях. Подобно GIF и формату PNG-8, сохраняет детали изображения, как, например, в линейных рисунках, логотипах, или иллюстрациях.
10. Растровая и векторная графика
Растровая графика
Основное достоинство растровой графики состоит в том, что при высокой разрешающей способности монитора растровое изображение может иметь фотографическое качество
Основной недостаток растровой графики — большой размер графических файлов. Простые растровые картинки занимают несколько десятков или сотен килобайтов. Реалистические изображения, полученные с помощью сканеров с высокой разрешающей способностью, могут занимать несколько мегабайтов. По этой причине информация в файлах растрового формата, как правило, хранится в сжатом виде. Для сжатия графической информации используются специальные методы, позволяющие сократить ее объем в десятки раз.
Еще одним недостатком растровых изображений является их искажение, возникающее при изменении paзмеров, вращении и других преобразованиях. Картинка, которая прекрасно выглядела при одном размере, после масштабирования или вращения может потерять свою привлекательность. Например, в областях однотонной закраски могут появиться ненужные узоры; кривые и прямые линии могут приобрести пилообразную форму и г. п.
Векторная графика.
Векторные изображения получаются с помощью графических редакторов векторного типа (их еще называют пакетами иллюстративной графики). Эти пакеты предоставляют в распоряжение пользователя набор инструментов и команд, с помощью которых создаются рисунки. Прямые линии, окружности, эллипсы и дуги являются основными компонентами векторных изображений. Одновременно с процессом рисования специальное программное обеспечение формирует описания графических примитивов, из которых строится рисунок. Эти описания сохраняются в графическом файле.
К достоинствам векторной графики можно отнести следующие ее свойства.
Графические файлы векторного типа имеют относительно небольшие размеры, Рисунки, состоящие из тысяч примитивов, занимают дисковую память, объем которой не превышает нескольких сотен килобайтов. Аналогичный растровый рисунок требует в 10-1000 раз большую память.
Векторные изображения легко масштабируются без потери качества, Например, для увеличения или уменьшения эллипса достаточно изменить координаты левого верхнего и правого нижнего углов прямоугольника, ограничивающего этот эллипс.
Следует понимать, что различие в представлении графической информации в растровом и векторном форматах существует лишь для файлов. При выводе на экран любого изображения в видеопамяти формируется информация, содержащая данные о цвете каждого пикселя экрана.