Creating a Responsive HTML Email

Creating a Responsive HTML Email, available at $49.99, has an average rating of 4.5, with 34 lectures, based on 1297 reviews, and has 7688 subscribers.

You will learn about Learn to create an HTML Email layout compatible with a wide range of email clients Discover techniques to design elements that will "gracefully degrade" in older email clients without losing the design integrity Add CSS to your HTML Email to take advantage of newer email clients and varying screen sizes This course is ideal for individuals who are Designers, marketers, or anyone tasked with creating HTML Emails across a range of screens and devices. It is particularly useful for Designers, marketers, or anyone tasked with creating HTML Emails across a range of screens and devices.

Enroll now: Creating a Responsive HTML Email

Summary

Title: Creating a Responsive HTML Email

Price: $49.99

Average Rating: 4.5

Number of Lectures: 34

Number of Published Lectures: 34

Number of Curriculum Items: 34

Number of Published Curriculum Objects: 34

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Learn to create an HTML Email layout compatible with a wide range of email clients
Discover techniques to design elements that will "gracefully degrade" in older email clients without losing the design integrity
Add CSS to your HTML Email to take advantage of newer email clients and varying screen sizes

Who Should Attend

Designers, marketers, or anyone tasked with creating HTML Emails across a range of screens and devices.

Target Audiences

Designers, marketers, or anyone tasked with creating HTML Emails across a range of screens and devices.

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: 88 minutes

Course Curriculum

Chapter 1: Introduction and Set-up Files

Lecture 1: About this course.

Lecture 2: What's included in the exercise files.

Lecture 3: Setting expectations for you and your clients.

Lecture 4: Beginning the project.

Chapter 2: Creating the Graphics

Lecture 1: Creating the Banner and Background Graphics.

Lecture 2: Creating content graphics for multiple screen sizes.

Chapter 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.

Chapter 4: Creating Buttons with HTML and CSS

Lecture 1: Converting links to buttons with CSS.

Lecture 2: Creating a call-to-action button.

Chapter 5: Adding CSS to the Email

Lecture 1: Adding the media queries for medium and small screens.

Lecture 2: Switching the headline and banner for smaller screen sizes.

Lecture 3: Adjusting the layout for content and footer for smaller screens.

Lecture 4: Adjusting the promos for smaller screens.

Lecture 5: Adjusting the promos for callouts for medium screens.

Lecture 6: Adjusting the promos for callouts for small screens.

Chapter 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

Lecture 6: Using High Definition (Retina) graphics in your HTML Email

Chapter 7: Validation and Testing

Lecture 1: Validating the code of you HTML email.

Lecture 2: Testing your HTML email with an online service.

Lecture 3: Suggested adjustments for Yahoo! Mail.

Lecture 4: Suggested adjustments for Blackberry 5 OS.

Lecture 5: Suggested adjustments for Lotus Notes 6.5, 7, and 8.5.

Chapter 8: Where to go from here

Lecture 1: Where to go from here.

Lecture 2: Recommendations for alternate layouts

Instructors

Chris Converse
Designer and Developer at Codify Design Studio

Rating Distribution

1 stars: 22 votes
2 stars: 47 votes
3 stars: 244 votes
4 stars: 451 votes
5 stars: 533 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu