Днепр

Дмитрия Яворницкого, 101

По вопросам поступления:

Учебный отдел:

По вопросам оплаты:

Курс«Web-design»
Начало занятий: 4 декабря

Форма регистрации

Почему следует изучить
Web-design?

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

Услуги веб-дизайнера стоят дорого – дизайнеры получает высокую плату за свою работу. В среднем оплата работы веб дизайнера с небольшим опытом работы начинается
от 400-600 $.

Возможность работы – в комфортных условиях с высококлассным оборудованием. Рабочее место дизайнера хорошо оборудовано: матрица монитора обеспечивает хорошую цветопередачу, а графический планшет помогает создавать элементы сайта.

Старт карьеры. Обучение на курсе будет началом и последовательным шагом к работе в веб-дизайне.

Сфера технологий быстро развивается – карьера всех, кто имеют к ней, отношение развиваются стремительно. В IT можно за несколько лет пройти путь от младшего до ведущего веб дизайнера.

Почему студенты выбирают Компьютерную Академию ШАГ?

Необходимые знания и практические навыки – на занятиях в Компьютерной Академии ШАГ студенты получают только необходимые для работы знания. Учебный процесс построен по принципу: меньше теории, больше практики.

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

Уникальный учебно-методический материал – преподаватели и учебная часть обеспечивают студентов основным и дополнительным учебным материалом. Они составляют конспекты занятий, которые будут полезны студентам и помогут понять новые темы и выполнять практические задания.

Удобный график занятий, который устанавливается с учетом пожеланий большинства студентов и будет удобен всей группе.

Быстрое трудоустройство - выпускникам Академии, которые хорошо учились, легко найти новую работу. Преподаватели часто рекомендуют своих студентов на открытые вакансии в компаниях. В Академии ШАГ работает программа трудоустройства выпускников.

