Курс "Web-дизайн для школьников"

Горячая линия 

(044) 486-17-05   /  (063) 288-49-86

(066) 069-28-72   /  (097) 889-12-22

 

Лицензия Министерства ОБРАЗОВАНИЯ И НАУКИ, МОЛОДЕЖИ И СПОРТА УКРАИНЫ Серия АД №073349 от 29.11.2015 г.
Адрес г.Киев, ул.Белорусская, 22, офис 318, график работы пн-пт 10.00-19.00, сб 10.00-14.00

Обратный звонок Наши менеджеры скоро свяжутся с вами
Неверное имя
Неверный телефон
Спасибо. Мы скоро вам перезвоним.

Кол-во ак.ч. 96

Время Режим 2 раза в неделю по 3 ак.часа (2ч 15мин обычного времени). Занятия в дневное время 15.00-17.30 по будним дням, или 1 раз по субботам (двойное занятие)

Срок обучения в группе 3 месяца

Цена 1500,00 грн за 1 месяц, при оплате сразу за курс 10% скидка (4050,00 грн)

По окончании курса выдается свидетельство

 

Программа курса Web-дизайн для школьников

Графика в Adobe Photoshop – 1 месяц

Тема 1. Введение в курс графики
• Что такое графика и кто такие дизайнеры?
• Применение компьютерной графики. Графические редакторы. Векторная и растровая графика.
• Знакомство с программой Adobe PhotoShop. Назначение и состав программы
• Понятие «растровое изображение». Особенности, параметры и форматы растровых изображений.
• Настройка интерфейса программы. Понятие «рабочее пространство» (workspace). Персонализация рабочего пространства.
• Открытие и закрытие файлов.
• Создание нового изображения.
• Способы отмены выполненных действий.
• Кадрирование изображений.

Тема 2. Создание многослойных коллажей.
• Обзор способов выделения областей изображения. Инструменты локального выделения: назначение инструментов, настройка параметров
• Приемы выделения областей сложной формы. Особенности Adobe PhotoShop
• Модификация формы выделения. Дополнение, вычитание и пересечение областей выделения. Растушевка границы области
• Действия с выделенной областью: перемещение, дублирование, масштабирование, поворот, искажение выделенной области
• Зачем нужны слои
• Способы создания слоя. Работа со слоями. Параметры слоя.
• Управление слоями с помощью палитры «Layers».
• Особенности работы с многослойным изображением.
• Сохранение многослойного файла.
• Выделение и связывание нескольких слоев. Трансформация содержимого слоя.
• Операции со слоями.
• Слияние слоев.
Результат занятия - многослойный коллаж из простых объектов.

Тема 4. Макеты с применением текста
• Группировка
• Текстовые слои
• Работа с текстом в Adobe PhotoShop. Растрирование текстового слоя
• Спецэффекты на слоях: создание тени, ореола, имитация рельефа
• Создание монтажа на основе нескольких изображений

Тема 5. Техника рисования в Adobe PhotoShop
• Инструменты свободного рисования. Использование кистей, аэрографа, карандаша, ластика
• Выбор цвета кисти. Цветовые модели. Палитра Swatch.
• Выбор формы кисти. Подключение библиотек кистей. Создание новой кисти
• Выбор параметров кисти. Непрозрачность, режимы наложения.
• Закрашивание областей
• Создание градиентных переходов и узоров (pattern)

Тема 6. Ретушь и коррекция фото.
• Команды тоновой и цветовой коррекции
• Использование корректирующих слоев
• Использование тоновых кривых (Curves)
• Чистка и восстановление деталей изображения с помощью инструментов “Clone Stamp”, “Spot Healing Brush ”, “Healing Brush” и “Patch Tool”. Настройка источников для клонирования
• Использование инструмента “History Brush”
• Удаление локальных цветовых искажений («красные глаза»)
• Использование инструментов коррекции изображения.

Тема 7. Маски для профессиональной работы в Adobe Photoshop.
• Быстрая маска
• Маска слоя. Использование маски слоя для сложного многослойного монтажа
• Заливочные слои
• Маскирование сложных объектов по частям, с сочетанием различных методов
• Отсекающие маски.

