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

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

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

Разработка прототипа сайта, изучение основных видов верстки        

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