Section 01 - Introduction and Set-up Files | |||
About the course | 00:01:00 | ||
What’s included in the exercise files | 00:01:00 | ||
Setting expectations for you and your clients | 00:02:00 | ||
Beginning the project | 00:02:00 | ||
Section 02 - Creating the Graphics | |||
Creating the Banner and Background Graphics | 00:03:00 | ||
Creating content graphics for multiple screen sizes | 00:02:00 | ||
Section 03 - Creating the HTML Email | |||
Creating the Base HTML Structure | 00:04:00 | ||
Formatting and styling the logo row | 00:02:00 | ||
Formatting and styling the headline row | 00:03:00 | ||
Formatting and styling the content row | 00:03:00 | ||
Formatting and styling the promos row | 00:03:00 | ||
Formatting and styling the callouts row | 00:03:00 | ||
Formatting and styling the footer row | 00:01:00 | ||
Section 04 - Creating Buttons with HTML and CSS | |||
Converting links to buttons with CSS | 00:02:00 | ||
Creating a call-to-action button | 00:05:00 | ||
Section 05 - Adding CSS to the Email | |||
Adding the media queries for medium and small screens. | 00:04:00 | ||
Switching the headline and banner for smaller screen sizes. | 00:03:00 | ||
Adjusting the layout for content and footer for smaller screens. | 00:03:00 | ||
Adjusting the promos for smaller screens. | 00:05:00 | ||
Adjusting the promos for callouts for medium screens. | 00:06:00 | ||
Adjusting the promos for callouts for small screens. | 00:06:00 | ||
Section 06 - Pushing the Envelope | |||
Setting custom inbox preview text. | 00:02:00 | ||
Adding animation to your Email | 00:02:00 | ||
Using web fonts in your email | 00:02:00 | ||
Adding HTML5 video into your email | 00:06:00 | ||
Encoding and embedding base64 images | 00:05:00 | ||
Using High Definition (Retina) graphics in your HTML Email | 00:11:00 | ||
Section 07 - Validating and Testing | |||
Validating the code of your HTML email. | 00:02:00 | ||
Testing your HTML Email with an online service | 00:05:00 | ||
Suggested adjustments for Yahoo! Mail | 00:01:00 | ||
Suggested adjustments for Blackberry 5 OS. | 00:01:00 | ||
Suggested adjustments for Lotus Notes 6.5, 7, and 8.5. | 00:01:00 | ||
Section 08 - Where to go from here | |||
Where to go from here | 00:01:00 | ||
Recommendation for alternate layouts | 00:03:00 | ||
Resources | |||
Resources – Create a Responsive HTML Email Template | 00:00:00 | ||
Order Your Certificate | |||
Order Your Certificate Now | 00:00:00 |
Membership renews after 12 months. You can cancel anytime from your account.