Программа

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

3.5/5

1 отзыв

Онлайн-курс «Верстка html-писем»
Освойте навык верстки электронных писем и создавайте красивые рассылки с идеальным отображением на любых устройствах.
Форма обучения
Онлайн
Длительность
4 часа
Оплата на сайте
школы
Есть скидка
За весь курс3999 ₽
4999 ₽Выгода:  1000 ₽
Записаться
  • Сверстаете два письма
  • Изучим теги, атрибуты и CSS
  • Рассмотрим подготовку изображений
  • Сделаем верстку типовых блоков
  • Сверстаете два письма
  • Изучим теги, атрибуты и CSS
  • Рассмотрим подготовку изображений
  • Сделаем верстку типовых блоков
  • О курсе
  • Программа
О курсе

Курс «Верстка 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-сборка для создания писем
  • Отправка готовой верстки через сервис рассылки
  • Заключение ко всему курсу
Меню