HTML Email Мастер - создание адаптивных HTML Email шаблонов [Udemy] [Дрю Райан]

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

Скрытая ссылка