udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
HTML Email Mastery - Создание Адаптивных HTML Шаблонов
HTML Email Mastery - Build Responsive HTML Email Templates
Продолжительность
3 ч 21 мин
Категория
HTML
Количество уроков
33 Видео
Дата добавления
15 нояб. 2020 г., 23:42
Язык
Английский
Дата выхода
17 окт. 2020 г., 03:00
Разработка Email HTML Шаблонов - один из наименее обсуждаемых навыков фронтенд-разработки, но он очень желателен. Фрилансеры зарабатывают более тысячи долларов на создание адаптивных макетов HTML-шаблонов электронной почты, а разработчики зарабатывают более 50 долларов в час (100 000 долларов в год), создавая проверенные клиентом HTML-электронные письма.
В этом курсе мы создадим адаптивный HTML email-шаблон почты в темном режиме, который был протестирован на более чем 80 почтовых клиентах, включая новые и старые версии Outlook. Не нужно беспокоиться о том, чтобы платить 100 долларов в месяц за услуги по тестированию почтового клиента, в ходе курса код, который мы создаем для нашего шаблона, будет протестирован вживую! Таким образом, вы получите полное представление о том, почему нам нужны определенные методы, совместимые со всеми почтовыми клиентами.
В дополнение к завершенному проекту курса вы получите 9 различных макетов HTML-шаблонов электронной почты и профессиональную HTML-подпись электронной почты, которые были протестированы и тщательно проверены на совместимость с почтовым клиентом :).
Протестировано на всех 82 доступных почтовых клиентах:
Мобильние клиенты:
iPad Air 3 iOS 13
iPad Pro (11-inch) iOS 13
iPad Pro (12.9-inch) iOS 13
iPad Pro (9.7-inch) iOS 13
iPhone X iOS 12
iPhone XR iOS 13
iPhone XS iOS 13
iPhone XS Max iOS 13
iPhone XR iOS 13 - Dark Mode
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 - Dark Mode
Apple Mail 13 macOS Catalina
Apple Mail 13 macOS Catalina - Dark Mode
Lotus Notes 8.5 Windows 7
Outlook Office 365 macOS Catalina
Outlook Office 365 macOS Catalina - Dark Mode
Outlook Office 365 Windows 10
Outlook Office 365 Windows 10 - Dark Mode
Outlook 2007 Windows 7
Outlook 2010 Windows 7
Outlook 2010 (120 dpi) Windows 7
Outlook 2013 Windows 7
Outlook 2013 (120 dpi) Windows 7
Outlook 2016 OSX 10.8
Outlook 2016 Windows 10
Outlook 2016 (120 dpi) Windows 10
Outlook 2019 Windows 10
Outlook 2019 (120 dpi) Windows 10
Thunderbird Windows 7
Веб клиенты:
AOL
Comcast
Free .fr
Freenet .de
Gmail
GMX
Google Apps
Libero
Mail .ru
Office 365
Outlook .com
T-Online .de
Web .de
Yahoo!
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
-
Урок 1. 00:02:21Introduction to the Course
-
Урок 2. 00:07:01Course Project Details & Downloads Overview
-
Урок 3. 00:00:34Course Curriculum
-
Урок 4. 00:04:50Course Support & Code Fixing Guild
-
Урок 5. 00:13:07Text Editor: Introduction to Visual Studio Code
-
Урок 6. 00:04:21Free Professional Photos & Email Image Hosting
-
Урок 7. 00:04:01Introduction to HTML Email Development
-
Урок 8. 00:00:51Email Clients List & Email Preview Testing
-
Урок 9. 00:01:03Email Clients Market Share
-
Урок 10. 00:02:28Mobile, Webmail, & Desktop Email Client Usage
-
Урок 11. 00:09:43HTML Tables Practice Activity
-
Урок 12. 00:06:41HTML Email Document Type & Meta Tags
-
Урок 13. 00:06:52HTML Email Body & Outlook Conditional Statement
-
Урок 14. 00:04:03Centering the HTML Email Template
-
Урок 15. 00:04:47Preheader HTML Email Text
-
Урок 16. 00:08:09Main HTML Email Table & Outlook Statement
-
Урок 17. 00:09:43Social Media Icons Email Header
-
Урок 18. 00:03:02Logo Section
-
Урок 19. 00:06:58GIF Background Image Part 1
-
Урок 20. 00:07:36GIF Background Image Part 2
-
Урок 21. 00:05:57GIF Background Image Part 3
-
Урок 22. 00:07:25Two Column Section Part 1 - Table Layout
-
Урок 23. 00:06:08Two Column Section Part 2 - First Column
-
Урок 24. 00:04:32Two Column Section Part 3 - Second Column
-
Урок 25. 00:05:38Preparing Multi-Column Table Layouts
-
Урок 26. 00:06:52Two Thirds Column Section Content
-
Урок 27. 00:09:19Three Column Section Content
-
Урок 28. 00:05:14Four Column Section Content
-
Урок 29. 00:01:13Green Border Above Footer Section
-
Урок 30. 00:10:02Footer Section
-
Урок 31. 00:12:57CSS Media Queries
-
Урок 32. 00:10:21Dark Mode Style & Email Client Testing
-
Урок 33. 00:07:51Bonus
Автор - udemy
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
frontendmasters
27 сент. 2019 г., 22:49
HTML Email, v2
В последние несколько лет произошел взрыв в креативных методах создания электронных писем в формате HTML. Вы больше не ограничены электронными письмами и макетами на основе таблиц. На этом семинаре эксперт по электронной почте Джейсон Родригес познакомит вас с новейшими методами разработки привлекательных HTML-писем. Мы рассмотрим основы электронной почты, такие как структура HTML, семантическая разметка, макеты и создание доступных электронных п
frontendmasters
16 февр. 2017 г., 00:00
Верстка адаптивных HTML Email
Responsive HTML Email Design
Email является одним из наиболее важных инструментов для связи с людьми в Интернете. Большинство веб-дизайнеров высмеивают HTML Email's как устаревшие, трудные в разработке, и поэтому не стоят свеч. Изучи важность HTML Email, чтобы доказать что создание красивых, адаптивных электронных писем не так страшно, как все думают.
ultimatecourses.com
3 авг. 2020 г., 21:56
Основы HTML + CSS
HTML + CSS Basics
Изучите основы HTML + CSS для повседневной разработки. Изучайте HTML и семантическую разметку с самого начала и осваивайте основные принципы того, что нужно знать разработчику CSS, чтобы начать создавать реальные веб-сайты, приложения и не только.
developedbyed.com
1 февр. 2020 г., 17:58
Творческий курс по HTML5 и CSS3
The Creative HTML5 & CSS3 Course
Создайте 3 удивительных, хорошо разработанных и анимированных сайта с нуля! Творческий курс HTML5 и CSS3 был создан для всех, кто интересуется изучением веб-разработки.
Изучите HTML и CSS за несколько часов
С помощью видеокурса HTML и CSS вы научитесь верстать адаптивные HTML страницы. Вы самостоятельно создадите портал КиноМонстр, работающий как на компьютерах, так и в мобильных устройствах. А также вы освоите HTML и CSS.Мы рассмотрим как фиксированную верстку сайтов, так и адаптивную верстку. Адаптивная верстка "подстраивается" под устройства с разными разрешениями экранов.Если вы хотите освоить верстку, изучить HTML и CSS - этот ку
Thanks!!
will this course be updated soon?