Программа обучения
  • Проектирование и создание веб сайтов Модуль 1 (2 пары)
    • Вступление
    • Как создаются сайты с нуля
    • Важность каждого этапа
    • Техническое задание
    • Задание на понимание материала
  • Знакомство с Adobe PhotoshopМодуль 2 (4 пары)
    • Настройка программы
    • Кисти
    • Заливка и градиент
    • Сохранение изображения
    • Базовые функции программы
  • Работа с фотографиями и изображениями Модуль 3 (8 пар)
    • Цвета
    • Фотографии и изображения
    • Паттерны, Автоматизация, операции, пакетная обработка
  • Трансформация. Эффекты слоев. Маски.Модуль 4 (4 пары)
    • Трансформация
    • Эффекты слоев
  • Работа с векторными инструментами.
    Знакомство с Adobe Illustrator Модуль 5 (8 пар)
    • Вектор
    • Перо. Опорная точка
    • Adobe Illustrator
  • ШрифтыМодуль 6 (2 пары)
    • Работа с текстом
    • Шрифты в Web
  • Графический дизайнМодуль 7 (2 пары)
    • Курсовая работа для закрепления пройденного материала
  • UI/UX и ЮзабилитиМодуль 8 (4 пары)
    • Современные тренды в Web-дизайне
    • Бренд и фирменный стиль
    • Шрифтовая композиция
    • Захват внимания пользователя и акцент на определенных элементах интерфейса
  • Модульные сетки Модуль 9 (2 пары)
    • Модуль
    • Сетки в типографии
    • Сетки в Web
    • Фреймворки
  • ПрототипированиеМодуль 10 (4 пары)
    • Композиция и пропорция в Web-дизайне
    • Знакомство с программами Axure и пр
    • Создание прототипа сайта
  • Создание макета под версткуМодуль 11 (24 пары)
    • Поиски вдохновения
    • Стандарты и условности
    • Порядок и упорядоченность слоев
    • Оптимизация изображений
    • SVG изображения
    • Подготовка макета
  • ПрактикаМодуль 12 (12 пар)
    • Создание Landing Page
    • Создание многостраничного сайта, монтажные области
    • Создание адаптивной версии сайта
  • PSD макеты и портфолиоМодуль 13 (6 пар)
    • Курсовая работа для закрепления пройденного материала
    • Портфолио
  • Введение. Структура HTMLМодуль 14 (2 пары)
    • Введение в предмет
    • Теги – основной элемент структуры HTML. Правила записи тегов и их атрибутов в стандарте XHTML
    • Основная структура HTML документа. Основные элементы и их назначение
  • Форматирование при помощи CSSМодуль 15 (2 пары)
    • CSS – каскадные таблицы стилей
    • Введение. Обзор версий. Назначение: HTML служит для задания структуры, CSS – для форматирования
    • Использование атрибутов class и id для задания стилей
    • Приоритет использования стилей (tag / class / id / style). Повышение приоритета правилом !important
    • Наследуемость стилей. Стандартные значения свойств
    • Отслеживание стилей при помощи средства разработки firebug, стандартный инспектор Chrome
    • Использование внешних CSS файлов стилей
    • Подключение CSS файлов при помощи тега и инструкции @import
    • Форматирование текста при помощи CSS
  • Списки. CSS отступы и поляМодуль 16 (2 пары)
    • Неупорядоченные списки
    • Упорядоченные списки
    • Атрибуты type, value, start
    • Форматирование списков при помощи CSS
    • Свойства list-style-type, list-style-image, list-style-position
    • Сокращенная запись свойства list-style
    • Оформление многоуровневых списков. Вложенные селекторы
    • Управление отступами и полями
    • Свойство margin и его потомки margin-left, margin-top, margin-right, margin-bottom
    • Свойство padding и его потомки padding-left, padding-top, padding-right, padding-bottom
    • Отличие padding от margin и их назначения
    • Отображение отступов в веб-инспекторе
    • Отмена отступов по умолчанию у некоторых тегов
    • Создание списков
  • Графика в web-дизайне. Оптимизация графикиМодуль 17 (4 пары)
    • Форматы графических файлов в Internet
    • Тег и его атрибуты (src, alt, width, height, border)
    • Свойство border – аналог атрибута border
    • Задание свойств margin, padding, border для изображения
    • Выравнивание изображений на странице при помощи атрибута align. Аналог атрибута align – свойство float
    • Фон страницы – свойство background
    • Задание фона в виде цвета: background-color. Обязательное задание фона для элемента
    • Задание фона в виде изображения: background-image, background-repeat, background-position, background-attachment
    • Изображения и кэш браузера
    • Практика: проектирование web-страниц с использованием графики
  • Гиперссылки. Принципы навигации web-сайтаМодуль 18 (2 пары)
    • Общие сведения о гиперссылках
    • Тег "a" и его атрибуты (href, target)
    • Эргономика, удобство навигации
    • Абсолютная и относительная адресация
    • Организация внешних ссылок
    • Организация внутренних ссылок с помощью элемента "a". Атрибуты id и name
    • Организация "смешанного" перехода (на указанный элемент во внешнем HTML-документе)
    • Графические ссылки. Отмена границ у ссылок
    • Создание горизонтального и вертикального меню при помощи структуры списков , его форматирование. Свойство display. Преобразование ссылки в блочный элемент.Разница между block, inline и inline-block
    • Псевдоклассы
    • Псевдоклассы ссылок: active, hover, link, visited
    • Псевдоклассы для обычных элементов: first-child, first-line, first-letter
    • Псевдоэлементы: before и after
    • CSS свойство cursor
  • ТаблицыМодуль 19 (2 пары)
    • Создание простейшей таблицы. Теги table, tr и td
    • Атрибуты border, cellspacing cellpadding. Их возможные аналоги CSS: border, padding
    • Указание ширины и высоты ячейки: атрибуты width, height. Правила задания ширины и высоты. Аналоги CSS: свойства width, height
    • Выравнивание данных в таблице: атрибуты align и valign. Аналоги CSS: свойства text-align, vertical-align
    • Управление цветом фона и цветом рамок таблицы (отдельной строки, отдельной ячейки)
    • Использование изображений в качестве фона таблицы (отдельной строки, отдельной ячейки)
    • Объединение ячеек: атрибуты colspan, rowspan
    • Теги логического структурирования таблиц: thead, tbody, tfoot. Теги логического группирования столбцов: colgroup, col
    • Управление рамками таблицы: атрибуты frame, rules
    • Свойство таблицы table-layout
    • Создание таблицы при помощи CSS: display: table, table-row, table-cell
    • Создание сложных таблиц
  • Верстка web-страниц блокамиМодуль 20 (6 пар)
    • Основы верстки блоками. Правила верстки
    • Вложение блоков
    • Задание ширины и высоты блокам при помощи свойства width и height
    • Обтекание блоков. Отмена обтекания блоков. Свойства float и clear
    • Создание класса clearfix
    • Правила задания отступов и полей
    • Задание минимальной высоты и ширины блока: свойства min-height, min-width
    • Выравнивание внутри блоков (margin, text-align, line-height, position). Кроссбраузерность выравниваний
    • Рассмотрение простейших структур страниц и элементов
    • Верстка меню при помощи тега ul. Разные способы представлений: линейный, блочный, табличный
    • Структура сайта фиксированного размера
    • Свойства visibility, overflow
    • Практика
  • Формы. ПозиционированиеМодуль 21 (4 пары)
    • Формы. Основные понятия
    • Свойство position
    • Практика
  • Верстка web-страниц блоками
    с использованием позиционированияМодуль 22 (4 пары)
    • Практика. Важно понимать, что позиционирование крайне редко используется, т.к. из-за него можно нарушить структуру документа
  • Создание страниц средствами HTML5 и CSS3 Модуль 23 (4 пары)
    • Структура HTML5 документа
    • Новые свойства: CSS3
  • Дипломная работа
