Курсы Web-дизайн

Обучение созданию  сайтов с уникальным дизайном — эффектных  и эффективных продающих сайтов. На курсе Web-дизайна слушателей научат создавать оригинальные макеты сайтов, правильно верстать их, разрабатывать для них удобную навигацию, создавать и оптимизировать все графические элементы сайта, изучат возможности специальных программ для создания веб-страниц, грамотно размещать информацию на сайте. В результате обучения на курсе веб дизайна слушатели на реальных примерах научаться создавать быстро загружаемые  и адаптивные сайты,

Длительнсть курса   2,5 месяца

Стоимость курса 4200грн. Возможна оплата в 2 этапа по 2100грн

Программа Курса Веб дизайн 

48 учебных чаcов

Часть 1 

Курс  HTML,CSS  Курс вёрстки сайтов

  24 учебных чаcа

Тема 1. Основные понятия в веб-разработке

Процесс разработки веб-сайта

Устройство сайтов и их типы

Инструменты для веб-разработки

Что такое гипертекст, теги и атрибуты

Простой пример HTML странички

Тема 2. Основы языка разметки HTML

Структура HTML документа,

Основные теги оформления текста

Комментарии в HTML

Гиперссылки

Изображения

Списки

Формы и их элементы

Спецсимволы

Тема 3. Основы языка оформления стилей CSS

Синтаксис CSS

Простые селекторы

Селекторы атрибутов

Основные свойства стилей

Вложенность, наследование и группирование свойств

Псевдоклассы и псевдоэлементы

Тема 4. Блочная верстка

Блочная модель

Обтекаемые элементы

Позиционирование блоков

Создание основной разметки сайта

Применение overflow и clear

Приёмы позиционирования элементов

Создание сетки

Тема 5. Таблицы в HTML

Структура таблицы

Объединение ячеек

Вложенные таблицы

Стилевое оформление таблиц

Тема 6. Стандарты web и вспомогательные инструменты

Стандарт HTML5 и CSS3

Кроссбраузерность, валидация

Обзор инструментов(gulp, less, minification)

Тема 7. CSS анимация, эффекты

Эффекты анимации при наведении

Анимации дочерних элементов

Эффекты изображения

Transform, transition, animation, gradient

Тема 8. Технология Flex

Основы flex

Применение flex для создания сетки

Тема 9. Адаптивная верстка

Способы адаптивного дизайна

Медиа-запросы

Логические операторы, применяемые в медиа-запросах

Медиа-функции

Тема 10. Введение в Bootstrap

Установка фреймворка

Система сеток

Настройка сетки

Обзор встроенных компонентов

Тема 11. Система контроля версий GIT

Что такое git, github

Установка git

Настройка git

Основные команды git

Тема 12. Создание Landing page

Что такое Landing page

Приемы создания Landing page

Адаптация макета Landing page

Часть 2

Требуется предварительная подготовка — базовые знания Photoshop.

Или прохождение курса «Photoshop для веб-дизайнеров».

Тема 1

Подготовка иллюстраций для WEB. Требования к иллюстрациям в Internet. Обзор форматов иллюстраций JPEG, GIF.  Способы уменьшения объема файла. Использование коллекций изображений (clipart) векторных графических редакторов. Подготовка изображений, имеющих прозрачные области. Представление текстовой информации.

Тема 2

Создание графического макета будущего сайта. Подготовка графических элементов. Создание кнопок. Имитация различных состояний кнопки. Создание фоновых иллюстраций. Техника создания бесшовных узоров . «Нарезка» изображений на фрагменты в программе . Оптимизация фрагментов изображений.

Тема 3

 Основные палитры и инструменты. Векторная и растровая графика. Кривые Безье. Инструменты Rectangle, Arrow, Oval, Eraser. Раздел Colors. Заливка объектов. Инструмент Pencil, Snap to Objects, инструмент Paint Bucket. Палитры Color Mixer и Color Swatches. Инструмент Eyedropper. Сохранение результата как flash-файла и рисунка.Основные принципы создания фотогалереи. Save for web – подготовка изображений для фотогалереи. Фотогалерея на основе фотошаблона Photo Slideshow.

Тема 4 Что такое UI/UX

История, основные понятия

Профессия UI/UX-дизайнера

Процесс разработки сайта

 Тема 5 Состав и структура дизайн процессов. 

Типы проектов

Разновидности сайтов

Гайдлайны

Тема 6 Интерфейс, визуальное оформление

Основы композиции, эстетика

Инфографика и пиктограммы

Стиль и цветовое оформление

Виды сайтов

Функциональные стили

Веб-колористика и Веб-типографика

Электронные шрифты в веб-дизайне

Адаптация и оформление текстов

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

Подбор контента. Авторское право

Тема 7 Проектирование сайта

Идея, задачи

Целевая аудитория, портрет потребителя

Сценарии взаимодействия

Информационная архитектура

Проектирование сайта

Техническое задание и бриф

Тема 8 Композиция и визуальная иерархия

Психология восприятия в веб-дизайне

Визуальная иерархия страницы

Модульная сетка в веб-дизайне

 Тема 9 Эргономика и юзабилити 

Интерфейс

Эргономика и юзабилити

Взаимодействие человек-компьютер

Проектирование и дизайн интерфейса

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

Подготовка к верстке и экспорт

Style Guide проекта

Форматы файлов

 Тема 10 Навигационная структура сайта

Навигация

Элементы навигационных систем

О