Вы не нашли то, что искали?
Мы свяжемся с вами и ответим на любые вопросы о курсе.

Email-верстка

Вы получите необходимые знания в HTML и CSS для верстки писем. Научитесь работать с редактором кода и поймете, как обходить особенности почтовых сервисов. Сможете самостоятельно создавать письма с уникальным дизайном и делать так, чтобы они выглядели одинаково красиво на всех девайсах.
От новичка до специалиста
Онлайн
Формат обучения
5 недель
Длительность
Навсегда
Доступ к курсу
100 %
Кешбек
Запишитесь или получите бесплатную консультацию

Для кого этот курс

Email-маркетологов

Курс позволит вам повысить свою экспертность в email-маркетинге. Вы сможете увеличить эффективность писем благодаря их адаптации под разные разрешения экранов и почтовых клиентов.
Вы разберетесь в основных HTML-тегах и атрибутах. Поймете, какой тип верстки использовать и какие CSS-стили выбирать для различных почтовых сервисов. Научитесь создавать сложные интерактивные письма.

Верстальщиков

Подготовку изображений для верстки писем
На курсе вы изучите
Один из редакторов кода: VS Code, Atom, Sublime
Самостоятельно сверстаете свое первое письмо
Разработку типовых решений для верстки писем
Как добавлять в письма аудио и видео файлы, счетчики и другие фишки
Теги, атрибуты HTML и таблицы CSS стилей
Практико-ориентированное обучение
Все задания можно делать на примере любого сервиса email-рассылок, включая UniSender. Для изучения программы курса вам не обязательно иметь знания в HTML или CSS. Если у вас есть собственный бизнес или проект вы можете выполнять домашние задания на их основе.
Курс состоит из 10 уроков длительностью от 20 до 40 минут и домашних заданий. Во время обучения вам необходимо будет выполнить 10 домашних заданий. Все уроки в записи, поэтому вы можете проходить их поочередно в любое время. По итогу прохождения курса у вас будут не только знания для самостоятельной верстки писем, но и уже готовый шаблон, который вы будите делать под наставничеством преподавателя в течении курса. .

Программа курса

Урок №1
Начинаем с дизайна
1 урок | 18 минут

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

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

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

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

  • Принцип построения адаптивного письма;
  • Адаптивное расположение таблиц и объектов;
  • Плавающие блоки;
  • Использование медиа-запросов;
  • Скрытие/добавление элементов верстки на мобильном;
  • Изменение размеров в мобильной версии.
Урок №6
Все о типовых решениях. Часть 1
1 урок | 30 минут

  • Меню;
  • Баннер, широкие баннеры;
  • Блоки во всю ширину экрана;
  • Списки;
  • Товарная сетка и её разновидности;
  • Отключение адаптивности.
Урок №7
Все о типовых решениях. Часть 2
1 урок | 19 минут

  • Блоки статей;
  • Опросы;
  • Блок с телефоном (МТТ);
  • Социальные сети;
  • Разбор мастер-шаблона.
Урок №8
Добавим немного магии и лайфхаков
1 урок | 25 минут

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

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

  • Мастер-класс. Верстка письма;
  • Проверка результата в разных почтовых системах;
  • Инструменты проверки на разных платформах.
Урок №1
Начинаем с дизайна
1 урок | 18 минут

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

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

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

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

  • Принцип построения адаптивного письма;
  • Адаптивное расположение таблиц и объектов;
  • Плавающие блоки;
  • Использование медиа-запросов;
  • Скрытие/добавление элементов верстки на мобильном;
  • Изменение размеров в мобильной версии.
Урок №6
Все о типовых решениях. Часть 1
1 урок | 30 минут

  • Меню;
  • Баннер, широкие баннеры;
  • Блоки во всю ширину экрана;
  • Списки;
  • Товарная сетка и её разновидности;
  • Отключение адаптивности.
Урок №7
Все о типовых решениях. Часть 2
1 урок | 19 минут

  • Блоки статей;
  • Опросы;
  • Блок с телефоном (МТТ);
  • Социальные сети;
  • Разбор мастер-шаблона.
Урок №8
Добавим немного магии и лайфхаков
1 урок | 25 минут

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

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

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

Как проходит обучение

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

Изучаете видеоурок

Выполняете домашние задания

Получаете сертификат

Сдаете домашние задания

Получаете возврат средств

Всего у вас будет 10 домашних заданий. Их нужно выполнять в срок, чтобы закончить обучение через 5 недель.
Домашние задания проверяет наш преподаватель. Он дает обратную связь и помогает с выполнением задания.
После окончания обучения вы получаете сертификат от школы UniSender на вашем государственном языке и английском.
После выполнения всех заданий и прохождения курса мы возвращаем оплаченные средства за обучение на счёт в UniSender.
Вы всегда можете обратиться к куратору, чтобы решить организационные вопросы, связанные с обучением.

Остаетесь на связи с куратором

После изучения уроков и выполнения домашних заданий вы получите сертификат от школы UniSender

Преподаватель

- работает с версткой писем с 2014 года;
- управляет отделом верстки в Email Soldiers;
- создал письма для 200+ компаний, среди которых МТТ, ФК Зенит, Ашан и Амедиатека.

Евгений Шишков

Запишитесь или получите бесплатную консультацию
Наши ученики работают в компаниях
Гарантии
После завершения обучения мы возвращаем полную стоимость на ваш персональный счёт в UniSender, чтобы вы на практике могли использовать полученные знания.
Кешбек в размере 100%
100 % возврат средств
Вы можете вернуть деньги за курс в течение трех занятий после начала обучения, не объясняя причину возврата.
Стоимость обучения
Видеоуроки и дополнительные материалы
Консультации преподавателей
Помощь куратора курса
Проверка домашних заданий
Сертификат
250 usd
125 usd
Полная стоимость
Рассрочка на два платежа
10.01.2022
Начало обучения
10 мест
Осталось свободных
Запишитесь или получите бесплатную консультацию
Стоимость обучения
Видеоуроки и дополнительные материалы
Консультации преподавателей
Помощь куратора курса
Проверка домашних заданий
Сертификат
7 000 грн
1 400 грн
Полная стоимость
Рассрочка на 5 месяцев
10.01.2022
Начало обучения
10 мест
Осталось свободных
Запишитесь или получите бесплатную консультацию
Стоимость обучения
Видеоуроки и дополнительные материалы
Консультации преподавателей
Помощь куратора курса
Проверка домашних заданий
Сертификат
19 000 руб
9 500 руб
Полная стоимость
Рассрочка на два платежа
10.01.2022
Начало обучения
10 мест
Осталось свободных
Запишитесь или получите бесплатную консультацию

Часто задаваемые вопросы

Уроки записаны или будут проходить в прямом эфире?

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

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

Чтобы отправлять письма, вам нужен посредник — сервис email-рассылок. Наша школа является частью такого сервиса — UniSender. Мы переводим на ваш персональный счет в UniSender полную сумму за оплату курса. Так вы сможете познакомиться с нашим сервисом и применить полученные знания на практике.
Куда и кому отправлять домашние задания?

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

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

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

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

Чтобы отправлять письма, вам нужен посредник — сервис email-рассылок. Наша школа является частью такого сервиса — UniSender. Мы переводим на ваш персональный счет в UniSender полную сумму за оплату курса. Так вы сможете познакомиться с нашим сервисом и применить полученные знания на практике.
Куда и кому отправлять домашние задания?

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

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