v
Вёрстка email-рассылок
Научитесь оформлять email-рассылки
в соответствии с дизайном, адаптировать письма под мобильные экраны, тестировать и ускорять загрузку писем.
Старт курса
Начинаете в любое удобное время. Проходите в своем темпе.
«Верстка писем — специфичное направление, где многое зависит от деталей. Эта программа — аккумуляция нашего опыта, накопленного за годы работы. Она поможет узнать о подводных камнях, фишках и тонкостях вёрстки email-рассылок».
Сергей Ермаков
руководитель отдела разработки интерфейсов хостинг-провайдера и регистратора доменов REG.RU — компании–рецензента курса.
Чтобы добиться высокого качества обучения, мы используем профессиональную триаду
Критерии
Разрабатываем критерии качества знаний и навыков
с компаниями и профессиональным сообществом.
Личный проект
Выполняете проекты, максимально приближенные
к проектам, которые будут у вас на работе.
Наставники
Ваши проекты проверяют профессиональные разработчики.
Что вас ждет на обучении
Структурированная теория
В начале каждого раздела вы изучаете теорию из текстового учебника и отобранных нами материалов.
Спикер не просто рассказывает сухую теорию, но постоянно общается с аудиторией и делится любопытными кейсами из личного опыта.

После каждой темы студенты выполняют задание на пару минут, чтобы сразу отработать знания и задать вопросы.
Практика
После изучения теории выполняете домашнее задание, в котором работаете над своим проектом и закрепляете учебный материал.
Студенты выполняют домашние задания на удаленном сервере, практикуются на тренажерах и работают в настоящем кластере. Если возникли вопросы, преподаватели ответят на них в чате в Slack.
Ревью кода
После каждого задания ваш наставник проверяет качество работы, делится опытом и рассказывает, как можно сделать лучше.
Чему вы научитесь
1
2
3
4
Понимать отличия верстки веб-страниц и верстки писем для почтовых клиентов
Оформлять текст и картинки, подбирать шрифты
Адаптировать письма для разных устройств
Тестировать рассылки, оптимизировать письма и ускорять их загрузку
По результатам курса вы научитесь делать рассылки правильно, чтобы после обучения выдавать результат высокого уровня.
Программа курса
Раздел 1
Особенности верстки email-рассылок
Развернуть
Раздел 1
Особенности верстки email-рассылок
Разберём, в чем заключается разница между привычной версткой веб-страниц и версткой писем для почтовых клиентов. Разберем важные аспекты верстки для почтовиков, рассмотрим особенности почтовых клиентов, а также некоторые тонкости.
- Какие возможности CSS поддерживают и не поддерживают почтовики.
Свернуть тему
- Табличная верстка.
- Инлайновые стили. Сервисы для сведения стилей.
- Типы почтовых клиентов и их поддержка.
- Тонкости: прехедеры и смайлы в теме.
Раздел 2
Текст и изображения
Развернуть
Раздел 2
Текст и изображения
Разберемся, как оформить текст, чтобы он везде отображался красиво. Какие шрифты использовать. Когда лучше сделать текст картинкой, а когда текстом. А также разберёмся, как оформлять изображения, в том числе и для ретиновых дисплеев, и почему так важно указывать alt.
- Шрифты и их поддержка почтовыми клиентами.
Свернуть тему
- Для чего и как использовать сервис «Типограф».
- Оформление изображений. Изображения для ретины.
- Фоновые изображения.
Раздел 3
Адаптивность
Развернуть
Раздел 3
Структуры данных и встроенные API
Что делать, если текст письма на мобильном устройстве слишком мелкий? Или письмо выезжает за пределы экрана? Или нужно перестроить сетку товаров с двух колонок в одну?

Обо всём этом мы поговорим в этом разделе. Узнаем, как реализовать адаптивность письма, с какими проблемами можно столкнуться, и как их разрешить
- Медиа-выражения в письмах.
Свернуть тему
- Адаптивность с помощью инлайн-блоков.
- Оutlook и его неподдержка адаптивности.
Раздел 4
Тестирование и оптимизация
Развернуть
Раздел 4
Тестирование и оптимизация
Важно всегда тестировать работу перед отправкой заказчику или выкатыванием в прод. Мы познакомимся с типовыми проблемами и багами вёрстки рассылок, чтобы отлавливать их еще на этапе тестирования.

Письмо необходимо проверять во всех популярных почтовых клиентах, а чтобы ускорить этот процесс, мы познакомимся с сервисами тестирования рассылок. А также разберёмся, как оптимизировать письмо и ускорить его загрузку.
- Типовые проблемы вёрстки рассылок: обрезка писем почтовиком, автоподстановка ссылок в текст и другие.
- Приёмы оптимизации рассылок: уменьшение объёма разметки с помощью фонов и другие.
Свернуть тему
- Сервисы для тестирования рассылок.
Раздел 5
Фреймворки и конструкторы для вёрстки писем
Развернуть
Модуль 5
Фреймворки и конструкторы для вёрстки писем

Рассмотрим, какие существуют инструменты для создания рассылок. Разберём, какие фреймворки и конструкторы существуют, и когда лучше использовать их, а когда написать код с нуля.
Свернуть тему
- Сервисы рассылок и встроенные в них конструкторы писем.
- Популярные фреймворки: Zurb Foundation и MJML.
Стоимость обучения
Курс «Вёрстка e-mail-рассылок»
Вебинары, уроки, домашка и проверка домашки наставником курса
Цена со скидкой
15 900 ₽
Полная цена
21 200 ₽
Бесплатная консультация
Познакомимся, поможем понять, работает ли курс на ваши цели.
Расскажем, как проходит урок и как отвечают наставники.
Ответим на вопросы об оплате.
Оставляя заявку, вы принимаете
условия соглашения