Тема 8. Векторные возможности Adobe Photoshop
• Структура векторного контура (кривой Безье)
• Типы векторных объектов, используемых в Photoshop, их назначение
• Использование инструмента Перо (Pen) для вычерчивания контуров
• Описание палитры Path
• Создание и редактирование слоев векторных фигур (Shape Layers)
• Создание составных фигур. Использование стилей слоев применительно к слоям фигур
• Использование контуров для точного выделения объектов. Создание и использование обтравочных контуров (Clipping path)
• Формирование художественных эффектов текста.

Тема 9. Смарт-объекты и фильтры.
• Понятие смарт-объект. Преимущества смарт-объектов
• Фильтры. Размытие
• Фильтры. Шум
• Фильтры художественных эффектов.
• Повышение резкости
• Фильтр liquify

Тема 10. Фреймовая анимация в Adobe Photoshop
• Обзор видов растровых изображений.
• Создание gif-файлов(движущихся картинок)


Графика в Adobe Illustrator – 1 месяц
Тема 1. Введение в векторную графику. Основы работы с программой.
• Программа Adobe Illustrator: состав, особенности, использование в полиграфии и Internet.
• Типы документов в Иллюстраторе. Создание нового документа.
• Настройка программного интерфейса. Сохранение и редактирование рабочего пространства программы.
• Рисование с помощью стандартных объектов (графических примитивов).
• Выделение и преобразование объектов. Инструменты выделения.
• Управление масштабом просмотра объектов. Режимы просмотра документов.
• Перемещение объектов в стопке. Группировка. Выравнивание и распределение.
• Первый логотип.

Тема 2. Упражнения с пером. Типы заливок. Использование направляющих , сеток и меток для точного планирования рисунка.
• Рисование и редактирование объектов произвольной формы.
• Кривые Безье.
• Редактирование формы объектов по точкам. Работа с точками из Control Palette.
• Навыки работы с контурами.
• Упражнения с пером.
• Типы заливок.
• Применение искажающих фильтров к элементам рисунка.
• Использование разметки документа для точного позиционирования рисунка.
• Управление разметкой. Линейки. Направляющие. Сетка.
• «Умные» направляющие. Создание направляющей из объекта.
• Настройка элементов разметки.
• Практическая работа: Рисование логотипов.

Тема 3. Рисование сложных объектов. Использование разметки.
• Использование логических операций для рисования объектов сложной формы.
• Инструменты группы интерактивная заливка
• Соединение контуров объектов. Разделение объектов. Фигурная обрезка.
• Применение искажающих фильтров к элементам рисунка.
• Практическая работа: Рисование узоров.

Тема 4. Работа с цветом. Способы окрашивания объектов.
• Способы окрашивания объектов. Редактирование и подбор цвета.
• Формирование собственного каталога цветов. Использование палитры Color Guide для выбора цвета. Создание групп цветов.
• Создание, применение и редактирование сложных заливок узоров и градиентов.
• Копирование цвета. Способы выделения объектов с одинаковыми атрибутами.
• Применение к объекту градиентной сетки. Ограничения при работе с сетками.
• Система управления цветом в Иллюстраторе. Использование цветовых профилей.
• Практическая работа: Рисование векторного клипарта.

Тема 5. Работа с текстом.
• Способы ввода текста. Инструменты и палитры для работы с текстом.
• Ввод, редактирование и форматирование текста.
• Размещение текста вдоль кривой. Редактирование кривой.
• Создание текстовых блоков. Работа с блочным текстом.
• Связанные блоки. Настройка параметров обтекания объекта текстом.
• Импорт текста из других приложений. Перевод текста в контуры.
• Роль текста в дизайне.
• Практическая работа: Разработка визитки. «Рисуем текстом».

Тема 6. Создание сложных изображений с помощью особых объектов программы.
• Использование кистей для создания сложных обводок. Создание собственной кисти. Редактирование кистей.
• Применение масок для обрезки рисунка. Настройка маски.
• Присвоение объекту нескольких обводок и заливок.
• Эффекты Иллюстратора. Их отличие от фильтров. Графические стили.
• Использование эффектов для рисования трехмерных объектов. Преобразование эффектов. Параметры растрирования эффектов.
• Настройка прозрачности объекта. Режимы наложения цветов. Маска прозрачности.
• Преобразование прозрачности. Предварительный просмотр результатов преобразования.
• Практическая работа: Создание рекламного блока.

