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

На занятиях мы пройдем основные этапы разработки дизайна, как взаимодействовать с заказчиками. Научимся работать с интерфейсом и основными инструментами.         

Механика гиперссылок, абсолютные и относительные пути. Теги для текстов, изображений, таблиц и прочего наполнения веб-страницы. Формы, iframe. Введение в CSS, селекторы и свойства, отступы и границы. Разновидности селекторов, каскадность и наследование, псевдоклассы и псевдоэлементы. Свойства display и float. Позиционирование и визуализация элементов. Цвет и фон; шрифты, текст. Анимация в CSS.         

Разработка прототипа сайта, изучение основных видов верстки. Подбор цветовых решений и шрифтов, которые необходимо будет отразить в CSS. Тестирование и проверка на ошибки.        

Цели Яндекс Метрики 2.0. Посещаемость. География, пол возраст аудитории. Базовые показатели: отказы, просмотры, визиты. Поисковые запросы. Основные каналы посетителей: соц. сети, сайты, емэйл рассылки, поисковые системы. Коммерческий трафик. Технологии посетителей. Поведенческие факторы посетителей. Дополнительные инструменты аналитики.         

Установка CMS, знакомство с базовой структурой и настройками. Создание и импорт контента, виджеты, меню, SEO-оптимизация контента в CMS WordPress. Интернет-магазин на CMS WordPress. Создание шаблонов и child-тем для CMS WordPress.        

Обобщение курса, подведение итогов, практические рекомендации. На данном этапе обучения идет подготовка и оформление вашего итогового проекта - создание сайта. Защита первого проекта Вашего портфолио, встреча с работодателем, экспертами. Итоговое тестирование.