Web-дизайн (углубленный курс)

Программа курса:

Adobe Photoshop

Введение

Виды и форматы изображений. Особенности растровых изображений. Интерфейс программы. Рабочие области программы. Открытие и закрытие окон. Изменение размеров и разрешения изображения. Способы отмены действий. Сохранение файла.

Техника рисования

Инструменты рисования. Выбор цвета. Настройки инструмента кисть. Создание новой кисти. Работа с карандашом, ластиком. Использование заливки и градиентных переходов.

Выделения областей изображения

Инструмента выделения. Управление параметрами инструментов. Дополнение, вычитание и пересечение областей выделения. Действия с выделенной областью: масштабирование, поворот, искажения, деформации.

Работа с многослойным изображением

Зачем нужны слои. Способы создания, перемещения и удаления слоев. Управление слоями с помощью палитры Слои. Связывание и объединения слоев.

Создание коллажей

Основные этапы создания комбинированного изображения.

Текстовые слои

Работа с инструментом текст. Применение эффектов к текстовым слоям: создание тени, имитация объемы, обводка контура, деформация.

Использование масок

Быстрая маска, как один из способов выделения. Параметры быстрой маски. Маска слоя. Корректировка изображения с помощью маски слоя.

Фильтры

Виды фильтров. Настройка параметров фильтров.

Векторные инструменты

Рисование векторными инструментами. Работа с примитивами. Инструмент рисования – перо. Работа с узлами и направляющими.

Техника ретуширования

Применение клонирующих инструментов для чистки и восстановления изображения. Коррекция области: изменения яркости и контрастности. Настройка черной и белой точки изображения.

Коррекция изображения

Работа с цветовым балансом и тоновыми характеристиками изображения. Применение корректирующих слоев палитры Слои.

Теория цвета

Цветовые режимы. Подготовка изображения к печати. Форматы изображений.

Corel Draw

Введение

Виды и форматы изображений. Особенности векторных изображений. Интерфейс программы. Рабочие области программы. Создание нового документа. Параметры страницы. Изменение размеров и разрешения изображения. Способы отмены действий. Сохранение файла.

Работа с объектами

Изменение цвета заливки. Настройка абриса объекта. Методы рисования примитивов. Виды примитивов. Трансформирование объектов. Копирование объектов.

Формирования объектов

Группировка, объединение и разделение объектов. Типы преобразований. Порядок расположения на странице.

Создание и редактирования контуров

Инструменты: свободное перо, перо, безье. Дополнительные инструменты рисования. Работа с узлами и направляющими.

Работа с заливками

Способы окрашивания объектов. Инструмент заливка и интерактивная заливка. Применение инструмента заливка сетки. Прозрачность.

Средства повышенной точности

Линейки. Сетки. Направляющие.

Разработка фирменного стиля

Создание логотипа. Правила оформления визиток. Разработка фирменных бланков.

Создание цветовых переходов

Инструмент интерактивное перетекание. Инструмент контур.

Текст

Настройка параметров текста. Текст по пути. Текст, вписанный в объект. Текстовые поля.

Использование спецэффектов

Добавление перспективы. Создание тени. Деформация формы объекта. Применение объекта – линзы. Придание объема объектам.

Работа с растровыми изображениями

Импорт растровых изображений. Редактирование. Трассировка растровых изображений. Ручная трассировка.

Теория цвета

Цветовые режимы. Подготовка изображения к печати. Форматы изображений.

Adobe Illustrator

Введение

Работа с объектами

Изменение цвета заливки. Настройка обводки объекта. Методы рисования примитивов. Виды примитивов. Трансформирование объектов.

Инструмент перо

Дополнительные инструменты рисования. Работа с узлами и направляющими.

Текст

Настройка параметров текста. Текст по пути. Текст, вписанный в объект. Параметры текстового поля.

Работа с палитрой Обработка контуров

Виды взаимодействия объектов. Инструменты деформации. Настройка параметров деформации.

