Creating an HTML Email Newsletter
55mIntermediate2011-12-07
Authors
Tim Slavin
Writer, Technologist
Course details
In this course, author Tim Slavin shows how to design and code an HTML email newsletter, including setting the final dimensions and color palette, placing images and copy in the code structures of the file, and defining the newsletter's parameters with tables within tables. The course demonstrates each step of building an HTML newsletter, up to testing and sending the email.
Learning objectives
Adjusting margins and padding in the code
Setting the look for headers and footers
Testing the code with tools like BrowserLab
Building a TXT equivalent of an HTML email for simple email readers
Learning objectives
Adjusting margins and padding in the code
Setting the look for headers and footers
Testing the code with tools like BrowserLab
Building a TXT equivalent of an HTML email for simple email readers
Skills covered
Email MarketingWeb StandardsWeb DesignFront-End Web DevelopmentProjectMarketingWeb Development
Concepts
0. Introduction
- 01 - Welcome
- 02 - Using the exercise files
- 03 - What you need to know
1. Building a Complete Email Newsletter in HTML
- 04 - Showcasing the finished project
- 05 - Getting your dimensions and color palette
- 06 - Creating your tables for the email
- 07 - Adding your images to the code
- 08 - Placing your copy in the code
- 09 - Adjusting the margins and padding
- 10 - Formatting the headers and footers
- 11 - Testing the email in BrowserLab
- 12 - Designing and coding a text email
- 13 - Sending the final email out
Conclusion
- 14 - Next steps