MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.


I'm not curious

Creating a Responsive HTML Email

Course Summary

Create attractive, responsive, HTML Emails, that work in over 30 combinations of the most commonly used email clients.


  • +

    Course Syllabus

    • 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
      • Recommendations for alternate layouts
      • Where to go from here.


Course Fee:
USD 150

Course Type:

Self-Study

Course Status:

Active

Workload:

1 - 4 hours / week

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
REDHERRING
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top