Способы заливки объектов

Палитры: цвет, образцы. Создание и применение градиентной заливки. Работа с прозрачностью. Палитра Оформление. Создание узоров. Масштабирование готовых узоров. Применение инструмента переход.

Работа с сетчатым градиентом

Особенности инструмента сетчатый градиент. Настройки параметров. Работа с узлами и направляющими. Заливка цветом.

Кисти и символы

Применение и настройка готовых кистей и символов. Создание новых кистей и символов. Виды кистей.

Слои

Работа со слоями. Создание слоев и подслоев. Перемещение, выделение и удаление слоев и подслоев.

Работа с растровыми изображениями

Способы помещения растрового изображения в программу. Редактирование размеров. Перевод растрового изображения в векторное. Виды трассировок. Ручная векторизация изображения.

Создание объемных изображений

Методы создания объемного объекта: вытягивание и скос, вращение, поворот. Работа с параметрами объемного объекта.

Подготовка изображения к печати

HTML

Создание HTML-документа. Структура HTML-документа. Безопасные цвета. Форматирование текста. Оформление текста и фона всей страницы. Стили форматирования цветов. Текстовые блоки.

Практика: создание простой текстовой HTML-странички.

Создание нумерованных и ненумерованных списков. Списки определений. Размещение на странице изображений. Взаиморасположение графических элементов и текста.

Практика: создание списков и вставка изображений в HTML-страничку.

Понятие ссылка. Обязательный формат ссылок в документе. Виды ссылок. Ссылки на объекты страниц. Ссылки изображений.

Практика: создание ссылок на HTML-страничке на другой HTML-документ.

Таблица как один из основных способов задания макета страницы. Формат таблицы. Задание размеров таблицы. Работа с ячейками. Создание таблицы с заголовком.

Практика: Создание пустой таблицы. Изменение фона текста в таблице. Создание первой страницы сайта с помощью таблицы.

Что такое формы. Основные типы элементов форм. Поля ввода. Текстовые поля. Поля для передачи файлов. Кнопки. Переключатели и флажки. Раскрывающиеся списки.

Практика: Создание анкеты.

CSS

Знакомство с CSS. Способы задания стилей. Типы селекторов. Единицы измерения для CSS. Изменение свойств шрифта.

Практика: создание внешнего файла CSS. Привязка его к html – документу. Форматирование текста.

Изменение цвета элементов страницы. Задание свойств текста.

Практика: Размещение изображений и дополнительное форматирование страниц.

Размеры, отступы и границы элементов. Отступы от границ блока до содержимого элемента. Создание и свойства рамки элемента. Жесткая верстка сайта. Отображение элементов. Видимость элемента. Перенос строк. Вид курсора. Маркеры списка.

Практика: Создание первой страницы сайта методом жесткой верстки.

Служебная информация сайта. Основные элементы разметки. Представления. Информация о содержимом страницы. Символьные элементы. Некоторые дополнительные теги форматирования текста.

Практика: Дополнение основной структуры html документа служебной информацией.

Использование мультимедиа на страницах сайта. Основные форматы аудио и видео файлов. Теги встраивания мультимедиа.

Практика: Размещение на странице сайта медиа-плеер.

Представление сайта. Основные виды сайтов. Структура сайта. Основные принципы и структура World Wild Web. Понятие хостинг и домен. Размещение сайта в интернете.

Итоговое задание: создание сайта-визитки, разработка его структуры и навигации.

Java Script

Введение в Java Script. Размещение Java Script – сценариев в HTML-документе. Типы данных. Виды диалоговых окон. Операции над данными. Условные операторы. Операторы цикла. Практические задания.

Объектная модель документа. Иерархия объектов окна браузера. Понятия: объект, свойства, метод. Практические задания.

Типы объектов Java Script. Создание функций. Задание функций, как объекта. Оператор перебора свойств объектов for…in. Практические задания.

Встроенные объекты. Классы встроенных объектов: Array, Date. Практические задания.