Курсы дизайнеров web-сайтов (web-дизайн, Adobe Photoshop)

Курс обучения от учебного заведения «Многопрофильный Учебный Центр Курсы+» (Москва) по направлению (Искусство, мастерство, развитие личности >

Дизайн, мода >

Веб дизайн)

Описание системы обучения по курсу

Web-дизайн


1. Вводная часть и главные понятия web-дизайна.
1.1. Определение сайта и их виды (креативный и простой, промо-сайт, сайт-портфолио, интернет-магазин).
1.2. Создание концепции сайта, учитывая поставленное задание, целевую аудиторию, а также фирменный стиль организации.
1.3. Варианты набора страниц, а также навигации между ними.
1.4. Информационная архитектура сайта. Сортировка информации, по разным разделам сайта, учитывая визуальные, информационные и логические связи между этими разделами.

2. Основные принципы web-дизайна. Макет сайта. Юзабилити.
2.1. Web-дизайн и цвет. Применение разных цветовых схем, при разном позиционировании сайта.
2.2. Стили в дизайне сайта.
2.3. Главные составляющие веб-страницы, их визуальное представление разными способами.
2.4. Определение юзабилити. Факторы, которые затрудняют правильное восприятие информации с сайта и помогают ему.
2.5. Макет сайта. Ритм. Правила размещения на странице и форма главных блоков (графических, информационных и навигационных).

3. Разметка HTML. Применение NotePad++.
3.1. HTML-документ и его структура.
3.2. Понятие и типы тегов, их атрибуты. Правила оформления HTML-документов.
3.3. Разметка текста, теги: < i >, < b >, < p >, < ol >, < ul >. Их атрибуты.
3.4. Тег создания гиперссылок < a >, определения тега.
3.5. Тег < img > размещение на странице изображений (формата PNG, GIF, JPG и JPEG). Атрибуты данного тега.
3.6. Работа с таблицами. Образование. Установление строк и ячеек таблицы, а также их размеров. Таблицы вложенные.
3.7. Составление макета страницы с применением таблиц. Правила табличной верстки, характерные ошибки и советы по их предотвращению.
3.8. Создание на сайте форм. Главные составляющие веб-форм.
3.9. Отправление данных из формы.
3.10. Практическое задание: Основание неподвижной формы, с применением табличной верстки.
3.11. Размещение аудио- и видео-файлов на сайте.

4. Применение каскадных таблиц стилей (CSS).
4.1. Определение CSS. Способы подключения стилей (подсоединение внешних файлов каскадных таблиц стилей к странице)
4.2. Базовые понятия и синтаксис CSS.
4.3. Формирование стилей для отдельных элементов страницы. Отличия идентификаторов и классов.
4.4. Оформление страницы и ее декорирование с использованием CSS.
4.5. Позиционирование с помощью CSS элементов страницы.

5. Использование готовых библиотек JavaScript, jQuery.
5.1. Определение jQuery.
5.2. Подсоединение к сайту внешних библиотек.
5.3. Галерея фото (изображений).
5.4. Применение jQuery UI: Tabs, DatePicker, Accordion.

6. Графические программы, создание графики для сайтов.
6.1. Основы работы в Adobe Photoshop, создание документа, трансформация изображений (изменение размеров, поворот), сохранение файлов для web.
6.2. Основные принципы применения программы Dreamweawer для создания web-страниц.

7. Размещение сайта на хостинге. Тестирование.
7.1. Представление о домене и хостинге. Их виды и регистрация.
7.2. Размещение сайта на хостинге (бесплатном).
7.3. Протокол пересылки файлов (FTP).
7.4. Заключительное тестирование готового Web-сайта.

Итоговое занятие, зачет.


Adobe Photoshop


1. Вводная часть
1.1. Предназначение и использование данной системы. Виды изображений и их форматы. Особенности и параметры растровых изображений.
1.2. Отличия данной программы от предыдущих версий.
1.3. Необходимые настройки системы. Образование палитр.
1.4. Открытие изображения и закрытие. Трансформация размеров изображений и размеров канвы. Интерполяция.
1.5. Обрезка изображений.
1.6. Функции отмены действий.
1.7. Рассмотрение способов выделения фрагментов изображений.

2. Технические навыки выделения фрагментов изображения.
2.1. Инструменты для выделения. Управление их параметрами.
2.2. Дополнения, вычитание областей выделения и их пересечение.
2.3. Правила выделения фрагментов сложных форм.
2.4. Изменение выделения с помощью команд Select-Modify, Select-Transform selection и Select-Feather.
2.5. Работа с выделенным фрагментом: задание масштаба, искажение или поворот выделенной зоны.
2.6. Коррекция выделенной зоны, изменение интенсивности и контраста.
2.7. Применение направляющих, линейки и сетки при выделении области.

3. Многослойные изображения, их создание.
3.1. Предназначение слоев.
3.2. Действия со слоями. Способы образования и параметры слоя.
3.3. Палитра Layers, управление слоями с ее помощью.
3.4. Характерные особенности при работе с многослойными изображениями.
3.5. Модификация содержимого слоя. Вязка слоев.
3.6. Образование коллажа.

4. Многослойные изображения, работа со слоями.
4.1. Соединение слоев в комплекты Layer Set.
4.2. Слои текстовые.
4.3. Использование спецэффектов на слоях: имитация рельефа, создание ореола или тени, обводка изображения по контуру.
4.4. Слияние нескольких слоев.

5. Техника и инструменты рисования.
5.1. Инструменты, которые используют при свободном рисовании. Работа кистью, аэрографом, карандашом и ластиком.
5.2. Модели цветов. Подбор цвета для кисти. Библиотеки Pantone.
5.3. Подбор формы кисточки. Включение библиотеки кистей. Образование новой кисти.
5.4. Подбор необходимых параметров кистей. Режимы наложения, непрозрачность. Графический планшет, особенности работы с ним.
5.5. Закраска фрагментов.
5.6. Формирование градиентных переходов.
5.7. Использование фильтров, позволяющих имитировать разные техники рисования.

6. Ретуширование. Техника работы.
6.1. Восстановление деталей и чистка изображения при помощи инструмента «штамп».
6.2. Инструмент «history brush», его применение.
6.3. Применение инструментов для корректировки изображения.
6.4. Использование фильтров для увеличения резкости, размытия, имитирования световых эффектов.

7. Техника выполнения сложного монтажа.
7.1. Общие знания о каналах и их видах. Образование Альфа -каналов и их сохранение.
7.2. Применение маски слоя для высококачественного монтажа.
7.3. Формирование контура обтравок инструментом Path (контур). Применение инструмента в издательской системе.
7.4. Главные операции по коррекции изображений.
7.5. Применение корректировочных слоев для неразрушающей коррекции.

8. Техника коррекции изображения и сканирование.
8.1. Подбор параметров и приемы сканирования. Определение линеатуры растра и разрешающей способности.
8.2. Отличия сканирования прозрачных материалов и непрозрачных. Причины возникновения муара и борьба с ним.
8.3. Подбор параметров коррекции в зависимости от предназначения изображения. Отличия коррекции для интернета или полиграфии. Настройки точек белого и черного, гаммы изображения.
8.4. Применение фильтров по стилизации изображений.
8.5. Реорганизация цветовых моделей. Применение цветоделения.
8.6. Сохранение графических файлов и их форматы.

Собеседование (зачет).