Марафон Email верстка за 14 дней

10 участников

О чём курс

Верстка email-рассылок требует иных подходов, чем создание обычных веб-сайтов — здесь вы освоите специфику табличной верстки и адаптации писем под все почтовые клиенты за две недели. Материал разбит на 14 коротких уроков до 10 минут, где фокус сделан на технической реализации: от построения каркаса и работы со шрифтами до внедрения SVG и адаптации макетов. Вы разберетесь в отличиях HTML-писем от AMP-технологий, научитесь тестировать отображение в популярных сервисах и узнаете, как находить профильные заказы на фрилансе.

Программа обучения

  • День 1. Почтовые платформы
    • Основные понятия email-верстки
    • Чем верстка email отличается от верстки веб-сайтов?
    • Популярные почтовые платформы
  • День 2. Общий каркас письма
    • Создание общего каркаса email-письма
    • Особенности, о которых нужно знать перед версткой письма
    • Универсальные HTML-тег
  • День 3. Работа с текстом
    • Безопасные шрифты для email-писем
    • Свойства CSS для работы с текстом
  • День 4. Цвет и отступы
    • Свойства CSS для работы с цветом
    • Создание отступов для таблиц в письме
    • Создание отступов для ячеек в письме
  • День 5. Изображение и ссылки
    • Свойства CSS для работы с изображениями
    • Как работать с SVG-изображениями в письмах?
    • Работа с ссылками
  • День 6. Верстка шапки письма
    • Установка ширины таблицы для письма
    • Верстка учебного макета на практике
  • День 7. Верстка основной части письма
    • Комментирование в разметке
    • Верстка учебного макета на практике
  • День 8. Верстка подвала письма
    • Верстка учебного макета на практике
  • День 9. Обзор популярных ситуаций
    • Разбор популярных ситуаций при верстке email
    • Визуальное отображение и разметка для таких ситуаций
  • День 10. AMP письма
    • Что такое AMP-письма и чем они отличаются от HTML-писем?
    • Метод тестирования визуальной подписи писем
  • День 11. Работа над адаптивом письма
    • Что такое адаптивная верстка?
    • Особенности, которые нужно учитывать при работе над адаптивом
  • День 12. Инструменты тестирования
    • Инструменты для тестирования верстки
    • Проверка верстки на отечественных клиентах
  • День 13. Поиск заказов на фрилансе
    • Как совместить фриланс и верстку email-писем?
    • Как искать заказы и почему эта ниша выгодна?
  • День 14. Работа со вторым макетом
    • Выдача второго макета для отработки материалов с марафона
    • Предварительная демонстрация основного каркаса
Складчина создана 27 июня 2024 г. · описание обновлено 3 мая 2026 г.

Другие материалы школы 6

F frontendblok Все материалы
760 ₽ 7 990 ₽