Introduction and Set-up Files
- About this course.
- What's included in the exercise files.
- Setting expectations for you and your clients.
- Beginning the project.
Creating the Graphics
- Creating the Banner and Background Graphics.
- Creating content graphics for multiple screen sizes.
Creating the HTML Email
- Creating the Base HTML Structure.
- Formatting and styling the logo row.
- Formatting and styling the headline row.
- Formatting and styling the content row.
- Formatting and styling the promos row.
- Formatting and styling the callouts row.
- Formatting and styling the footer row.
Creating Buttons with HTML and CSS
- Converting links to buttons with CSS.
- Creating a call-to-action button.
Adding CSS to the Email
- Adding the media queries for medium and small screens.
- Switching the headline and banner for smaller screen sizes.
- Adjusting the layout for content and footer for smaller screens.
- Adjusting the promos for smaller screens.
- Adjusting the promos for callouts for medium screens.
- Adjusting the promos for callouts for small screens.
Pushing the Envelope
- Setting custom inbox preview text.
- Adding animation to your email.
- Using web fonts in your email.
- Adding HTML5 video into your email
- Encoding and embedding base64 images
- Using High Definition (Retina) graphics in your HTML Email
Validation and Testing
- Validating the code of you HTML email.
- Testing your HTML email with an online service.
- Suggested adjustments for Yahoo! Mail.
- Suggested adjustments for Blackberry 5 OS.
- Suggested adjustments for Lotus Notes 6.5, 7, and 8.5.
Where to go from here
- Where to go from here.
- Recommendations for alternate layouts
