1300 888 724 8.30am to 5:30pm AEST (Mon-Fri) info@dynamicwebtraining.com.au

Responsive HTML Emails Course

(4.82 out of 5) 76 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
  • Times: 9.00am to 5.00pm approx
  • Download Course PDF
  • Enquire Book Now
    Pay later

Course Dates

  • Sydney Class Dates

    Book Now

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

    14 Jun 22 Tue Online Live
    18 Jul 22 Mon Online Live
    07 Sep 22 Wed Online Live
    17 Oct 22 Mon Online Live
    29 Nov 22 Tue Online Live
  • Melbourne Class Dates

    Book Now

    Level 12, 379 Collins Street, Melbourne , VIC 3000

    14 Jun 22 Tue Online Live
    18 Jul 22 Mon Online Live
    29 Jul 22 Fri Classroom
    07 Sep 22 Wed Online Live
    17 Oct 22 Mon Online Live
    18 Oct 22 Tue Classroom
    29 Nov 22 Tue Online Live
    16 Jan 23 Mon Classroom
    14 Apr 23 Fri Classroom
    03 Jul 23 Mon Classroom
    28 Sep 23 Thu Classroom
  • Brisbane Class Dates

    Book Now

    Level 6, 371 Queen Street, Brisbane , QLD 4000

    14 Jun 22 Tue Online Live
    22 Jun 22 Wed Classroom
    18 Jul 22 Mon Online Live
    02 Sep 22 Fri Classroom
    07 Sep 22 Wed Online Live
    17 Oct 22 Mon Online Live
    23 Nov 22 Wed Classroom
    29 Nov 22 Tue Online Live
    17 Feb 23 Fri Classroom
    08 May 23 Mon Classroom
  • Canberra Class Dates

    Book Now

    All courses facilitated in, Online Live format ,

    14 Jun 22 Tue Online Live
    18 Jul 22 Mon Online Live
    07 Sep 22 Wed Online Live
    17 Oct 22 Mon Online Live
    29 Nov 22 Tue Online Live
  • Adelaide Class Dates

    Book Now

    All courses facilitated in, Online Live format ,

    14 Jun 22 Tue Online Live
    18 Jul 22 Mon Online Live
    07 Sep 22 Wed Online Live
    17 Oct 22 Mon Online Live
    29 Nov 22 Tue Online Live
  • Perth Class Dates

    Book Now

    All courses facilitated in, Online Live format ,

    14 Jun 22 Tue Online Live
    18 Jul 22 Mon Online Live
    07 Sep 22 Wed Online Live
    17 Oct 22 Mon Online Live
    29 Nov 22 Tue Online Live

Course Units

Expand full topic list

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

See more

Unit 2: Simple Responsive Layout: Part II

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

See more

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

See more

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

See more

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

See more

Unit 6: Optimizing the Mobile Layout

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

See more

Unit 7: Best Practices: Preflight

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

See more

Unit 8: Responsive Footer

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

See more

Unit 9: Progressive Enhancement

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

See more

Related Courses

Course Reviews

(4.00 out of 5) Alex P [ 04 May, 2022 ]
Good foundational course for marketers who use marketing automation that uses HTML. This has given me a lot of confidence to utilise such tools in the future.
(5.00 out of 5) Saskia A [ 04 May, 2022 ]
Great pace and super insightful course on responsive emails for HTML. Cath was a great instructor and very helpful.
(5.00 out of 5) sinem k [ 25 January, 2022 ]
Loved the coursed and Cath. Went really indepth into HTML, CSS, making emails responsive and trouble shooting any human errors when building out the email. Found this to be an incredibly useful course that I'd recommend.
(4.90 out of 5) Freya F [ 18 October, 2021 ]
Catherine White was a fantastic trainer who demonstrated such professionalism by explaining everything clearly and concisely whilst allowing us to ask as many questions as we liked and showing us things multiple times if need be. Thanks so much Cath! Great training day.

Read all course reviews

Enquire Now

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

Your details

Other Ways To Get In Touch

You can also Book Online or call us on 1300 888 724

Dynamic Web Training is trusted by

And 12,000+ Small/Large business and entrepreneurs Australia wide!

 
Back to Top