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

[SlivInfoKurs]

чина:


Описание:
Курс оптимален для:

• Специалистов по 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 минут

• Основы создания адаптивного письма;
• Адаптивное расположение таблиц и объектов;
• Floating блоки;
• Использование media queries;
• Скрытие/добавление элементов верстки на мобильном;
• Изменение размеров в мобильной версии.

6 урок. Введение в типовые решения. Часть 1.
1 урок | 30 минут

• Меню;
• Баннеры разных размеров;
• Блоки, занимающие всю ширину экрана;
• Списки;
• Товарная сетка и её вариации;
• Отключение адаптивности.

7 урок. Введение в типовые решения. Часть 2.
1 урок | 19 минут

• Блоки статей;
• Опросы;
• Блок с телефонным номером (МТТ);
• Социальные сети;
• Анализ мастер-шаблона.

8 урок. Добавляем магии и полезных хитростей.
1 урок | 25 минут

• Необычные шрифты;
• Видео и аудио в письме;
• Счетчик обратного отсчета;
• AMP-технология;
• События при наведении;
• Темный режим.

9 урок. Разбор багов в почтовых клиентах.
1 урок | 20 минут

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

10 урок. Тестируем HTML шаблон.
1 урок | 40 минут

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

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

Этот курс появится в скором времени на форуме SLIVINFOKURS.BIZ. Проверьте по поиску форума, возможно данный курс уже слит.

​