1 урок | 22 минуты

• Популярные графические редакторы: Figma, Adobe Photoshop и др;
• «Нарезка» и сохранение изображений;
• Доступные типы изображений;
• Возможные проблемы на этапе подготовки изображений;
• Финальная обработка изображений, которые пойдут в продакшн;
• Примеры размещения изображений в верстке

1 урок | 25 минут

• Редакторы кода: VS Code, Atom, Sublime;
• Другие полезные инструменты для верстки;
• Базовая структура письма;
• Таблицы стилей (CSS) и их подключение;
• Разбор доступных тегов: span, div, table и пр.

1 урок | 30 минут

• Принцип работы атрибута STYLE;
• Текст и его оформление;
• Заголовки разного уровня;
• Гиперссылка и ее параметры;
• Изображение и его параметры;
• Кнопка и ее построение;
• Стили для работы с отступами.

1 урок | 18 минут

• Как строится структура таблицами;
• Основные таблицы в структуре письма;
• Принцип построения строк и столбцов;
• Размеры и «растягивание»;
• Пример реализации сложной таблицы;
• Фоновые изображения.

1 урок | 20 минут

• Принцип построения адаптивного письма;
• Адаптивное расположение таблиц и объектов;
• Плавающие блоки;
• Использование медиа-запросов;
• Скрытие/добавление элементов верстки на мобильном;
• Изменение размеров в мобильной версии.

1 урок | 30 минут

• Меню;
• Баннер, широкие баннеры;
• Блоки во всю ширину экрана;
• Списки;
• Товарная сетка и её разновидности;
• Отключение адаптивности.

1 урок | 19 минут

• Блоки статей;
• Опросы;
• Блок с телефоном (МТТ);
• Социальные сети;
• Разбор мастер-шаблона.

1 урок | 25 минут

• Нестандартные шрифты;
• Видео и аудио в письме;
• Счетчик обратного отсчета;
• AMP-технология;
• События по ховеру;
• Темная тема.

1 урок | 20 минут

• Баги популярных почтовиков: Outlook, Gmail, Яндекс.Почты;
• Фоновое изображение в Outlook;
• Вёрстка в Outlook;
• Анализ дизайна на возможность верстки;
• Перенос мастер-шаблона в блочный редактор.

1 урок | 40 минут

• Мастер-класс. Верстка письма;
• Проверка результата в разных почтовых системах;
• Инструменты проверки на разных платформах.

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

Курс рассчитан на тех, кто уже работает с email-маркетингом. Мы начинаем с базовых принципов верстки. Далее постепенно увеличиваем уровень сложности. К концу обучения вы сможете самостоятельно верстать письма.

Перед стартом занятий вы получите доступ к личному кабинету. В нем вы найдете уроки и домашние задания. Там будет проходить вся коммуникация с куратором и преподавателем. Домашние задание нужно будет писать в текстовом виде под каждым конкретным заданием.

Сертификат об окончании курса мы создаем на английском и на русском языке. Сертификаты будут отправлены на ваш email после заполнения анкеты выпускника и вы сможете скачать их. Также ссылки на сертификаты будут размещены в вашем личном профиле на платформе Геткурс.