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.
Online Live - Course Dates
-
Online Live Class Dates
Classes scheduled on demand in Online LivePlease Join our waitlist and we'll notify you when a new class is scheduled or contact us to disucss your training needs.
-
To enquire about our Instructor-Led Online Live classes
Please call us: 1300 888 724
Wait List FormIn-Class - Course Dates
-
Sydney Class Dates
Book NowLevel 11, 32 Walker Street, North Sydney , NSW 2060
01 Jul 21 Thu Classroom 24 Aug 21 Tue Classroom 22 Oct 21 Fri Classroom 14 Dec 21 Tue Classroom 07 Feb 22 Mon Classroom -
Melbourne Class Dates
Book NowLevel 12, 379 Collins Street, Melbourne , VIC 3000
30 Jun 21 Wed Classroom 27 Aug 21 Fri Classroom 18 Oct 21 Mon Classroom 16 Dec 21 Thu Classroom 09 Feb 22 Wed Classroom -
Brisbane Class Dates
Book NowLevel 6, 371 Queen Street, Brisbane , QLD 4000
07 Jul 21 Wed Classroom 04 Oct 21 Mon Classroom 21 Dec 21 Tue Classroom 18 Mar 22 Fri Classroom 08 Jun 22 Wed Classroom
-
Canberra Class Dates
Level 4, 54 Marcus Clarke Street, Canberra , ACT 2601
Classes scheduled on demand in CanberraPlease Join our waitlist and we'll notify you when a new class is scheduled or contact us to disucss your training needs.
-
Adelaide Class Dates
19 Young Street, Adelaide , SA 5000
Classes scheduled on demand in AdelaidePlease Join our waitlist and we'll notify you when a new class is scheduled or contact us to disucss your training needs.
-
Perth Class Dates
Level 1, 140 St Georges Terrace, Perth , WA 6000
Classes scheduled on demand in PerthPlease Join our waitlist and we'll notify you when a new class is scheduled or contact us to disucss your training needs.
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
Enquire Now
Fill in your details to have a training consultant contact you to discuss your training needs.