Марафон Email верстка за 14 дней
О чём курс
Верстка 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. Работа со вторым макетом
- Выдача второго макета для отработки материалов с марафона
- Предварительная демонстрация основного каркаса
Другие материалы школы 6
F frontendblok Все материалыОтзывов пока нет. Будьте первым!
Этот курс сейчас в процессе организации складчины. Нажмите кнопку «Записаться» и ожидайте старта — вам придёт уведомление. Когда складчина стартует, в карточке курса будет указан актуальный взнос. Текущая цена пока в процессе формирования и может отличаться от финальной.
Да, мы стремимся, чтобы финальный взнос был не больше ≈10% от оригинальной цены курса. Чем больше участников записывается в складчину, тем ниже выходит взнос для каждого.
Нажмите кнопку «Записаться» и авторизуйтесь на сайте через email (через ту же почту, которую будете использовать для входа). В личном кабинете вас будут ждать инструкции, как пригласить других участников — чем больше людей записалось, тем быстрее стартует складчина и тем ниже взнос. Как только складчина готова к приобретению, вам придёт уведомление.