Школа дизайна - Курсы веб
Консультации:
(044) 331-02-06,
(044) 332-41-62,
(093) 53-22-106,
(098) 087-31-41,
(095) 527-00-70
г.Киев, ул.Патриарха М.Скрипника, 58. м."Вокзальная"
             С 1995 года  в сфере образования
О компании
Скидки и акции
Отзывы
Онлайн консультации
Статьи
Контакты
Позвоните мне
Ошибка доступа к серверу.
Попробуйте позже.
Неправильно введены данные.
Исправьте и попробуйте еще раз
Ваш запрос успешно отправлен.
Введите Ваше имя
Введите курс обучения
Введите номер телефона
Введите число
с картинки*:
Введите число
* обязательные для заполнения поля
Онлайн консультации по Skype
Главная /   Школа дизайна /   Курсы Web-дизайнер-программист


Курсы Веб

Курс Web-дизайнер-программист

172 ак часа (43 занятия по 4 ак часа, 1 ак час = 45 мин).  Продолжительность: от 5,5 до 6 месяцев. 3-5 раз в неделю (по выбору). Можно подстроить под свой график работы.

Время обучения в группе (на выбор):

  • дневные  группы с 9:00 до 12:00; с 12:00 до 15:00, с 15:00 до 18:00.
  • вечерние группы с 18:30 до 21:30.

