Онлайн-курс «Верстка html-писем»

Курс «Верстка html-писем с нуля» предназначен для верстальщиков, которые хотят развить свои навыки, изучить что-то новое в сфере, найти новые заказы.

Вы смотрите видеолекции, читаете теорию, делаете верстку вместе со спикером. Второе письмо рекомендуется делать максимально самостоятельно

Вы освоите:

1. Теги, атрибуты и CSS
   Изучите все нужные теги, атрибуты и CSS-свойства, нужные для верстки писем
2. Подготовка изображений
   Изучите, как правильно делать экспорт картинок из макета, куда их складывать и как использовать
3. Верстка типовых блоков
   Изучите, как верстать логотипы, секции с изображениями и фоном, колоночные секции и т.д.
4. Сверстаете два письма
   Сделаете свои первые работы для будущего портфолио

Модуль 1. Введение в курс

5 минут

• Интро. Как учиться на курсе

Модуль 2. Подготовка к работе

35 минут

• Что такое верстка писем, отличия от верстки сайтов
• Редактор кода
• Где хранить изображения письма
• Какие почтовые клиенты нужно поддерживать
• Как и где тестировать email-верстку
• Введение в таблицы для новичков

Модуль 3. Разработка адаптивного письма Chocolatey

1 час 48 минут

• Базовая структура любого письма
• Базовые сбросы и назначения стилей
• Главная таблица письма и прехедер
• Секция 1. Логотип
• Секция 2. Изображение
• Секция 3. Контент в две колонки
• Как создавать кнопки-ссылки
• Промежуточное тестирование
• Секция 4. Изображение с текстом
• Секция 5. Контент в три колонки
• Последние секции письма
• Темная тема
• Адаптивная верстка
• Общее тестирование

Модуль 4. Разработка адаптивного письма Концертного зала

1 час 17 минут

• Создание шаблона для писем
• Секция 1. Логотип и прехедер
• Секция 2. Фоновое изображение
• Секция 3. Контент в две колонки
• Секция 4. Контент в две колонки с разной шириной
• Секция 5. Контент в три колонки
• Последние секции письма
• Темная тема
• Адаптивная верстка
• Общее тестирование

Модуль 5. Заключение

12 минут

• Готовые сниппеты кода
• Gulp-сборка для создания писем
• Отправка готовой верстки через сервис рассылки
• Заключение ко всему курсу