Вёрстка email-рассылок

все курсы

Программирование

4.2

начало 20 апреля

Сложность

Продвинутый

Тип обучения

Курс

Формат обучения

С проверкой домашнего задания

Трудоустройство

Отсутствует

Стоимость курса

31 400 ₽

есть рассрочка

Курс проходит в асинхронном формате. Вы можете начать обучение в любое время и двигаться по программе с комфортной вам скоростью.
Главная ценность курса — большой объём обратной связи от наставника, который детально разберёт ваш код, определит пробелы в понимании материала и поможет со всем справиться.
Курс рассчитан на опытных разработчиков, желающих поднять свои навыки. Для его освоения нужны навыки вёрстки. Курс подойдёт и для новичков, которые успешно прошли курс «HTML и CSS. Адаптивная вёрстка и автоматизация».
В курсе мы используем самые эффективные для обучения профессионалов форматы: тексты и автотесты. Мы не злоупотребляем видео и используем его только там, где оно необходимо.

На этом курсе вы научитесь делать настоящие проекты, такие же по уровню сложности, как в индустрии. И будете делать их правильно, чтобы после обучения выдавать результат высокого уровня, за который компании готовы платить.

Что вы получите после обучения

Приобретаемые навыки

CSS

HTML+CSS

Email-рассылки

Маркетинг

Образовательная организация

HTML Academy

4.4

274 отзыва

Наша цель — сделать из любого новичка полноценного и востребованного специалиста, готового работать в веб-индустрии.

В 2013 году Саша и Лёша запустили HTML Academy. Мы с самого начала решили учить работать с живым кодом, решая задачи, приближенные к реальным. Мы даём возможность получить не только знания, но и умения. В процессе обучения мы сталкиваем ученика с испытаниями, принцип которых — «сверстай, как показано в образце». Именно по такому принципу работают большинство верстальщиков.

Мы считаем вёрстку очень полезным навыком для любой IT-специальности. Поэтому стараемся делать наши тренажёры максимально интересными, затягивающими, интерактивными, необычными, где-то похожими на игру.

Мы подготовили тренажёры, затрагивающие разные аспекты работы верстальщика. Этого достаточно, чтобы вплотную познакомиться с вёрсткой. А для тех, кто хочет вырасти в профессионала, мы подготовили шесть онлайн-курсов. Эти уникальные образовательные программы позволяют подготовить специалистов с необходимыми для веб-индустрии навыками. И в этом нам помогают наставники. Сейчас с нами работают более трёхсот наставников.

Если тренажёров и курсов вам будет мало, то можно посмотреть на книжную полку, где мы постепенно собираем книги по веб-разработке. Или зайти к нам на форум и обсудить волнующий вас вопрос.

Программа курса

Раздел 1 Особенности вёрстки email-рассылок

В начале курса разберём, в чём заключается разница между привычной вёрсткой веб-страниц и вёрсткой писем для почтовых клиентов. Разберём важные аспекты вёрстки для почтовиков, рассмотрим особенности почтовых клиентов, а также некоторые тонкости.

Какие возможности CSS поддерживают и не поддерживают почтовики.
Табличная вёрстка.
Инлайновые стили. Сервисы для сведения стилей.
Типы почтовых клиентов и их поддержка.
Тонкости: прехедеры и смайлы в теме.

Раздел 2 Текст и изображения

Будем разбираться, как оформить текст, чтобы он везде отображался красиво. Какие шрифты использовать. Когда лучше сделать текст картинкой, а когда текстом. А также разберёмся, как оформлять изображения, в том числе и для ретиновых дисплеев, и почему так важно указывать alt.

Шрифты и их поддержка почтовыми клиентами.
Для чего и как использовать сервис «Типограф».
Оформление изображений. Изображения для ретины.
Фоновые изображения.

Раздел 3 Адаптивность

Что делать, если текст письма на мобильном устройстве слишком мелкий? Или письмо выезжает за пределы экрана? Или нужно перестроить сетку товаров с двух колонок в одну?

Обо всём этом мы поговорим в этом разделе. Узнаем, как реализовать адаптивность письма, с какими проблемами можно столкнуться, и как их разрешить

Медиа-выражения в письмах.
Адаптивность с помощью инлайн-блоков.
Outlook и его неподдержка адаптивности.

Раздел 4 Тестирование и оптимизация

Важно всегда тестировать свою работу перед отправкой заказчику или выкатыванием в прод. Мы познакомимся с типовыми проблемами и багами вёрстки рассылок, чтобы отлавливать их ещё на этапе тестирования.

Письмо необходимо проверять во всех популярных почтовых клиентах, а чтобы ускорить этот процесс, мы познакомимся с сервисами тестирования рассылок. А также разберёмся, как оптимизировать письмо и ускорить его загрузку.

Типовые проблемы вёрстки рассылок: обрезка писем почтовиком, автоподстановка ссылок в текст и другие.
Сервисы для тестирования рассылок.
Приёмы оптимизации рассылок: уменьшение объёма разметки с помощью фонов и другие.

Раздел 5 Фреймворки и конструкторы для вёрстки писем

Для тех, кто хочет знать больше. Рассмотрим, какие существуют инструменты для создания рассылок. Разберём, какие фреймворки и конструкторы существуют, и когда лучше использовать их, а когда написать код с нуля.

Сервисы рассылок и встроенные в них конструкторы писем.
Популярные фреймворки: Zurb Foundation и MJML.