Скоро! Email-верстка от новичка до профи [Тариф Самостоятельно] [Евгений Шишков]

[EGround]

Складчина: Email-верстка от новичка до профи [Тариф Самостоятельно] [Евгений Шишков]​

Для кого подходит курс:

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

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

• Верстальщикам

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

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

Что изучите на курсе:

• Разрабатывать типовые решения для верстки писем
• Самостоятельно сверстаете свое первое письмо
• Один из редакторов кода: VS Code, Atom, Sublime
• Теги, атрибуты HTML и таблицы CSS стилей
• Добавлять в письма аудио и видео файлы, счетчики и другие фишки
• Подготавливать изображения для верстки писем

Спойлер: Программа курса: 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 минут

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

Тариф Самостоятельно
Цена 19900 руб.

Материал «Email-верстка от новичка до профи [Тариф Самостоятельно] [Евгений Шишков]», возможно, скоро появится на EGROUND.
Воспользуйтесь поиском, может быть, он уже опубликован.