Після завершення курсу ви навчитеся оформляти email-розсилки відповідно до дизайну, адаптувати листи під мобільні екрани, тестувати і прискорювати завантаження листів.
Курс розрахований на тих, хто вже має знання і досвід верстки веб-сторінок. Програма курсу підготує вас до завдань, з якими часто стикаються верстальники, працюючи в компанії або на фрілансі.
Розділ 1
Особливості верстки email-розсилок
На початку курсу розберемо, в чому полягає різниця між звичною версткою веб-сторінок і версткою листів для поштових клієнтів. Розберемо важливі аспекти верстки для поштовиків, розглянемо особливості поштових клієнтів, а також деякі тонкощі.
Які можливості CSS підтримують і не підтримують поштовики.
Таблична верстка.
Инлайновые стилі. Сервіси для зведення стилів.
Типи поштових клієнтів та їх підтримка.
Тонкощі: прехедери і смайли в темі.
Розділ 2
Текст і зображення
Будемо розбиратися, як оформити текст, щоб він скрізь відображався красиво. Які шрифти використовувати. Коли краще зробити текст картинкою, а коли текстом. А також розберемося, як оформляти зображення, в тому числі і для ретинових дисплеїв, і чому так важливо вказувати alt.
Шрифти та їх підтримка поштовими клієнтами.
Для чого і як використовувати Сервіс "Типограф".
Оформлення зображень. Зображення для ретини.
Фонові зображення.
РОЗДІЛ 3
Адаптивність
Що робити, якщо текст листа на мобільному пристрої занадто дрібний? Або лист виїжджає за межі екрану? Або потрібно перебудувати сітку товарів з двох колонок в одну?
Про все це ми поговоримо в цьому розділі. Дізнаємося, як реалізувати адаптивність листи, з якими проблемами можна зіткнутися, і як їх вирішити
Медіа-вирази в листах.
Адаптивність за допомогою інлайн-блоків.
Outlook та його непідтримка адаптивності.
Розділ 4
Тестування та оптимізація
Важливо завжди тестувати свою роботу перед відправкою замовнику або викочуванням в прод. Ми познайомимося з типовими проблемами і багами верстки розсилок, щоб відловлювати їх ще на етапі тестування.
Лист необхідно перевіряти у всіх популярних поштових клієнтах, а щоб прискорити цей процес, ми познайомимося з сервісами тестування розсилок. А також розберемося, як оптимізувати лист і прискорити його завантаження.
Типові проблеми верстки розсилок: обрізка листів поштовиком, автопідстановка посилань в текст і інші.
Сервіси для тестування розсилок.
Прийоми оптимізації розсилок: зменшення обсягу розмітки за допомогою фонів та інші.
Розділ 5
Фреймворки і конструктори для верстки листів
Для тих, хто хоче знати більше. Розглянемо, які існують інструменти для створення розсилок. Розберемо, які фреймворки і конструктори існують, і коли краще використовувати їх, а коли написати код з нуля.
Сервіси розсилок і вбудовані в них конструктори листів.
Популярні фреймворки: Zurb Foundation та MJML.
https://privatelink.de/?https://htmlacademy.ru/intensive/email