Региональный центр IT т 0662914143
Курсы Web-дизайна
5 июня Суббота 10.00
НАЧАЛО ЗАНЯТИЙ в мини группе 5 человек
Обучение созданию сайтов с уникальным дизайном — эффектных и эффективных сайтов. На курсе Web-дизайна слушателей научат создавать оригинальные макеты сайтов, правильно верстать их, разрабатывать для них удобную навигацию, создавать и оптимизировать все графические элементы сайта, изучат возможности специальных программ для создания веб-страниц, грамотно размещать информацию на сайте. В результате обучения на курсе веб дизайна слушатели на реальных примерах научаться создавать быстро загружаемые и адаптивные сайты,
Стоимость курса 6000грн. Оплата в 2 этапа по 3000грн
Длительность курса 3 месяца
Программа Курса Веб дизайн
54 учебных чаcов
Часть 1 Курс вёрстки сайтов 27 учебных ча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
Тема 13.
Создание простого сайта
Перенос сайта на хостинг. Работа с FTP менеджером
Часть 2 Проектирование, дизайн и создание сайта
Требуется предварительная подготовка — базовые знания 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 Навигационная структура сайта
Навигация Элементы навигационных систем
О