Тема 7. Работа с оболочками. Переходы. Ластики.
• Использование оболочек для деформации рисунка. Создание оболочки из объекта. Преобразование оболочки.
• Перетекание объектов. Размещение группы перетекания на траектории. Настройка параметров перетекания.
• Практическая работа: Создание коллажа.
• Размещение объектов на слоях. Настройка параметров слоя. Использование слоев для блокировки частей рисунка.
• Практическая работа: Создание этикетки.

Тема 8. Работа с растровыми изображениями
• Способы переноса растровых рисунков в Иллюстратор. Связанные и внедренные изображения.
• Использование палитры Links для работы с импортированными рисунками.
• Редактирование растровых изображений.
• Маскирование. Применение фильтров к растровой картинке. Тонирование рисунков.
• Трассировка растрового изображения. Настройка параметров трассировки. Создание заготовок для трассировки.
• Использование инструментов Live Paint Bucket и Live Paint Selection для обработки трассированных изображений.
• Практическая работа: Инфографика.
Итоговая работа: Разработка обложки любимой книги.


Программирование и верстка сайта – 1 месяц
Тема 1. Занятие 1. Первый шаг, с которого начинается построение сайта
• Определения с тематикой сайта и целевойй группой. Подбор ключевых слов, названия, мета-тегов, и копирайтинг.
• Зарегистрироваться на yandex.ua и https://accounts.google.com (gmail)
• Подбор ключевых слов для своего сайта – с помощью сервисов http://wordstat.yandex.ua/ и https://adwords.google.ru/KeywordPlanner
• Анализ конкурентов
• Понятие гипертекстовых документов и web-сайтов. Классификации web-сайтов.
• Различные типы web-сайтов, их назначение и использование. Типы гипертекстовых документов (web-страниц), их различия и сходства.
• Размещение и хранение web-страницы и сайты. Понятие web-сервера и принципы его работы с пользователем.
• Разработка структуры и этапы построения web-сайта.
• Начинаем разработку макета сайта в программе Photoshop.

Тема 2. Макет сайта.
Понятие о «пиксельном» размере документа.
Разметка будущего сайта.
Используя ранее полученные знания создаем визуальный макет сайта для различных гаджетов.

Тема 3. HTML5 основы.
• Первые шаги в HTML5. Первые тэги в «Блокноте»
• Что такое тег? Типы тегов. Теги - header, nav, section, article,aside,footer и др... Правила оформления HTML5-документа
• Введение в Sublime Text 3. Изучение интерфейса и рабочего пространства Sublime Text 3
• Установка плагинов
• HTML5 структура страницы
• Что такое тег? Типы тегов. Теги - header, nav, section, article,aside,footer и др... Правила оформления HTML5-документа

Тема 4. СSS3 основы.
• Использование CSS3 на веб-страницах, способы задания стилей и оформления отдельных элементов.
• Виды CSS - внутренние стили глобальные или встроенные внешние или связанные
• Определение классов и идентификаторов
• CSS-селекторы
• Создание и управление таблицами стилей в программе Sublime Text 3.

Тема 5. Верстка страниц. Горизонтальные и вертикальные CSS меню
• Верстка web-страниц со стандартными элементами - шапка, навигация, содержание и подвал.
• Создание меню с помощью маркированных списков.
• Определение float для позиционирования элементов меню.
• Сознание веб страничек и связей между ними.
• Работа с текстом
• Гиперссылки
• Точное размещение блочных элементов HTML-разметки в окне браузера: размеры блока, абсолютные и относительные координаты.

Тема 6. Сценарии в HTML, язык JavaScript.
• Внедрение сценариев в HTML документ
• Переменные и типы данных
• Написание первого сценария – таблицы умножения
• Условные операторы
• Операторы циклов
• Оператор обработки исключений
• Использование циклов
• Создание фотогаллерей
• Описание и вызов функций
• Аргументы функций
• Возврат значений
• Область видимости переменных
• Рекурсивный вызов функций
• Использование функций
• Объекты JavaScript
• Объекты типов данных
• Использование объектов
Финал: готовый сайт запускаем в сеть.

По окончании курса выпускник сможет создавать и поддерживать разнообразные Интернет-сайты, освоит компьютерную графику, научится оформлять веб-страницы с использованием CSS, языка программирования Java Script и языка разметки HTML.

Популярные курсы 

 

#fc3424 #5835a1 #1975f2 #2fc86b #f_syc9 #eef77 #020614063440