Возраст:

от 19 до 55 лет

Расписание занятий:

два раза в неделю, 2 учебные пары в вечернее время

Стоимость:

от 2525 грн/мес

Продолжительность курса:

96 пар

Длительность:

6 мес

О преподавателе
Максим Недбайло

Преподаватель курса Web дизайн в компьютерной академии Шаг.
Креативный директор в Cool Heads Company. Опыт работы в сфере дизайна более 5 лет. Работал как на фрилансе, так и управлял отделом дизайна. За плечами более сотни разработок для различных Web проектов.

У нас нет журналов, дневников и табелей!
Мы используем передовую систему MyStat.
Подведем итоги

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

  • 1. Понимать фундаментальные принципы Web дизайна
  • 2. Понимать принципы цветовой композиции
  • 3.
  • Обрабатывать фотографии и изображения с помощью программы Adobe Photoshop

  • 4. Накладывать всевозможные эффекты, фильтры и маски
  • 5. Понимать разницу между растровой и векторной графикой
  • 6.
  • Уметь работать с векторными изображениями, создавать масштабируемые изображения

  • 7. Понимать тонкости технических заданий для дизайнеров
  • 8. Предлагать нестандартные решения сложных задач
  • 9. Знать принципы юзабилити
  • 10. Иметь представление о базовых принципах маркетинга и рекламы
  • 11. Уметь создавать прототипы будущих Web проектов
  • 12. Владеть навыками создания качественных макетов под верстку
  • 13. Иметь свое личное портфолио
  • 14. Знать основные принципы верстки макетов
  • 15. Верстать сайты с использованием блочной верстки
  • 16. Знать основы HTML и CSS

Вы получите

Заполните форму регистрации

А хотите мы Вам вышлем набор демонстрационных электронных уроков
+
Книгу - "Как построить карьеру в IT"?


Да
Нет

Заполните пожалуйста форму


Введите sms-код для подтверждения


Получите книгу: «Как воспитывать ребенка. Советы известных людей»


Да
Нет