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 |