• Search
  • Cart
  • Courses

Responsive HTML Emails

(4.79 out of 5) 36 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 Benefits

  • FREE Re-sit up to 8 months
  • FREE eMail Support
  • Certified Expert Trainers
  • Printed Course Manual
  • Certificate of Completion
  • Small Class Sizes
  • Hands-on Training Methods
  • Fully Set-Up Computer Labs

Quick Facts

$ 495 incl GST

Duration: 1 Days

Max. Class Size: 10

Avg. Class Size: 5

Level: Intermediate

Times: 9.00am to 5.00pm approx

Course Dates

25 Aug 17Fri

24 Oct 17Tue

13 Dec 17Wed

08 Feb 18Thu

06 Apr 18Fri

More Dates

Address

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

View map

Click Here external link for Google Map

25 Aug 17Fri

19 Oct 17Thu

12 Dec 17Tue

09 Feb 18Fri

03 Apr 18Tue

More Dates

Address

Level 12
379 Collins Street,
Melbourne , VIC 3000

View map

Click Here external link for Google Map

18 Oct 17Wed

15 Jan 18Mon

09 Apr 18Mon

06 Jul 18Fri

24 Sep 18Mon

Address

C/O Support Technology
Level 6, 371 Queen Street,
Brisbane , QLD 4000

View map

Click Here external link for Google Map

Upon demand

This course is currently upon demand in Canberra

Address

C/O Atlas Business Services
Level 1, 33 Ainslie Place,
Canberra , ACT 2601

View map

Click Here external link for Google Map

Upon demand

This course is currently upon demand in Adelaide

Address

C/O The International Visualisation Centre (IVC)
19 Young Street,
Adelaide , SA 5000

View map

Click Here external link for Google Map

Upon demand

This course is currently upon demand in Perth

Address

C/O Saxons Training Facilities
Level 1, 140 St Georges Terrace,
Perth , WA 6000

View map

Click Here external link for Google Map

Please Join the waiting list and We'll notify you when a new class is scheduled or if a place becomes available.

Course Units

Expand full topic list

Unit 1: Simple Responsive Layout: Part I

See topics

  • 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

See topics

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

Unit 3: 2-Column Layout: Media Queries

See topics

  • 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

See topics

  • 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

See topics

  • 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

See topics

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

Unit 7: Best Practices: Preflight

See topics

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

Unit 8: Responsive Footer

See topics

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

Unit 9: Progressive Enhancement

See topics

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

Reviews

(4.90 out of 5) Marika W [ 11 May, 2017 ]
It was a great overview of the differences of web vs email html structure and limitations of email clients.
(5.00 out of 5) Kathleen [ 11 May, 2017 ]
It helped improve my understanding of things I've been using for a while now, and it was good to be walked through a few things that will help me troubleshoot my email building in future.

See more reviews

(5.00 out of 5) Grant S [ 24 March, 2017 ]
Very helpful and attentive to every question. Made responsive coding seem more simple that I had previously thought
(4.70 out of 5) Jay G [ 24 March, 2017 ]
I learned some valuable reasons about why mark up is the way it is. It was great to be able to understand why certain code is there, and what happens if it is omitted.

Read all 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