Full star Half star Star PDF
The Ultimate Training Experience.

Responsive HTML Emails Course

(4.84 out of 5) 86 Student Reviews

About the Course

This hands on one day course will teach participants how to create a marketing email or newsletter by hand coding the HTML and CSS. You will learn the best practises for building a responsive email design that will ensure an excellent user experience for desktop, webmail and mobile users. After completing this course you will be able to create a single-column email with a fluid layout and a more complex two column layout that will convert to a single column layout on most mobile devices by using media queries.

Who should do this course?

This course is designed for people who want to learn to use HTML to build marketing emails or newsletters.

Prerequisites

Participants should have completed the 'Introduction to HTML' course - or have equivalent knowledge before commencing this course. It is also highly recommended that participants have a basic understanding of CSS to get the most value from this course.

Course Details

$495 incl GST

  • Duration:1 Days
  • Max. Class Size:10
  • Avg. Class Size:5
  • Study Mode:
    Classroom Online Live
  • Level:Intermediate
  • Course Times: Classroom: 9.00am to 5.00pm approx(Local Time) Online Live: 9.00am to 5.00pm approx(AEST or AEDT)
  • Download Course PDF
Pay Later

Course Dates

Sydney Class Dates

Level 11, 32 Walker Street, North Sydney , NSW 2060

06 Feb 25 Thu Online Live
31 Mar 25 Mon Online Live
29 May 25 Thu Online Live
28 Jul 25 Mon Online Live
25 Sep 25 Thu Online Live
Melbourne Class Dates

Level 12, 379 Collins Street, Melbourne , VIC 3000

06 Feb 25 Thu Online Live
31 Mar 25 Mon Online Live
29 May 25 Thu Online Live
28 Jul 25 Mon Online Live
25 Sep 25 Thu Online Live
Brisbane Class Dates

Level 6, 371 Queen Street, Brisbane , QLD 4000

06 Feb 25 Thu Online Live
31 Mar 25 Mon Online Live
29 May 25 Thu Online Live
28 Jul 25 Mon Online Live
25 Sep 25 Thu Online Live
Canberra Class Dates

All courses facilitated in, Online Live format ,

06 Feb 25 Thu Online Live
31 Mar 25 Mon Online Live
29 May 25 Thu Online Live
28 Jul 25 Mon Online Live
25 Sep 25 Thu Online Live
Adelaide Class Dates

All courses facilitated in, Online Live format ,

06 Feb 25 Thu Online Live
31 Mar 25 Mon Online Live
29 May 25 Thu Online Live
28 Jul 25 Mon Online Live
25 Sep 25 Thu Online Live
Perth Class Dates

All courses facilitated in, Online Live format ,

06 Feb 25 Thu Online Live
31 Mar 25 Mon Online Live
29 May 25 Thu Online Live
28 Jul 25 Mon Online Live
25 Sep 25 Thu Online Live

Course Units

Unit 1: Simple Responsive Layout: Part I

  • Coding the Outer Table
  • Placing the Header Image
  • Nesting an Inner Table
  • Adding the Text-Based Content
  • Fixing a Gap Below Images

Unit 2: Simple Responsive Layout: Part II

  • Styling the Content Using Embedded Styles
  • Managing Bulleted Lists
  • Making the Email Responsive
  • Introduction to Media Queries

Unit 3: 2-Column Layout: Media Queries

  • Coding the Nested Table Structure
  • Writing Styles for Desktop and Mobile Versions
  • Media Queries for Fine Tuning Mobile Responsive Design
  • Modifying Media Queries

Unit 4: Mobile-Friendly Column Layout

  • Coding the Table for the 2-Column Content
  • Converting the Mobile Layout to 1-Column
  • Adding the Other Date Listings
  • Refining the CSS for a Classier Look

Unit 5: Optimizing Images for Mobile

  • HTML Email Image Quality: A Balancing Act
  • Dealing with Hi-Res/Retina Images
  • Swapping the Banner on Mobile
  • Further Optimizing the Mobile Banner

Unit 6: Optimizing the Mobile Layout

  • Sizing Up Paragraph Text on Mobile
  • Removing Excess Margins on Mobile
  • Removing the Table Borders

Unit 7: Best Practices: Preflight

  • Adding a Preheader to Entice Mobile Users
  • Inlining the Styles with MailChimp’s Inliner

Unit 8: Responsive Footer

  • Structuring the Footer Layout
  • Styling the Footer
  • Optimizing the Footer for Smaller Mobile Devices

Unit 9: Progressive Enhancement

  • Rounding Image Corners with Border Radius
  • Adding CSS Box Shadow
  • Using Google Web Fonts

Related Courses

Course Reviews

(5.00 out of 5) [ 07 March, 2024 ]

Cath was amazing as always. Very thorough with the course program and has helped me understand more about creating HTML eDMS. Thank you for all your help Cath!

(5.00 out of 5) [ 07 March, 2024 ]

I really enjoyed this class. i came in with a heap of questions from past EDM design challenges and they were all answered throughout the course content. Exactly what I needed.

(5.00 out of 5) [ 22 January, 2024 ]

Cath is extremely knowledgeable and went through everything at the perfect pace. I have learnt a lot that I can take with me to work!

(5.00 out of 5) [ 22 January, 2024 ]

This was great. It will be really helpful. I will likely do this course again to reinforce what I learned today.

Read all course reviews

Enquire Now

Fill in your details to have a training consultant contact you to discuss your training needs.

Note: Form fields marked with * are required.

Your details
Please enter a valid email address for shipping updates.
I am enquiring about a...
REQUEST A CALLBACK
A team member will call you at a time convenient to you.
Your message was sent, thank you!
Contact us

Level 11, 32 Walker Street, North Sydney NSW, 2060