HTML Newsletters Training

Responsive HTML Email

Sydney, Melbourne, Onsite and ONLINE

Training Modules (Overview)

  • Getting Started
  • Working with Tables
  • CSS in HTML Email
  • Images and Progressive Enhancement
  • Responsive Design
  • HTML Email Boilerplates, Tips and Tricks

What You Get

  • Free Course Resit (9 months)*
  • 12 Months Access to Help Desk
  • No Risk! Money Back Guarantee
  • Choice of Mac or PC
  • Professional Training Environment
  • Small Classes (average 4 to 8)
Adobe Acrobat Training
Download HTML Newsletters

Course PDF

Private Training

This course is provided as custom training only, please call us on 1300 441 891 to schedule your training

NEED A QUOTE

Need to get approval or a formal quote

Related Courses

Course Outline

Getting Started

  • How HTML Email Works
  • The Limitations of Email Clients – What is and isn’t Possible
  • Strategies for Hand Coding HTML Email – Shortcuts and Workarounds
  • Working with Text in HTML Email – Techniques for Controlling Vertical Spacing with Breaks and Other Methods
  • Testing in a Browser – Setting Up your Browser with Developer Tools
  • Online Email Client Testing with Litmus and Other Solutions

Working with Tables

  • How Tables Work – The Table Structure
  • Using HTML Comments to make it Easier to Read and Edit your Code
  • Setting Default HTML Table Attributes
  • Nesting Tables
  • Building a Single Column Table Layout
  • Alignment and Background Colour Attributes

CSS in HTML Email

  • Writing Embedded Stylesheets
  • Inline Styles – Using a CSS Inliner to Speed Up your Workflow
  • Styling Table Cells and Other Elements
  • Styling with the SPAN Tag
  • Overriding Inline Styles using the !Important Directive
  • Controlling Vertical and Horizontal Spacing using Padding and Margins
  • Fonts, Colours, Line-Height, Letter-Spacing, Borders and Other Essential CSS Properties
  • Fixing CSS Issues with Specific Email Clients

Marking Up Text with HTML5

  • About Whitespace
  • Using Headings and Paragraphs
  • Line Breaks
  • Ordered and Unordered Lists – Customising Lists
  • Bold and Italic

Images and Progressive Enhancement

  • Using JPG, PNG or GIF Files
  • Adding an Animated GIF
  • Creating ‘Bulletproof’ Call to Action Buttons
  • Using Web Fonts
  • Rounded Corners and Box Shadows

Responsive Design

  • What can be Done with Responsive Email?
  • Where will it Work?
  • Allowing Tables, Images and Text Content to Adapt to Device Width
  • Understanding Fluid Widths and Display Properties
  • Media Queries: The Anatomy of a Media Query – Conditions, Selecting Breakpoints
  • Changing the Font Size for Mobiles
  • Fixing Display and Overflow Issues
  • Desktop First Techniques – Changing from a Multi-Column Design to a Single Column
  • Showing and Hiding Content Selectively for Mobile or Desktop
  • Mobile-up Layouts using ‘Fluid Hybrid’ Techniques
  • Reversing Display Order
  • Conditional Comments for Outlook

HTML Email Boilerplates, Tips and Tricks

  • Choosing an HTML Document Type
  • Default HTML and CSS for Consistent Display
  • Essential Resets and Fixes for Specific Email Clients
  • Avoiding Unwanted Resizing on Mobiles
  • Using Preheaders
  • Disabling or Enabling Phone Number Links
  • ‘Faux’ Lists in HTML Email
  • Best Practice for Code and for Content
Private Training

Prefer Private Training?

- Customise your course
- Choose your own dates
- Choose your location

Read More

Responsive HTML Newsletters Testimonials

Jonathon was extremely knowledgeable and not only taught us fundamental concepts, but up-to-date content as well to take advantage of the latest technologies available.
Karen Ackerman, Graphic Designer
This course was really great, cleared up a lot of areas that were confusing to me about HTML emails.
Justin, Management Team
Once again, this was a great course. This short course has provided me with a greater understanding of email marketing. I now feel a lot more confident in any new role.
Elliott, Campaign Specialist
I appreciated the trainers patience and the ability to explain things clearly.
Tanya, Art Gallery Administrator
Was really informative.
Kirk, Digital Consultant
I am very glad to have taken up this course and will gladly recommend to others.
Abby, Marketer
As usual, another high quality training session that provided much thought about what can be done once back in the office!
Maureen de Rosario, Marketing Assistant
The course was full of a great amount of content. Great way to improve your understanding of HTML.
Christine Mercieca, Graphic Designer
I really enjoyed the learning experience and will return for the refresher after a couple of months.
Gary Humphrys, Graphic Designer
This was a great intro course, a huge benefit!
Cliff, Admin Executive