7 Students
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 | ||
Order Your Certificate | |||
Order Your Certificate | 00:00:00 |