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

Email-верстка

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

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

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

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

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

Подготовку изображений для верстки писем
На курсе вы изучите
Один из редакторов кода: VS Code, Atom, Sublime
Самостоятельно сверстаете свое первое письмо
Разработку типовых решений для верстки писем
Как добавлять в письма аудио и видео файлы, счетчики и другие фишки
Теги, атрибуты HTML и таблицы CSS стилей
Практико-ориентированное обучение
Все задания можно делать на примере любого сервиса email-рассылок, включая UniSender. Программа обучения составлена так, чтобы вы сразу же применяли полученные знания на практике. Если у вас есть собственный бизнес или проект вы можете выполнять домашние задания на их основе.
Курс состоит из 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, проходит проверку качеством. Этот курс — наш официальный обучающий материал, а значит мы отвечаем за него своим именем.
Наши преимущества
UniSender
Мы не закрываем доступ к курсу по его завершению. Вы можете вернуться к урокам, когда захотите.
Неограниченный доступ
Обучение в рассрочку
Вы можете оплатить обучение в школе любым удобным способом, включая рассрочку. Оставьте заявку на сайте, чтобы узнать условия.
Чтобы первые письма были красивыми, наш партнер Depositphotos даёт вам скидку 30% на одну покупку и бесплатное скачивание 10 файлов.
Бонус от Depositphotos
Гарантии
После завершения обучения мы возвращаем полную стоимость на ваш персональный счёт в UniSender, чтобы вы на практике могли использовать полученные знания.
Кешбек в размере 100%
100 % возврат средств
Вы можете вернуть деньги за курс в течение трех занятий после начала обучения, не объясняя причину возврата.
Видеоуроки и дополнительные материалы
Консультации преподавателей
Помощь куратора курса
Проверка домашних заданий
Сертификат
Кешбек в размере 100% на счет в UniSender
250 USD
125 USD
Полная стоимость

Стоимость обучения

Рассрочка на два платежа
Если курс вам не подойдет, мы вернем деньги
Видеоуроки и дополнительные материалы
Консультации преподавателей
Помощь куратора курса
Проверка домашних заданий
Сертификат
Кешбек в размере 100% на счет в UniSender
7 000 UAH
1 400 UAH
Полная стоимость

Стоимость обучения

Рассрочка на 5 месяцев
Если курс вам не подойдет, мы вернем деньги
Видеоуроки и дополнительные материалы
Консультации преподавателей
Помощь куратора курса
Проверка домашних заданий
Сертификат email-маркетолога
Кешбек в размере 100% на счет в UniSender
19 000 RUB
9 500 RUB
Полная стоимость

Стоимость обучения

Рассрочка на два платежа
Если курс вам не подойдет, мы вернем деньги

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

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

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

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

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

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

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

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

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

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

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

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