Стоимость обучения:

  • 10 320 грн. (при оплате в рассрочку - за каждые 12 занятий - 2880 грн),
  • 9 288 грн.  (при оплате за весь курс (предоплата) - скидка 15% - (экономия 1032 грн) 

Аудитория курса Web-дизайнер-программист состоит из:

  • 70% слушателей, которые хотят стать профессиональными веб-дизайнерами-программистами;
  • 30% слушателей, которые планируют открыть свою студию или работать на себя (фрилансеры).

По окончанию курса Вы будете уметь:

  • Создавать web-страницы, содержащие все необходимые компоненты: текстовое наполнение, гиперссылки, графическое наполнение;
  • Самостоятельно создавать полноценный сайт путем определения иерархии взаимодействия web-страниц между собой;
  • Грамотно разрабатывать интерактивные формы для взаимодействия пользователя с web-сервером;
  • Эффективно использовать возможности каскадных таблиц стилей CSS для повышения функциональности и улучшения оформления web-сайта;
  • Использовать технологию фреймов;
  • Правильно подходить к вопросам создания дизайна сайта;
  • Защищать свой дизайн;
  • Создавать и кодировать макет;
  • Адаптировать дизайн для мобильных устройств;
  • Ориентироваться в интерфейсе программы;
  • В Adobe Illustrator cоздавать иллюстрации с помощью базовых объектов и инструментов рисования;
  • Эффективно использовать слои для оптимизации работы;
  • Грамотно применять и оформлять текст;
  • Выбирать цветовое оформление для рисунка;
  • Правильно сохранять файлы для WEB-страниц;
  • Самостоятельно работать с программой Adobe Photoshop CS6/CC;
  • Выполнять глобальную и локальную коррекцию изображения, в том числе с использованием цифровых данных;
  • Изменять основные параметры изображения и выполнять обрезку;
  • Использовать слои при создании коллажа и фотомонтажа;
  • Убирать дефекты изображения: пыль, царапины, «красные глаза» и т.д., выполнять ретушь изображения;
  • Использовать инструменты рисования для создания новых иллюстраций;
  • Применять спецэффекты для повышения выразительности изображения;
  • Выполнять сканирование изображения, устранять муар;
  • Проектировать удобные и конкурентоспособные сайты;
  • Улучшать пользовательские характеристики уже существующих сайтов.

После окончания обучения выдается диплом и заявки на работу. 

Программа обучения

 

Структура программы обучения:

В программу входят следующие дисциплины:

  • Робота в системе Adobe Photoshop
  • Работа в системе Adоbe Illustrator
  • Создание сайтов на HTML 5 и СSS 3, кроссбраузерная верстка, юзабилити
  • Веб - дизайн разработка и оформление сайтов
  • Основы веб-программирования, использование библиотеки jQuery
  • PHP. Основы создания сайтов
  • MYSQL 5. Проектирование и и создание баз данных для web
  • Web-мастеринг. Серверное web - программирование
  • Основы дизайна
  • Технология и психология трудоустройства
  • Психология влияния

Программа обучения:

Робота в системе Adobe Photoshop:

Введение

  • Назначение и состав Adobe Creative Cloud. Варианты подписки Adobe PhotoShop.
  • Понятие «растровое изображение». Особенности, параметры и форматы растровых изображений
  • Порядок использования графического планшета: обзор планшетов (виды), отличия любительского и профессионального планшетов, особенности использования в программе Adobe PhotoShop
  • Настройка интерфейса программы. Понятие «рабочее пространство» (workspace). Персонализация рабочего пространства
  • Создание нового изображения
  • Открытие и закрытие файлов.
  • Изменение основных параметров изображений
  • Обрез изображений
  • Сохранение для Web

Техника выделения областей изображения

  • Обзор способов выделения областей изображения. Инструменты локального выделения: назначение инструментов, настройка параметров
  • Приемы выделения областей сложной формы. Особенности Adobe PhotoShop
  • Модификация формы выделения. Дополнение, вычитание и пересечение областей выделения. Растушевка границы области
  • Особенности использования Refine Edge
  • Действия с выделенной областью: перемещение, дублирование, масштабирование, поворот, искажение выделенной области

Создание многослойного изображения

  • Зачем нужны слои
  • Способы создания слоя. Работа со слоями. Параметры слоя
  • Управление слоями с помощью палитры «Layers»
  • Особенности работы с многослойным изображением
  • Сохранение многослойного файла
  • Выделение и связывание нескольких слоев.
  • Различные виды трансформаций содержимого слоя (Free Transform, Content-Aware, Puppet Warp)

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

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

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

  • Инструменты свободного рисования. Использование кистей, аэрографа, карандаша, ластика
  • Выбор цвета кисти. Палитра Color picker
  • Выбор формы кисти. Настройка кисти. Подключение библиотек кистей. Создание новой кисти
  • Выбор параметров кисти. Непрозрачность, режимы наложения.
  • Закраска областей
  • Виды градиентных переходов, особенности. Создание и сохранение новых градиентных переходов

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

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

Выполнение сложного монтажа

  • Общие сведения о каналах. Виды каналов. Создание и сохранение альфа-каналов
  • Быстрая маска
  • Функции различных видов вставки файлов (Place Embedded, Linked)
  • Использование Creative Cloud Libraries
  • Использование маски слоя для сложного неразрушающего монтажа (особенности, принципы, возможности)
  • Выполнение практической работы

Работа с альфа-каналами и масками слоев. Выделение сложных объектов. Работа с масками на профессиональном уровне. Использование отсекающих слоев

  • Использование альфа-каналов для выделения объектов и хранения выделенных областей
  • Использование масок слоев для сложного фотомонтажа. Возможность контроля размера и мягкости границ объектов
  • Маскирование сложных объектов по частям, с сочетанием различных методов
  • Создание и практическое использование отсекающих слоев
  • Выполнение практической работы

 Векторные возможности Adobe Photoshop

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

 Векторные возможности Adobe Photoshop. Профессиональная работа с текстом

  • Использование контуров для точного выделения объектов. Создание, сохранение и использование обтравочных контуров (Clipping path)
  • Создание и использование векторных масок, их особенности
  • Обзор форматов файлов, поддерживающих сохранение векторных объектов
  • Импортирование векторных файлов. Вставка в документ Photoshop векторных объектов
  • Работа с текстом, создание текстовых блоков, применение искажений текста, преобразования текста

Тоновая и цветовая коррекция изображений

  • Подготовка к цветокоррекции
  • Общие положения
  • Идентификация оттенков
  • Гистограмма уровней яркости
  • Команды тоновой и цветовой коррекции
  • Команды «быстрой» коррекции
  • Использование тоновых кривых (Curves)

Тонирование и обесцвечивание изображений. Корректирующие слои

  • Формирование высококачественных Grayscale-изображений
  • Способы тонирования изображений
  • Заливочные слои

 Корректирующие слои и фильтры. Методы создания рельефных поверхностей и повторяющихся узоров

  • Использование корректирующих слоев для неразрушающей коррекции
  • Стандартные фильтры – Filter Gallery, Render, Stylize, Distort
  • Имитация рельефных поверхностей
  • Паттерны (повторяющиеся узоры). Создание бесшовных узоров
  • Smart Filters

Особенности обработки цифровых фотографий

  • Открытие и коррекция фотографий в формате Camera Raw
  • Работа с изображениями повышенной цветности (HDR)
  • Коррекция искажений объектива (Lens Correction)
  • Подавление цифрового шума
  • Средства повышения резкости изображений (Unsharp Mask, Smart Sharpen, ShakeReduction)

Работа в системе Adоbe Illustrator:

p>Введение в компьютерную графику. Основы работы с программой

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

Использование слоев для работы со сложными рисунками. Свободное рисование

  • Размещение объектов на слоях. Настройка параметров слоя. Использование слоев для блокировки частей рисунка.
  • Перемещение объектов между слоями. Шаблонные слои. Слияние слоев. Изолированный режим.
  • Рисование и редактирование объектов произвольной формы.
  • Кривые Безье.
  • Редактирование формы объектов по точкам. Работа с точками из Control Palette.
  • Практическая работа.

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

  • Использование логических операций для рисования объектов сложной формы.
  • Соединение и разделение объектов. Фигурная обрезка.
  • Применение искажающих фильтров к элементам рисунка.
  • Перспективное, свободное и пропорциональное искажения с помощью виджетов инструмента Free Transform Tool.
  • Использование разметки документа для точного позиционирования рисунка.
  • Управление разметкой. Линейки. Направляющие. Сетка.
  • «Умные» направляющие. Создание направляющей из объекта.
  • Настройка элементов разметки.
  • Практическая работа.

Работа с цветом. Способы окрашивания объектов

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

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

  • Способы ввода текста. Инструменты и палитры для работы с текстом.
  • Touch Type tool - управление параметрами одной буквы текстового объекта.
  • Ввод, редактирование и форматирование текста.
  • Использование расширенного фильтра Font Search Illustrator CC для поиска подходящего шрифта - по стилю, семейству шрифта.
  • Размещение текста вдоль кривой. Редактирование кривой.
  • Создание текстовых блоков. Работа с блочным текстом.
  • Связанные блоки. Настройка параметров обтекания объекта текстом.
  • Импорт текста из других приложений. Перевод текста в контуры.
  • Роль текста в дизайне.
  • Практическая работа: Создание печатей, штампов. Разработка визитки

Эффекты программы. Работа с прозрачными объектами

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

Создание сложных изображений с помощью особых объектов программы

  • Использование кистей для создания сложных обводок. Создание собственной кисти. Редактирование кистей.
  • Использование растровой графики форматов JPEG, PNG, TIFF или PSD для создания кистей в Adobe Illustrator CC.
  • Создание угловой плитки для Pattern Brush.
  • Использование графического планшета в Adobe Illustrator. Виды планшетов
  • Использование оболочек для деформации рисунка. Создание оболочки из объекта. Преобразование оболочки.
  • Перетекание объектов. Размещение группы перетекания на траектории. Настройка параметров перетекания.
  • Работа с символами. Создание и редактирование рисунка из символов.
  • Применение масок для обрезки рисунка. Настройка маски.
  • Практическая работа.

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

  • Импортирование одновременно нескольких изображений с помощью Multiply File Place.
  • Форматы JPEG, PNG, TIFF, PSD.
  • Трассировка растрового изображения.
  • Маска обрезки.
  • Практическая работа.

Оптимизация работы в программе

  • Использование множественных пространств (artboards) для многоцелевого дизайна. Применение символов для унификации
  • Оптимизация документа. Использование палитры Document Info для просмотра состава и параметров рисунка.
  • Преобразование сложных объектов.
  • "Чистка" документа. Уничтожение невидимых контуров и посторонних объектов.
  • Практическая работа.

Сохранение и печать документа

  • Выбор оптимального формата для сохранения документа. Обзор наиболее популярных форматов для печати и Internet.
  • Подготовка документа к печати. Настройки печати.
  • Настройка параметров композитной печати.
  • Итоговая работа: Контрольное тестирование по программе Иллюстратор

Создание сайтов на HTML 5 и СSS 3, кроссбраузерная верстка, юзабилити:

Введение и основные понятия на курсах веб

  • Как это работает? Что такое web-сервер, web-сайт, web-страница
  • Цели и задачи языка HTML
  • HTML-разметка. Элементы
  • Структура HTML-документа:
  • Использование комментариев
  • Базовые элементы разметки:
  • Атрибуты элементов
  • Специальные символы
  • Лабораторная работа по теме 

Анатомия страницы на курсах веб

  • Понимаем, как мы пишем: синтаксис HTML
  • Элементы форматирования текста
  • Понимаем, что мы пишем: семантика элементов
  • Валидация HTML-документа
  • Структурные элементы разметки
  • Лабораторные работы по теме

Гиперссылки

  • Понятие гиперссылок в WWW
  • Внешние и внутренние гиперссылки
  • Типы адресов в WWW
  • Дополнительные атрибуты гиперссылок
  • Лабораторная работа по теме

CSS. Каскадные таблицы стилей: основные свойства

  • Основные понятия CSS
  • Способы определения стилей
  • Каскадирование и наследование
  • Единицы измерения в CSS
  • Основные типы селекторов
  • Псевдоклассы и псевдоэлементы
  • Свойства шрифтов
  • Свойства текста
  • Свойства цвета и фона
  • Лабораторные работы по теме

Использование изображений на странице

  • Типы изображений используемые в WWW
  • Вставка изображений на страницу
  • Атрибуты элемента img
  • Лабораторная работа по теме

Структурирование информации при помощи списков

  • Неупорядоченный список
  • Упорядоченный список
  • Список определений
  • CSS свойства для списков
  • Лабораторная работа по теме

Представление табличных данных при помощи таблицы

  • Основные элементы таблицы
  • CSS свойства элементов таблиц
  • Объединение ячеек таблицы
  • Дополнительные элементы таблицы
  • Лабораторная работа по теме

Передача пользовательских данных при помощи формы

  • Что такое веб-формы?
  • Элемент form и его атрибуты
  • Элементы формы: текстовые поля и кнопки
  • Элементы формы: элементы выбора
  • Дополнительные атрибуты элементов формы
  • Лабораторная работа по теме

Использование CSS для макетирования

  • Оформление границ элемента
  • Внутренние отступы элемента
  • Наружные отступы элемента
  • Размеры элемента
  • Плавающие элементы
  • Видимость элемента
  • Лабораторные работы по теме

Дополнительные возможности HTML и CSS

  • Практическая работа для закрепления изученных тем
  • Стили для различных типов носителей
  • Свойства курсора
  • Встраивание аудио- и видео-файлов
  • Лабораторные работы по теме

Мета-информация на странице

  • Использование мета-информации
  • Элемент meta и его атрибуты
  • Поясняющая мета-информация
  • Мета-информация для роботов
  • Эмуляция заголовков ответа сервера

Выбор хостинга и поддержка сайта

  • Понятие хостинга
  • Поиск хостера
  • Услуги хостера
  • Использование FTP-клиента
  • Доступ к ftp-серверу через проводник Windows

Методологии верстки

  • Методология Яндекс.БЭМ
  • Методология ООCSS
  • Принципы оформления кода

Препроцессоры и язык разметки HAML

  • Язык разметки HAML
  • Препроцессор SCSS
  • Препроцессор LESS
  • Препроцессор Stylus

Компонентная модель верстки

  • Знакомство с WebComponents
  • Компонентный Веб
  • Google Polymer
  • Импорт HTML-файлов

Макетирование страниц с применением модели гибких блоков

  • Верстка страницы с применением Flexible Box Layout

CSS-фреймворки

  • Bootstrap
  • Foundation

3D и современные методы создания сайтов

  • Parallax-эффект
  • 3D-эффекты на страницах

 

Кроссбраузерная верстка: 

Веб-стандарты и их поддержка на курсах

  • Стандарты W3C. Документация.
  • DOCTYPE.
  • Стандарт Unicode. Кодировки Unicode. Поддержка Unicode в различных браузерах.
  • Протокол HTTP.

Элементы и атрибуты HTML5 и структура страницы

  • Секции, выноски, статьи, навигационные, «шапка», «подвал».
  • Элементы форм и их атрибуты.

Эффективное использование инструментов разработки веб-страниц

  • Инструментарий разработчика:, FTP-клиенты, текстовые редакторы, графические редакторы, вспомогательные программы. Web Developer, Mozilla Firebug, Zen Coding/Emmet, IE WebDeveloper.
  • Составление и анализ требований к вёрстке веб-страниц. Проектирование макетов. Тестирование веб-страниц: просмотр в различных браузерах, проверка валидатором, просмотр при различной ширине окна браузера и различных размерах шрифта. Контроль качества веб страниц.
  • Практическая работа: построение структуры страницы с использованием вспомогательных программ.

Селекторы в HTML5

  • Селекторы перешедшие из HTML4/xHTML.
  • Псевдоклассы/псевдоэлементы. Контекстные селекторы. Новые селекторы в HTML.
  • Ролловеры, спрайты.
  • Практическая работа: использование специфических селекторов при верстке страницы.

Введение в построение удобных для использования сайтов (usability) и доступность (accessibility) сайтов

  • Практичность (usability) сайтов. Цели и задачи пользователей. Общие принципы разработки интерфейсов в применении к сайтам. Психологические аспекты взаимодействия пользователя с сайтом. Тестирование практичности.
  • Доступность (accessibility) сайтов. Обзор различных технических устройств для просмотра сайтов. Технические аспекты взаимодействия пользователя с сайтом. Ограниченные возможности пользователей

Продвинутые технологии HTML и CSS

  • Относительное и абсолютное позиционирование. Поведение дочерних элементов при позиционировании. Порядок наложения: свойство z-index. Примеры позиционирования: наложение блоков, закрепление "подвала" внизу страницы. Обрезка блока: свойство clip. Фиксированное позиционирование. Свойство display.
  • Переполнение блока: свойство overflow. Особенности поддержки overflow в разных браузерах. Создание "фреймообразной" вёрстки с использованием overflow. Расширения IE: свойства overflow-x и overflow-y.
  • Внедрение внешних ресурсов: элемент object. Внедрение файлов HTML, создание "фреймообразной" вёрстки с использованием object. Внедрение роликов Flash в соответствии со стандартами Консорциума W3C. Внедрение векторной графики (SVG); предоставление альтернативного растрового изображения браузерам, которые не поддерживают этот формат.
  • Пиктограмма сайта (favicon). Формат ICO. Особенности поддержки пиктограммы в различных браузерах.
  • Практическая работа: использование на практике CSS-свойств позиционирования, отображения и др.

Совместимость веб-страниц с различными браузерами

  • Условные комментарии.
  • Скрипты для поддержки селекторов и изменения поведения старых браузеров.
  • Программы эмуляторы старых версий IE.
  • Фильтры.
  • Практическая работа: использование кроссбраузерной верстки

Использование свойств CSS2 и CSS3

  • Градиенты, анимация, трансформация (2D и 3D), переходы
  • Медиа-запросы (построение мобильных версий сайтов, адаптивная верстка)
  • @font-face (веб-шрифты), текстовые эффекты,
  • Многоколоночная верстка,
  • Работа с фоном (+градиенты)
  • Закругление углов, модель Flex-блоков.
  • Определение технологий, поддерживаемых браузером.
  • Практическая работа: построение выпадающего меню средствами HTML5 и CSS3

Верстка макета

  • Принципы нарезки макета из psd-файла.
  • Выбор размеров и вариантов верстки.
  • Верстка.
  • Практическая работа: нарезка макета страницы
  • Практическая работа: верстка страницы по заданному макету.

Веб - дизайн разработка и оформление сайтов:

Введение в профессию

  • Задачи веб-дизайнера, его место и роль в создании веб-сайта
  • Особенности работы в команде и фрилансе
  • Постановка задачи для веб-дизайнера
  • Современные направления в дизайне, принцип "mobile first" и другие
  • Анализ аудитории сайта
  • Основные принципы восприятия информации на веб-сайте пользователями
  • Анализ конкурентов, способы анализа и сбора информации
  • Описание информационной архитектуры сайта
  • Структура страницы сайта, типы сайтов
  • Создание прототипов страниц сайта. Стандартные элементы сайта, способы прототипирования

Маркетинг и структура Landing page

  • Варианты создания лендингов (SAAS решения, HTML-шаблоны, бесплатные фреймворки)
  • Уникальное торговое предложение при создании лендинга
  • Эффективная продающая структура лендинга
  • Инструменты привлечения обращений и повышения конверсий

Технологии для создания Landing page

  • Установка и настройка фреймворка
  • Создание адаптивной структуры лендинга для мобильных устройств
  • HTML-верстка дизайн-макета лендинга
  • Установка и настройка обработчика форм обратной связи

Продвижение и аналитика Landing page

  • Внутренняя SEO-оптимизации лендинга
  • Установка аналитики, настройка целей по событиям
  • Технология А/Б тестирования Landing page
  • Обзор рекламных сервисов для продвижения лендинга
  • Различные варианты оплаты рекламных сервисов (CPC, CPO, CPM, CPA модели)

Визуальное оформление веб-сайта

  • Стили дизайна: тенденции развития
  • Виды макетов: фиксированный, резиновый, адаптивный, отзывчивый
  • Сетки дизайна
  • Современные принципы дизайна: Google Material Design и другие
  • Использование текстовой и графической информации, вопросы легального использования. Полезные ресурсы
  • Цветовое и стилевое решение
  • Вопросы типографики, выбор шрифтов
  • Создание макета страницы в Adobe PhotoShop (или другой графической программе), приемы работы с разметкой макета и векторной графикой. Способы повышения эффективности работы
  • Использование иконок, пиктограмм, фонов
  • Создание разных версий страницы с учетом требований адаптивного дизайна
  • Защита своего дизайна: аргументы и факты 

Интернет-магазины:

  • Разработка структуры будущего сайта.
  • Прототипирование
  • Создание  страниц (корзины, карточки товара и т.д)
  • Дизайн  интернет-магазина
  • Всплывающие окна 

Мобильная версия сайта:

  • Адаптация макета лендинга под мобильные устройства
  • Адаптация макета интернет-магазина под мобильныее устройства
  • Адаптация корпоративного сайта или сайта-визитки под мобильные устройства

Корпоративный сайт: 

  • Прототипирование.
  • Создание прототипа корпоративного сайта в соответствии с существующим корпоративным стилем

Верстка макета в школе веб дизайна

  • Кодирование макета
  • Способы кодирования типовых элементов макета
  • Представление растровой и векторной информации. Выбор типов файлов и разрешений. Особенности представления векторной графики, использование формата SVG, полезные ресурсы и программы
  • Использование CSS-спрайтов для оптимизации загрузки страницы
  • Создание мобильной версии

Как сделать ещё лучше!

  • Использование CSS-эффектов для "оживления" страницы
  • Видео на сайте: варианты и особенности применения
  • Анимации и микровзаимодействия (microinteraction) на сайте, способы их создания и применения
  • Применение скриптов (javascript)
  • Вопросы использования движков и конструкторов сайтов. Проблемы, которые встают в этом случае перед веб-дизайнером
  • Рекомендации, как не остаться в стороне от прогресса, новые технологии и новые перспективы 

Основы веб-программирования, использование библиотеки jQuery:

 Основы программирования

  • Введение в JavaScript (ECMAScript-262)
  • Обзор базовых типов
  • Операторы
  • Выражения и инструкции
  • Переменные и константы
  • Манипуляции с базовыми типами
  • Тривиальные типы

 Управляющие конструкции

  • Цикл while
  • Операторы инкремента и декремента
  • Цикл for
  • Цикл do while
  • Управляющие конструкции if – else if – else
  • Прерывание и продолжение цикла
  • Управляющая конструкция switch
  • Практикум: Практическое применение управляющих конструкций в JavaScript

 Функции

  • Понятие функций
  • Декларация функций
  • Аргументы функции
  • Возврат значений
  • Области видимости
  • Функция-выражение
  • Анонимная функция
  • Практикум: Использование функций при процедурном подходе в программировании

Объектные типы

  • Объектный тип: Объект (Object)
  • Свойства объекта
  • Методы объекта
  • Объектный тип: Массив (Array)
  • Свойство и методы функций
  • Практикум: Использование объектных типов в JavaScript

Объектно-ориентированное программирование

  • Конструкторы объектов
  • Прототипы
  • Классы
  • Практикум: Применение объектно-ориентированного подхода в программировании

Объектная модель браузера

  • Объектная модель браузера
  • Объект Window
  • Объект Navigator
  • Объект Screen
  • Объект History
  • Объект Location
  • Объект Document
  • HTML-коллекции
  • Практикум: Практическое использование объектов браузера

Использование элементов HTML

  • Свойства и методы элемента Form
  • Свойства и методы элемента Input
  • Свойства и методы элемента TextArea
  • Свойства и методы элемента Select
  • Свойства и методы элемента Option
  • Свойства и методы элемента Image
  • Свойства и методы элемента Table
  • Практикум: Практическое использование элементов HTML

Объектная модель документа: DOM

  • Document Object Model (DOM)
  • Типы узлов
  • Связи между объектами
  • Свойства и методы интерфейса Node
  • Свойства и методы интерфейса Element
  • Свойства и методы интерфейса Document
  • Нестандартные свойства и методы HTML-элементов
  • Свойства и методы коллекции styleSheets
  • Практикум: Использование объектной модели документа

События и их обработка

  • Список событий
  • Модели событий
  • Назначение обработчиков событий
  • Работа с обработчиками событий
  • Получение ссылки на событие
  • Отмена действий по умолчанию
  • Кроссбраузерные свойства события
  • Получение ссылки на элемент
  • Использование фазы всплытия событий
  • Отмена всплытия события
  • Практикум: Использование разных моделей событий

JavaScript. Использование библиотеки jQuery

Введение в jQuery

  • Использование текстовых редакторов
  • Использование javascript-консоли в браузерах
  • Введение в jQuery
  • API jQuery
  • Выборка в jQuery
  • Фильтрация
  • DOM: отношения элементов
  • Работа с элементами веб-формы
  • Лабораторная работа

События и манипуляции с элементами

  • События jQuery
  • Обработка событий
  • Объект Event
  • Отмена событий
  • Добавление элементов
  • Манипуляции с элементами
  • Делегирование событий
  • Лабораторные работы

Анимация в jQuery

  • Базовые эффекты
  • Управление эффектами
  • Метод animate()
  • Исследование анимации
  • Полезный метод grep()
  • Лабораторные работа

Практическая работа с jQuery

  • Создание кода плавного показа картинок
  • Оптимизация кода
  • Создание шаблонизатора
  • Использование шаблонизатора Handlebars

PHP. Основы создания сайтов:

Установка/настройка веб-сервера и PHP

  • Вопросы, на которые надо ответить
  • Как это работает?
  • Установка веб-сервера
  • Настройка веб-сервера
  • Установка PHP
  • Настройка PHP
  • Первый скрипт на PHP

Основы PHP

  • Синтаксис
  • Операторы
  • Переменные
  • Константы
  • Типы
  • Управляющие конструкции
  • Лабораторные работы по теме

Управляющие конструкции: циклы

  • Операторы инкремента/декремента
  • Цикл for
  • Цикл while
  • Цикл do-while
  • Итерирование массива
  • Цикл foreach
  • Лабораторные работы по теме

Пользовательские функции

  • Описание функции
  • Вызов функции
  • Аргументы функции
  • Аргументы функции по умолчанию
  • Область видимости переменных
  • Статические переменные
  • Возврат значений
  • Уточнение типа
  • Лабораторные работы по теме

Что внутри PHP?

  • Документация PHP
  • Обзор встроенных функций
  • Встроенные константы и псевдоконстанты
  • Суперглобальные переменные
  • Функции подключения файлов
  • Лабораторная работа по теме

Изучаем HTTP: формы

  • Стандарт HTTP/1.1
  • Заголовки запроса и ответа
  • Статус сервера
  • Доступ к заголовкам запроса – переменные окружения сервера
  • Работа с веб-формами
  • HTTP-методы запросов
  • Проверка передаваемых значений
  • Лабораторная работа по теме
  • Финальная практическая работа

Разработка web - сайтов и взаимодействие с MySQL

Cookie

  • Что такое Cookie?
  • Параметры cookie
  • Типы cookie
  • Временные
  • Постоянные
  • Создание cookie
  • Чтение cookie
  • Удаление cookie
  • Сохранение массивов в cookie
  • Лабораторная работа по теме

HTTP-заголовки ответа сервера

  • Метод HEAD
  • Заголовки ответа сервера
  • Переадресация (Location)
  • Перезапрос ресурса (Refresh)
  • Установка типа содержимого (Content-Type)
  • Управление кэшированием (Cache-Control, Expires)
  • Буферизация

Сессии

  • Что такое сессия?
  • Создание сессии
  • Чтение сессии
  • Удаление сессии
  • Параметры сессии
  • Лабораторная работа по теме

Работа с файловой системой

  • Функции для работы с файлами
  • Режимы работы
  • Чтение и запись
  • Работа с курсором
  • Прямая работа с файлами
  • Запирание файлов
  • Функции для работы с директориями
  • Загрузка файлов на сервер по HTTP
  • Лабораторная работа по теме

Основы работы с базами данных

  • Общие сведения о базах данных
  • Требования к структуре базы данных
  • Реляционная СУБД
  • Нормализация
  • Общие сведения о SQL
  • Выборка записей
  • Вставка записи
  • Удаление записи
  • Изменение записи
  • Создание базы данных и таблицы

Сервер баз данных MySQL

  • Общие сведения о сервере баз данных MySQL
  • Установка сервера баз данных MySQL
  • Конфигурация сервера баз данных MySQL
  • Программы для работы с сервером баз данных MySQL
  • Использование утилит командной строки
  • Экспорт и импорт баз данных
  • Лабораторная работа по теме

Использование сервера баз данных MySQL в приложениях PHP

  • Расширение MySQLi
  • Соединение с сервером баз данных MySQL
  • Выбор базы данных
  • Исполнение запроса
  • Получение результата запроса
  • Полезные функции
  • Опасность SQL-иньекций
  • Подготовленные запросы
  • Лабораторная работа по теме

Практическая работа: создание интернет-магазина

  • Создание базы данных
  • Создание каталога товаров
  • Выборка товаров из каталога
  • Создание корзины пользователя
  • Выборка товаров из корзины пользователя
  • Удаление товаров из корзины пользователя
  • Формирование заказа
  • Выборка заказов
  • Повышение безопасности (если останется время)
     

Профессиональная разработка на PHP 7

Объектно-ориентированное программирование на PHP

  • Классы
  • Свойства и методы
  • Конструкторы и деструкторы
  • Клонирование объектов
  • Наследование
  • Перегрузка методов
  • Методы доступа к свойствам и методам
  • Обработка исключений
  • Константы класса
  • Абстрактные классы и методы
  • Интерфейсы
  • Финальные классы и методы
  • Статические свойства и методы класса
  • "Магические методы"
  • Уточнение типа (type-hint)
  • Типажи (traits)
  • Другие полезные мелочи
  • Лабораторные работы по теме

  Практическое использование ООП с базой данных SQLite

  • Введение в SQLite
  • Преимущества и ограничения SQLite
  • Особенности SQLite
  • Выполнение основных операций работы с SQLite
  • Создание базы и таблиц
  • Вставка, обновление, удаление записей
  • Выборка данных
  • Лабораторные работы по теме

PHP и XML

  • Введение в XML
  • Обзор возможностей по работе PHP с технологией XML
  • SAX
  • DOM
  • SimpleXML
  • Обзор XSL/T
  • Преобразование данных на сервере
  • Лабораторные работы по теме

PHP и XML Web-services

  • Введение в XML Web-services
  • Обзор RPC
  • Обзор SOAP
  • Использование расширения SOAP
  • Использование WSDL
  • Обзор XML-RPC
  • Использование расширения XML-RPC
  • Использование контекста потока
  • Лабораторная работа по теме

  Сокеты и сетевые функции

  • Соединение с удаленными узлами через сокеты
  • Сетевые функции

  Работа с графикой

  • Введение в графические форматы
  • Вопросы генерации графики на PHP 5
  • Использование расширения GD2
  • Базовые функции для работы с графикой

MYSQL 5. Проектирование и и создание баз данных для web:

Установка и запуск сервера MySQL 5.x в качестве службы

  • Описание особенностей и преимуществ MySQL
  • Установка сервера MySQL 5.x
  • Лабораторная работа: Установка сервера MySQL 5.x
  • Описание архитектуры MySQL
  • Программы и утилиты для работы с сервером (включая графический интерфейс пользователя (GUI) для выполнения запросов и получения результатов)
  • Лабораторная работа: Установка пакета Workbench 5.2.x для моделирования БД, разработки и администрирования сервера MySQL
  • Команды консоли сервера, операторы SHOW, USE
  • Использование базы данных INFORMATION_SCHEMA для получения информации о метаданных
  • Лабораторная работа: Работа с консолью сервера MySQL 5.x
  • Домашнее задание

Проектирование реляционной базы данных

  • Проектирование базы данных
  • Основные типы данных в MySQL 5.x и оптимальный выбор типа для хранения своих данных
  • Практическая работа: выбор типа данных для хранения информации
  • Нормализация базы данных, ключи, ключевые атрибуты
  • Зависимости и отношения между сущностями в БД
  • Использование пакета Workbench 5.2.x при проектировании БД
  • Лабораторная работа: Моделирование и нормализация простой БД (включая физическое проектирование)
  • Домашнее задание. Тестирование (5 мин)

Синтаксис выражений SQL для определения структуры данных

  • Выражения SQL, операторы определения структуры данных
  • Лабораторная работа: создание БД на сервере MySQL 5.x
  • Индексов и ограничений. Добавление и удаление индексов из таблицы
  • Лабораторная работа: создание отношений между таблицами БД
  • Выражения (операторы) манипулирования данными
  • Лабораторная работа: наполнение БД из внешних файлов
  • Домашнее задание. Тестирование (10 мин)

Выражения SQL: манипулирование данными

  • Оператор SELECT и выборка данных
  • Предикаты (клаузулы) WHERE, ORDER
  • Агрегирующие функции (агрегаты)
  • Ограничение выборки
  • Лабораторная работа: Выборка данных с агрегацией значений
  • Группировка данных
  • Предикат HAVING
  • Лабораторная работа: Выборка данных с группировкой
  • Объединение таблиц
  • Лабораторная работа: Внутреннее объединение таблиц

Объединение запросов и манипулирование данными

  • Объединение запросов (UNION)
  • Использование подзапросов и множеств значений
  • Лабораторная работа: Построение и использование объединенных запросов
  • Временные таблицы и просмотры
  • Обновление и удаление данных
  • Лабораторная работа: Обновление, удаление данных
  • Домашнее задание. Тестирование (10 мин)

Хранимые процедуры и триггеры

  • Назначение и создание хранимых процедур
  • Использование хранимых процедур
  • Лабораторная работа: создание и использование хранимых процедур
  • Триггеры
  • Обеспечение ссылочной целостности
  • Лабораторная работа: Создание и использование триггеров

Транзакции и типы хранилищ MySQL

  • Блокировки и их типы
  • Понятие транзакции, свойства ACID
  • Лабораторная работа: использование транзакций Типы хранилищ MySQL
  • Выбор оптимального хранилища
  • Лабораторная работа: использование различных типов хранилищ
  • Тестирование 10 мин

Оптимизация и обслуживание сервера MySQL 5

  • Резервное копирование и аварийное восстановление информации
  • Проверки и восстановление таблиц
  • Лабораторная работа: Резервное копирование и восстановление
  • Разделение прав пользователей
  • Оптимизация запросов
  • Оптимизация баз данных
  • Оптимизация конфигурации сервера
  • Лабораторная работа: Оптимизация лабораторной базы данных и проверка эффективности работы

Web-мастеринг. Серверное web - программирование:

Основы сетей

  • Сети TCP/IP
  • Модель OSI
  • Адресация в сетях
  • Маршрутизация
  • Порты
  • Разрешение имен
  • DNS
  • Использование полезных утилит
  • Лабораторная работа: Просмотр и создание записей DNS

Протокол HTTP

  • Терминология (RFC2616)
  • Методы запросов
  • Статус сервера
  • Заголовки запроса и ответа
  • Лабораторная работа: Просмотр обмена данными между Веб-сервером и браузером
  • Передача данных методами GET, HEAD и POST
  • Расширяемость протокола
  • Лабораторная работа: Просмотр данных, передаваемых методами GET и POST
  • Безопасность: аутентификация и авторизация пользователя
  • Безопасность обмена данными: SSL
  • Обзор существующих Веб-серверов

Сервер Microsoft IIS

  • Обзор, установка и настройка сервера IIS
  • Приложения и пулы приложений
  • Настройка файлов журналов
  • Понятие виртуального хоста
  • Лабораторная работа: Создание и настройка виртуального хоста
  • Понятие виртуальной папки
  • Лабораторная работа: Создание и настройка виртуальной папки
  • Настройка сообщений об ошибках
  • Лабораторная работа: Настройка сообщений об ошибках
  • MIME-типы
  • Привязка MIME-типа к произвольному расширению
  • Управление кэшированием
  • Привязка обработчиков
  • Лабораторная работа: Настройка сервера на обработку произвольных типов файлов
  • Аутентификация и авторизация пользователя
  • Включение режима SSL
  • Лабораторная работа: Базовая аутентификация пользователя с использованием SSL

Сервер Apache

  • Установка сервера Apache. Обзор версий Apache 2.2 – 2.4
  • Лабораторная работа: Установка сервера Apache
  • Основные директивы настройки сервера Apache
  • Файлы конфигурации и .htaccess
  • Лабораторная работа: Использование системной переменной PATH
  • Виртуальные хосты
  • Лабораторная работа: Создание и настройка виртуального хоста
  • Настройка виртуальной папки
  • Настройка сообщений об ошибках
  • Лабораторная работа: Создание виртуальной папки и настройка сообщений об ошибках
  • Управление заголовками ответа сервера
  • Управление кэшированием
  • Модули сервера
  • Привязка обработчиков
  • Лабораторная работа: Настройка сервера на обработку произвольных типов файлов и привязка обработчиков
  • Аутентификация и авторизация пользователя
  • Лабораторная работа: Аутентификация пользователей
  • Использование модуля mod_rewrite

Основы дизайна:

 Введение. Дизайн как художественное проектирование эстетического облика среды на курсах веб.

  • Взаимосвязь индивидуальности человека и дизайна. Физиологическое и психологическое воздействие дизайн-объектов.
  • Развитие творческих способностей слушателей курса.

Стратегия и тактика дизайна на web курсах.

  • Специфика проектно-художественной деятельности дизайнера
  • Дизайн-инструментарий. Техника выполнения рисунка, графики, росписи, коллажа, макета и т.д.
  • Проектный язык дизайнера
  • Методы визуализации дизайн-идеи: форэскиз, клаузура, дизайн-проект
  • Оптический иллюзионизм Древнего Рима. Фантомы восприятия пространства и формы  

Цвет и стиль в дизайне в школе веб дизайна

  • Психологические и оптические характеристики цвета и его воздействие на человека. Внеокулярное зрение
  • Символика цвета. Цвет в дизайне – исторический экскурс
  • Колориметрия. Типология и структура цветовой гармонии. Основы цветоведения: спектральный круг Освальда, Гете. Сочетаемость цветов
  • Закономерности развития стиля. Формула стиля. Стили – колоссы, стили – реакции
  • Цвет и форма в Древнем Египте.

Основы дизайн-композиции на web курсах

  • Принципы гармоничной композиции.
  • Анализ красоты У.Хогарта.
  • Контраст, нюанс, симметрия и асимметрия, ритм
  • Пространственные отношения. Баланс и законы равновесия композиции
  • Статичная и динамичная композиция
  • Статика и динамика в Средневековой культуре. 

Художественные средства композиции на курсах веб

  • Пропорции. Золотое сечение
  • Зоны композиции
  • Композиционный, оптический и другие центры композиции
  • Компоновка элементов композиции. Правило «трех частей»

 Гармония в композиции на web курсах

  • Принципы гармоничной композиции
  • Цветовая гармония. Схемы
  • Гармония взаимоотношения фигуры и фона. Схемы
  • Ренессанс. Наука о светотени и перспективе 

Комбинаторика. Формообразование в школе web дизайна

  • Конфигуративная и цветотональная комбинаторика.
  • Формообразование и его закономерности
  • Моделирование биоформ. 

Исторические стили в изобразительном искусстве на курсах веб

  • Закономерности развития стиля. Формула стиля.
  • Романский стиль
  • Готический стиль
  • Ренессанс
  • Барокко и рококо
  • Классицизм
  • Романтизм
  • Реализм 19 века
  • Модерн
  • Импрессионизм

Стилизация объекта на web курсах

  • Стилизация объекта.
  • Знак. Изобразительный знак и знак - индекс.
  • Интерпретация знака.
  • Логотип. Пиктограмма. Иероглиф.

 Световой дизайн в школе веб дизайна

  • Свет в дизайне – исторический экскурс
  • Основы современного светового дизайна
  • Взаимовлияние света и цвета
  • Влияние воздушной среды на светотень
  • Организация световой среды
  • Светотеневая моделировка форм в перспективных и аксонометрических изображениях

Технология и психология трудоустройства:

  • Теория типов личности в определении оптимального рода занятий. Оценка собственного психотипа. Цель и две фазы в процессе поиска работы. Сбор и анализ информации. Составление резюме и заполнение анкет на курсах веб
  • CV. Получение приглашения на собеседование. Подготовка самопрезентации на web курсах.
  • Активная фаза в процессе поиска работы. Организация встречи с работодателем. Собеседование, тестирование: стратегия поведения. Психологический тренинг. Вопросы найма, трудовые и иные контракты в школе веб дизайна.
  • Важные мелочи при подборе работодателя: предупрежден, значит вооружен, или внимание, аферисты!

Психология влияния:

  •  Что изучает деловая психология. Введение в предмет. Типы человеческих темпераментов
  •  Виды психологического воздействия на людей в веб школе
  •  Особенности психологического манипулирования на курсах веб
  •  Психология создания доверительных отношений в школе веб дизайна
  • Психологические приёмы успешных деловых переговоров

Начало занятий:

Ниже приведены даты первых занятий (начало курса). Вы можете выбрать любую дату, когда Вам удобно начать обучение. Дальнейшее расписание занятий выдается в учебной части.

Ближайшие даты начала занятий


Дата
День недели
на 12:00 - 15:00
2018-01-25
четверг
2018-02-05
понедельник
2018-02-07
среда
2018-02-19
понедельник
2018-02-21
среда
2018-03-05
понедельник
2018-03-12
понедельник
2018-03-19
понедельник
2018-03-27
вторник
2018-03-28
среда
Дата
День недели
на 15:00 - 18:00
2018-01-25
четверг
2018-01-29
понедельник
2018-02-12
понедельник
2018-02-14
среда
2018-02-26
понедельник
2018-03-14
среда
2018-03-26
понедельник
Дата
День недели
на 18:30 - 21:30
2018-01-26
пятница
2018-01-29
понедельник
2018-02-05
понедельник
2018-02-07
среда
2018-02-19
понедельник
2018-02-21
среда
2018-02-26
понедельник
Дата
День недели
на 19:00 - 22:00
2018-01-31
среда

 Варианты оплаты:

Оплатить можно наличными в кассу учебного центра; карточкой через терминал в офисе; с  р/с предприятия, где Вы работаете; на сайте картой, квитанцией через Ощадбанк (Приватбанк).

 

Калькулятор скидок:

Если Вы хотите пройти обучение по двум и более курсам, учиться вдвоем-втроем, рассчитать стоимость такого обучения можно нажав на изображение калькулятора. Вы перейдете на страницу с онлайн калькулятором стоимости обучения.  Калькулятор рассчитает скидку, которую Вы можете получить. Перейти....

 

Оплата на сайте, получение счета:

  • Оплатить обучение на сайте можно картами Visa, Master Card.
  • Получить счет-фактуру для оплаты юридическими лицами можно прямо на сайте.
  • Получить квитанцию на оплату через отделение Сбербанка Украины.

Перейти на страницу .....

 

Документы об окончании и трудоустройство:

По окончании обучения выпускники учебного центра получают диплом учебного центра или диплом международного образца, и могут работать.

Наш адрес и телефоны:

  • Украина, Киев, метро "Вокзальная", ул. Патриарха Мстислава Скрипника (бывшая Николая Островского), 58.
  • (093) 53-22-106,  (098) 087-31-41, (095) 527-00-70
Наверх