About the course
Did you know that over 46% of email is now read on mobile devices?
Designing HTML email can be quite challenging, considering the limited capabilities of many email clients (readers). In contrast, most new email readers supports many of the latest trends in web design. What to do?
Enter Responsive HTML Email. This course will show you how to design and construct an HTML email design that will render properly in such email readers and Outlook 2003 and Gmail, all the way through modern Android, Apple, and Windows phones. We will also explore online tools and services that will help you test your campaigns. Learn what is possible with HTML email.
Running Time: 78 minutes
Who Should Attend?
Graphic Designers, Email Marketers, Front-end Web Developers
Curriculum
Lesson 1: Introduction and Set-up Files
-
Lecture 1: What's included in the exercise files
-
Lecture 3: Beginning the project
Lesson 2: Creating the Graphics
-
Lecture 1: Creating the Banner and Background Graphics
Lesson 3: Creating the HTML Email
-
Lecture 1: Creating the Base HTML Structure
-
Lecture 2: Formatting and styling the logo row
-
Lecture 3: Formatting and styling the headline row
-
Lecture 4: Formatting and styling the content row
-
Lecture 5: Formatting and styling the promos row
-
Lecture 6: Formatting and styling the callouts row
-
Lecture 7: Formatting and styling the footer row
Lesson 4: Creating Buttons with HTML and CSS
-
Lecture 1: Converting links to buttons with CSS
-
Lecture 2: Creating a call-to-action button
Lesson 5: Adding CSS to the Email
-
Lecture 4: Adjusting the promos for smaller screens
Lesson 6: Pushing the Envelope
-
Lecture 1: Setting custom inbox preview text
-
Lecture 2: Adding animation to your email
-
Lecture 3: Using web fonts in your email
-
Lecture 4: Adding HTML5 video into your email
-
Lecture 5: Encoding and embedding base64 images
Lesson 7: Validation and Testing
-
Lecture 1: Validating the code of you HTML email
-
Lecture 3: Suggested adjustments for Yahoo! Mail
-
Lecture 4: Suggested adjustments for Blackberry 5 OS
Lesson 8: Where to go from here
-
Lecture 1: Recommendations for alternate layouts
-
Lecture 2: Where to go from here
Library
Storage
-
.zip 01_02_exercisefiles