Responsive HTML Emails Course
(4.83 out of 5) 82 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
Course Dates
Sydney Class Dates
Level 11, 32 Walker Street, North Sydney , NSW 2060
| 22 Jan 24 | Mon | Online Live |
| 07 Mar 24 | Thu | Online Live |
| 18 Apr 24 | Thu | Online Live |
| 28 May 24 | Tue | Online Live |
| 11 Jul 24 | Thu | Online Live |
| 20 Aug 24 | Tue | Online Live |
Melbourne Class Dates
Level 12, 379 Collins Street, Melbourne , VIC 3000
| 22 Jan 24 | Mon | Online Live |
| 07 Mar 24 | Thu | Online Live |
| 18 Apr 24 | Thu | Online Live |
| 28 May 24 | Tue | Online Live |
| 11 Jul 24 | Thu | Online Live |
| 20 Aug 24 | Tue | Online Live |
Brisbane Class Dates
Level 6, 371 Queen Street, Brisbane , QLD 4000
| 22 Jan 24 | Mon | Online Live |
| 07 Mar 24 | Thu | Online Live |
| 18 Apr 24 | Thu | Online Live |
| 28 May 24 | Tue | Online Live |
| 11 Jul 24 | Thu | Online Live |
| 20 Aug 24 | Tue | Online Live |
Canberra Class Dates
All courses facilitated in, Online Live format ,
| 22 Jan 24 | Mon | Online Live |
| 07 Mar 24 | Thu | Online Live |
| 18 Apr 24 | Thu | Online Live |
| 28 May 24 | Tue | Online Live |
| 11 Jul 24 | Thu | Online Live |
| 20 Aug 24 | Tue | Online Live |
Adelaide Class Dates
All courses facilitated in, Online Live format ,
| 22 Jan 24 | Mon | Online Live |
| 07 Mar 24 | Thu | Online Live |
| 18 Apr 24 | Thu | Online Live |
| 28 May 24 | Tue | Online Live |
| 11 Jul 24 | Thu | Online Live |
| 20 Aug 24 | Tue | Online Live |
Perth Class Dates
All courses facilitated in, Online Live format ,
| 22 Jan 24 | Mon | Online Live |
| 07 Mar 24 | Thu | Online Live |
| 18 Apr 24 | Thu | Online Live |
| 28 May 24 | Tue | Online Live |
| 11 Jul 24 | Thu | Online Live |
| 20 Aug 24 | 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
Cath was a great teacher! She answered all my questions and took the time to look at examples from my work. She is very knowledgeable and explains everything very clearly.
Cath was really understandable of my novice experience and walked us through at a good pace. Thank you Cath!
Cath was great at explaining everything. She took her time explaining everything and it was very helpful! She also took time to explain why an email example we shared wasn't optimal.
Absolutely fantastic course - I've learnt so much in a day! I'll be resitting this course next month as I thoroughly enjoyed it and know that I'll get even more out of it a second time around.
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.
REQUEST A CALLBACK
Contact us
Level 11, 32 Walker Street, North Sydney NSW, 2060