Web Design Courses

"Our email campaigns now benefit from being accessible on tablets and mobile devices. Exactly what we needed from the training." - S. Campbell

Home > Web Design Courses

Building Responsive HTML Emails (2 days)

This two day HTML Email course is focuses on building and testing responsive HTML emails using raw HTML and CSS as well as popular frameworks like MJML. This course is ideal for those with some existing HTML knowledge, but interested in custom designing HTML emails.

This course includes

• 2 days trainer led in small groups
• Your own printed course manual
• Course files to take away
• Choice of PC or Mac for training
• Professional environment with high spec computers
• Refreshments throughout the day
• Lunch provided
• Printed course certificate
• Post course support via email
• Access to our FREE workshop days

HTML Email Overview

Email marketing is big business. Many of today’s most successful companies have moved their marketing budgets away from traditional channels and into digital marketing. Email, and in particular, HTML email is an effective way to communicate your message to customers and followers.

Building HTML emails is a specialist skill - very different from developing for the web. When building HTML emails you need to consider the fact that your customers will not always be using a web browser to view emails. Many will be using email clients such as Outlook, Thunderbird, Apple Mail or smartphone apps.

This two day HTML Email course intended for those who want to build well-designed reliable HTML emails. Delegates will learn the most effective techniques to create great looking HTML emails which work with all major email client software.

Course Outcomes

By the end of this HTML Email course students will understand how to build responsive HTML Emails for marketing including :

• understanding the challenges when coding for email
• making considerations when designing for HTML emails
• understanding how various email readers support HTML & CSS
• creating workarounds for mail clients like Gmail, Yahoo and Outlook
• creating various breakpoints for mobile and tablet screen devices
• testing your code in various email clients and on mobile devices

Course Requirements

This HTML Email course is aimed at designers, developers and marketing staff who want to build responsive HTML emails and improve their coding skills. A basic knowledge of HTML coding is required to attend this course.

This is a reasonably technical course. If you have no prior experience of HTML or CSS development, we recommend attending our Introduction to HTML or Web Design with HTML & CSS training first.

Course Description

Mobile email now surpasses webmail and desktop email client usage by a large margin. This means that any HTML emails that you send to your customers should be suitable for various screen sizes. Building responsive HTML emails requires careful consideration. This two day hands-on training course takes a in-depth look at the technical requirements behind creating HTML email that behave reliably across various email clients.

The training course looks at the various combinations of environments and email clients that are commonly used by your customers. We discuss the potential pitfalls and limitations of some of these email clients. The course looks at building the most compatible emails while still remaining responsive. To do this we use techniques that are quite different from those found in regular day to day web design.

The course places an emphasis on building as much of the HTML email as possible without using images. This helps with accessibility and for clients who do not have images turned on. As such, we will look at using appropriate CSS for inline styling across the design. Where required, images will be responsive so that high quality retina displays and smaller mobile screens receive the correct version of an image.

The second day of the course focuses on the MJML email framework. MJML is responsive by design on most-popular email clients, even Outlook. MJML will help you save time, and code HTML emails more efficiently. Although this course just be an MJML training course, we feel it's important to also understand the underlying HTML and CSS which why it's our priority on day one.

Once we have built a responsive HTML email design, the course then looks at the testing processes available to check design consistency. This will help ensure that the emails we send to our customers are working as expected.

By the end of this course, you will understand the requirements of building HTML emails designs from scratch for use in systems like Campaign Monitor, MailChimp and Constant Contact.

HTML Email Course Highlights

The course covers the following areas :

• Testing HTML Emails
  • Gmail, Yahoo, Outlook problems
  • Manually testing across devices
  • Using 3rd party testing tools
  • Hosting your HTML emails

• Building HTML Emails
  • Building using tables
  • Effectively nesting tables for email
  • Key HTML attributes within the code
  • HTML attributes to avoid
  • CSS support in email clients
  • Taking CSS inline
  • Deploying CSS media queries

• Design for HTML Emails
  • A focus on responsive design
  • Considering email clients
  • Understanding HTML email workflow
  • Modern web design vs email design
  • Mobile first vs desktop first design
  • HTML email frameworks like MJML

HTML Email Course Feedback - 5.0 out of 5.0 stars

"Really sets you up with all the tools to hit the ground sprinting into great Email development. - I have found the course to be so useful and look forward to taking my Email development to the next level. This is my 2nd course with Bjorn and both times have been invaluable. Thank you so much" - Remy @ Comparethemarket.com

"Very relaxed and Bjorn everything explained in a clear, understandable way with no time constraints or rushing. - This course has really helped me in the process of constructing emails in general as well as the addition in making them responsive in the correct way." - Ben @ Ultima Displays

"Small groups make it very personalized as well as focused - Great - would recommend" - Sarah

Course Trainer

Bjorn has been involved in the web design for over 10 years and has experience developing web applications in both small and large teams of developers. Having insights into both the design and development worlds, he is able to understand the capabilities of design packages such as Illustrator, Flash and Photoshop.

Over the past few years he has closely followed the evolving standards for web development and has spent countless hours discussing appropriate markup with web designers in the industry. He has also run training courses on web standards and accessibility which stems from his vast experience with CSS web design.

Course Location

This HTML Email training is run from our rooms on Jubilee Campus in Nottingham, which is part of the University of Nottingham's Innovation Park. These are serviced by a state-of-the-art tram system allowing easy access to the city centre as well as direct hourly rail services from London, Liverpool, Manchester, Birmingham, Derby and Leicester.

Please note that all course prices exclude VAT.