HTML Email Мастер - создание адаптивных HTML Email шаблонов
Узнайте, как создавать адаптивные HTML-шаблоны электронной почты, поддерживающие темный режим, протестированные на более чем 82 почтовых клиентах, включая Outlook.
Авторы: Дрю Райан
Субтитры: Русский, Английский [Авто]
Язык: Английский
Чему вы научитесь
- Разработка адаптивного HTML-письма в 2020 году
- Дизайн для почтовых клиентов в темном режиме с помощью CSS Media Queries
- Создавайте электронные письма в формате HTML, которые на 100% обрабатываются более чем 80 почтовыми клиентами, включая Outlook
- Узнайте, как использовать GIF-изображения в электронной почте HTML, фоновом изображении, удобных кнопках Outlook и многом другом.
HTML-разработка электронной почты - один из наименее обсуждаемых навыков фронтенд-разработки, но он очень желателен. Быть фрилансером или делать карьеру в электронной почте HTML - это ХОРОШО (2020). Фрилансеры зарабатывают более тысячи долларов на создание адаптивных макетов HTML-шаблонов электронной почты, а разработчики зарабатывают более 50 долларов в час (100000 долларов в год), создавая проверенные клиентом HTML-электронные письма.
В этом курсе мы создадим адаптивный HTML-шаблон электронной почты в темном режиме, который был протестирован на более чем 80 почтовых клиентах, включая новые и старые версии Outlook. Не нужно беспокоиться о том, чтобы платить 100 долларов в месяц за услуги по тестированию почтового клиента, в ходе курса код, который мы создаем для нашего электронного шаблона, будет протестирован вживую! Таким образом, вы получите полное представление о том, почему нам нужны определенные методы кодирования, совместимые со всеми почтовыми клиентами.
В дополнение к завершенному проекту курса вы получите 9 различных макетов HTML-шаблонов электронной почты и профессиональную HTML-подпись электронной почты, которые были протестированы и тщательно проверены на совместимость с почтовым клиентом .
Протестировано на всех 82 доступных почтовых клиентах:
МОБИЛЬНЫЕ КЛИЕНТЫ
iPad Air 3 iOS 13
iPad Pro (11 дюймов) iOS 13
iPad Pro (12,9 дюйма) iOS 13
iPad Pro (9,7 дюйма) iOS 13
iPhone X iOS 12
iPhone XR iOS 13
iPhone XS iOS 13
iPhone XS Max iOS 13
iPhone XR iOS 13 - Темный режим
iPhone 7 iOS 12
iPhone 7 Outlook iOS 11
iPhone 7+ iOS 12
iPhone 8 iOS 12
iPhone 8 iOS 13
iPhone 8+ iOS 12
iPhone 8+ iOS 13
iPhone 11 iOS 13
iPhone 11 Pro iOS 13
iPhone 11 Pro Max iOS 13
iPhone SE iOS 12
Pixel Gmail Android 6
Pixel Gmail Android 7
Pixel Gmail Android 8
Samsung Mail Android 7
НАСТОЛЬНЫЕ КЛИЕНТЫ
Apple Mail 12, macOS Mojave - Темный режим
Apple Mail 13 macOS Catalina
Apple Mail 13 macOS Catalina - Темный режим
Lotus Notes 8.5 Windows 7
Outlook Office 365 macOS Catalina
Outlook Office 365 macOS Catalina - Темный режим
Outlook Office 365 Windows 10
Outlook Office 365 Windows 10 - Темный режим
Outlook 2007 Windows 7
Outlook 2010 Windows 7
Outlook 2010 (120 точек на дюйм) Windows 7
Outlook 2013 Windows 7
Outlook 2013 (120 точек на дюйм) Windows 7
Outlook 2016 OSX 10.8
Outlook 2016 Windows 10
Outlook 2016 (120 точек на дюйм) Windows 10
Outlook 2019 Windows 10
Outlook 2019 (120 точек на дюйм) Windows 10
Тандерберд Windows 7
ВЕБ-КЛИЕНТЫ
AOL
Comcast
Бесплатный .fr
Freenet .de
Gmail
GMX
Google Apps
Свободно
Mail.ru
Office 365
Outlook .com
T-Online .de
Веб .de
Yahoo!
Материалы курса
• 33 лекций • Общая продолжительность 3 ч 21 мин
- Предпросмотр02:20
- Предпросмотр07:00
- Учебный план курса
00:33 - Гильдия поддержки курсов и исправления кода
04:49 - Текстовый редактор: введение в код Visual Studio
13:06 - Бесплатный хостинг профессиональных фотографий и изображений по электронной почте
04:20
- Введение в разработку электронной почты в формате HTML
04:00 - Предпросмотр00:50
- Доля рынка почтовых клиентов
01:02 - Использование мобильных, веб-почтовых и настольных почтовых клиентов
02:27 - Практическое занятие по таблицам HTML
09:42
- Тип документа электронной почты HTML и метатеги
06:40 - HTML-текст сообщения электронной почты и условное утверждение Outlook
06:51 - Центрирование HTML-шаблона электронной почты
04:02 - Предварительный заголовок HTML-сообщения электронной почты
04:46 - Основная таблица электронной почты в формате HTML и заявление в Outlook
08:08 - Заголовок сообщения электронной почты значков социальных сетей
09:42 - Раздел логотипа
03:01 - Фоновое изображение GIF, часть 1
06:57 - Фоновое изображение GIF, часть 2
07:35 - Фоновое изображение GIF, часть 3
05:56 - Раздел с двумя столбцами, часть 1 - макет таблицы
07:24 - Секция из двух столбцов, часть 2 - Первая колонка
06:07 - Секция из двух столбцов, часть 3 - Вторая колонка
04:31 - Подготовка макетов таблиц с несколькими столбцами
05:37 - Содержание раздела столбца "Две трети"
06:51 - Содержимое раздела из трех столбцов
09:18 - Содержание раздела в четыре столбца
05:13 - Зеленая граница над разделом нижнего колонтитула
01:12 - Нижний колонтитул
10:01 - CSS Media Queries
12:56 - Стиль темного режима и тестирование почтового клиента
10:20
- Бонус
07:50
- Все уровни, от новичка до опытных разработчиков электронной почты HTML
https://www.udemy.com/course/html-email/