HTML Email Coding Training Book | Learn HTML Email Through Projects

Overview
Table of Contents

HTML email is a staple of communication. Everyone can benefit from sending HTML email, from large corporations to small businesses and freelancers. Give your emails some personality and life!

In this book you’ll learn best practices for executing a responsive email design that will ensure an excellent user experience for desktop, webmail, and mobile users. You’ll learn how easy it is to set up a single-column email with a fluid layout that will work across devices and email clients. Then you’ll learn how to create a more complex newsletter that, with the help of media queries, will go from a 2-column layout to a single column on most mobile devices.

Includes Downloadable Class Files (works on Mac & PC)
ISBN: 978-1-934624-47-0

Download Sample Exercise

Setup & Introduction

Downloading the Class Files

Before You Begin

Popular email clients
Recommended software

Section 1

Setting Up: Do This Before Other Exercises!

Setting up your class files

Simple Layout

Working with tables
Centering the email
Text styling with inline CSS
Adding a border
Closing the gap below images

eNewsletter Layout

Nesting tables for a more complex layout
Non-centered columns

Styling Content

Email-friendly CSS
Streamlining your workflow with embedded CSS
Closing the gap below images

Section 2

Adding More Content

Creating new events
HTML attributes vs. CSS rules
Adding a footer
Setting a background color

Adding Links

Coding links to open in a new tab or window
Converting links & image paths to absolute URLs
Styling links

Best Practices: Alt Text & Preheader

Adding alt text
Styling alt text
Adding a preheader message
Improving your open rate

Sending Tests & Email Fixes

Using an inlining tool to convert embedded CSS
Testing in various email clients
Fixes for Outlook.com, Gmail, Yahoo! Mail, iOS Mail, & Outlook 2007/2010

Bonus Material

Creating a Table of Contents

Making a table of contents
Named anchors

Creating & Naming Slices in Photoshop

Slicing a Photoshop file
Naming slices
Adding alt text
Adding link URLs

Optimizing & Exporting HTML

Optimizing slices as GIF, PNG, or JPEG
Exporting HTML & images

Reference Material

Overview of HTML Email Best Practices

Online Resources

How our eBooks Work Buying eBooks for Someone Else

Features of Noble Desktop eBooks

Searchable, with live text that you can copy and paste.
Printable.
eBook graphics are in color (printed books are black and white).
Widely compatible: We provide the most common eBook formats (EPUB, MOBI, & PDF) so you can load them onto the device or app you choose; such as Mac, PC, iPhone, iPad, Kindle, Android, and more.
Free updates for the edition you buy. When we make major changes to a book (requiring a new edition), an affordable upgrade option will be available.
DRM-free: Files are subtly watermarked with your name and email, but we do not restrict the devices or apps you can use to view our eBooks.
Lifetime access to downloads from free your Noble Desktop account.

The Best Way to Enjoy Our Books

Our workbooks are meant to be used while you work on your computer. They typically contain step-by-step exercises that walk you through doing tasks on your computer. An ideal setup would be to have the eBook loaded onto a device (like a tablet/smartphone) or on a second computer monitor, so you can read the book as you work on your computer. You can also print the PDF if you prefer.

Which File Format Is Right for You?

PDF

Ideal for printing.
An exact match to the printed book. If the text reflow of an EPUB or MOBI file is confusing please refer to the PDF.
PDF is compatible with most devices, but it’s not optimized for small screens. If using a smaller screen you’ll likely want to use the EPUB or MOBI files.

EPUB

The industry standard eBook format which works with all devices, except for the Amazon Kindle. EPUB can be read on Mac, PC, iPhone, iPad, iPod Touch, Nook, Sony Reader, Kobo, Android, and many more.
Ideal for smaller screens as the layout reflows to fit the current device (at the type size of your choice).

MOBI (Kindle)

Amazon’s format for Kindle devices and Kindle app.
Ideal for smaller screens as the layout reflows to fit the current device (at the type size of your choice).
Using an iOS Device such as iPhone & iPad? The Kindle app for Apple iOS devices requires a specialized format which we do not support. While our MOBI will work in the Kindle app, it will not render well on iOS devices. We recommend using the EPUB format with Apple’s Books app if reading on an iOS device.

Can You Share the eBook or Printouts?

Noble Desktop books are intended for use by you, the owner. They are not intended to be loaned or given to others. The files are subtly watermarked with your name and email, but we do not apply any DRM. You can copy your eBooks to any of your own devices without restriction. You can print the PDF files for your own use, but not to give to others. You cannot sell used eBooks. Ownership is solely yours and cannot be transferred to someone else.

Teachers and training centers wishing to print copies for students should email hello@nobledesktop.com for licensing options and pricing.

Examples of What You Learn

Why Our Books Are Unique

Our books are packed with step-by-step exercises that walk you through projects. You’ll learn by doing exercises, not reading long explanations. The goal is to give you hands-on practice with the program, getting you started quickly with the things that are most important for real life work.

HTML Email Book