Онлайн‑курс Вёрстка email-рассылок

все курсы

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

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

Сложность

Продвинутый

Тип обучения

Курс

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

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

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

Отсутствует

Сертификат

Да

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

бесплатно

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

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

Что вас ждёт на обучении

Структурированная теория
В начале каждого раздела вы изучаете теорию из текстового учебника и отобранных нами материалов.
Практика
После изучения теории выполняете домашнее задание, в котором работаете над своим проектом и закрепляете учебный материал.
Ревью кода
После каждого задания ваш наставник проверяет качество работы, делится опытом и рассказывает, как можно сделать лучше.
Адвайзер
Во время учёбы вас будет сопровождать адвайзер. Он поможет составить индивидуальный план прохождения курса — в зависимости от свободного времени, которое вы готовы выделять на обучение.

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

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

Верстка

Email-рассылки

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

HTML Academy

4.4

274 отзыва

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

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

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

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

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

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

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

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

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

Текст и изображения

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

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

Адаптивность

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

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

Тестирование и оптимизация

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

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

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

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

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