Вы получите необходимые знания в HTML и CSS для верстки писем. Научитесь работать с редактором кода и поймете, как обходить особенности почтовых сервисов. Сможете самостоятельно создавать письма с уникальным дизайном и делать так, чтобы они выглядели одинаково красиво на всех девайсах.
Курс позволит вам повысить свою экспертность в email-маркетинге. Вы сможете увеличить эффективность писем благодаря их адаптации под разные разрешения экранов и почтовых клиентов.
Вы разберетесь в основных HTML-тегах и атрибутах. Поймете, какой тип верстки использовать и какие CSS-стили выбирать для различных почтовых сервисов. Научитесь создавать сложные интерактивные письма.
Верстальщиков
Подготовку изображений для верстки писем
На курсе вы изучите
Один из редакторов кода: VS Code, Atom, Sublime
Самостоятельно сверстаете свое первое письмо
Разработку типовых решений для верстки писем
Как добавлять в письма аудио и видео файлы, счетчики и другие фишки
Теги, атрибуты HTML и таблицы CSS стилей
Практико-ориентированное обучение
Все задания можно делать на примере любого сервиса email-рассылок, включая Unisender. Для изучения программы курса вам не обязательно иметь знания в HTML или CSS. Если у вас есть собственный бизнес или проект вы можете выполнять домашние задания на их основе.
Курс состоит из 10 уроков длительностью от 20 до 40 минут и домашних заданий. Во время обучения вам необходимо будет выполнить 10 домашних заданий. Все уроки в записи, поэтому вы можете проходить их поочередно в любое время. По итогу прохождения курса у вас будут не только знания для самостоятельной верстки писем, но и уже готовый шаблон, который вы будете делать под наставничеством преподавателя в течении курса. .
Программа курса
1 урок | 18 минут
Популярные графические редакторы: 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 минут
Мастер-класс. Верстка письма;
Проверка результата в разных почтовых системах;
Инструменты проверки на разных платформах.
1 урок | 18 минут
Популярные графические редакторы: 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, Яндекс.Почты;
Все уроки записаны. Вы можете проходить их в удобное время из любой точки мира.
Изучаете видеоурок
Выполняете домашние задания
Получаете сертификат
Сдаете домашние задания
Получаете возврат средств
Всего у вас будет 10 домашних заданий. Их нужно выполнять в срок, чтобы закончить обучение через 5 недель.
Домашние задания проверяет наш преподаватель. Он дает обратную связь и помогает с выполнением задания.
После окончания обучения вы получаете сертификат от школы UniSender на вашем государственном языке и английском.
После выполнения всех заданий и прохождения курса мы возвращаем оплаченные средства за обучение на счёт в UniSender.
Вы всегда можете обратиться к куратору, чтобы решить организационные вопросы, связанные с обучением.
Остаетесь на связи с куратором
После изучения уроков и выполнения домашних заданий вы получите сертификат от школы Unisender
Преподаватель
- работает с версткой писем с 2014 года; - управляет отделом верстки в Email Soldiers; - создал письма для 200+ компаний, среди которых МТТ, ФК Зенит, Ашан и Амедиатека.
После завершения обучения мы возвращаем полную стоимость на ваш персональный счёт в Unisender, чтобы вы на практике могли использовать полученные знания.
Кешбек в размере 100%
100 % возврат средств
Вы можете вернуть деньги за курс в течение трех занятий после начала обучения, не объясняя причину возврата.
Стоимость обучения
Видеоуроки и дополнительные материалы
Консультации преподавателей
Помощь куратора курса
Проверка домашних заданий
Сертификат
25 900 RUB
12 950 RUB
Полная стоимость
Рассрочка на два платежа по
01.04.2023
Начало обучения
6 мест
Осталось свободных
Запишитесь или получите консультацию у менеджера
51 800 RUB
25 900 RUB
-50%
Часто задаваемые вопросы
Все уроки доступны в записи. Вы можете проходить лекции последовательно в удобное для вас время. Со всеми организационными моментами вам поможет куратор, который будет с вами на связи. Вопросы по урокам и домашним заданиям вы сможете задавать лично преподавателю.
Курс рассчитан на тех, кто уже работает с email-маркетингом. Мы начинаем с базовых принципов верстки. Далее постепенно увеличиваем уровень сложности. К концу обучения вы сможете самостоятельно верстать письма.
Чтобы отправлять письма, вам нужен посредник — сервис email-рассылок. Наша школа является частью такого сервиса — Unisender. Мы переводим на ваш персональный счет в Unisender полную сумму за оплату курса. Так вы сможете познакомиться с нашим сервисом и применить полученные знания на практике.
Перед стартом занятий вы получите доступ к личному кабинету. В нем вы найдете уроки и домашние задания. Там будет проходить вся коммуникация с куратором и преподавателем. Домашние задание нужно будет писать в текстовом виде под каждым конкретным заданием.
Сертификат об окончании курса мы создаем на английском и на русском языке. Сертификаты будут отправлены на ваш email после заполнения анкеты выпускника и вы сможете скачать их. Также ссылки на сертификаты будут размещены в вашем личном профиле на платформе Геткурс.
Все уроки доступны в записи. Вы можете проходить лекции последовательно в удобное для вас время. Со всеми организационными моментами вам поможет куратор, который будет с вами на связи. Вопросы по урокам и домашним заданиям вы сможете задавать лично преподавателю.
Курс рассчитан на тех, кто уже работает с email-маркетингом. Мы начинаем с базовых принципов верстки. Далее постепенно увеличиваем уровень сложности. К концу обучения вы сможете самостоятельно верстать письма.
Чтобы отправлять письма, вам нужен посредник — сервис email-рассылок. Наша школа является частью такого сервиса — UniSender. Мы переводим на ваш персональный счет в UniSender полную сумму за оплату курса. Так вы сможете познакомиться с нашим сервисом и применить полученные знания на практике.
Перед стартом занятий вы получите доступ к личному кабинету. В нем вы найдете уроки и домашние задания. Там будет проходить вся коммуникация с куратором и преподавателем. Домашние задание нужно будет писать в текстовом виде под каждым конкретным заданием.
Сертификат об окончании курса мы создаем на английском и на русском языке. Сертификаты будут отправлены на ваш email после заполнения анкеты выпускника и вы сможете скачать их. Также ссылки на сертификаты будут размещены в вашем личном профиле на платформе Геткурс