г. Кривой Рог

ост. Рембыттехника, пр-т Мира, 44А.
ост. Универмаг, ул. Ватутина, 31.

Курс «Web-design»

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

Почему следует изучить
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 мес

Дата старта:

12 февраля

О преподавателе
Илья Лукьянов

Преподаватель кафедры «Компьютерной графики и дизайна. Занимаетcя web-дизайном, имеет опыт работы в рекламной отрасли более 4х лет. Помогал реализовывать разной сложности веб проекты. Был управляющим дизайнером, по разработке графических продуктов для частных предприятий. Параллельно работает на аутсорсинговый рынок. Сhief designer по разработке графических продуктов для частных предприятий. Преподает в Академии более 3х лет. Его студенты продолжают успешно работать в отрасли дизайна. Основное направление 3D MAX, AutoCAD, Photoshop, Illustrator. В процессе обучения уделяет особое внимание пониманию предмета студентами, особенностей и нюансов программ для их эффективной работы и качественных результатов. Внимателен к студентам и их целям.

Подведем итоги

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

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

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

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

Вы получите

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

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


Да
Нет

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


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


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


Да
Нет