HTML Email Design and Development

with

Let’s face it, creating HTML emails that are consistent across the majority of email platforms can be a nightmare, with many email programs (Microsoft in particular) having a general disregard of web standards. Developing for the web compared to HTML email development is a world apart… we basically need to disregard our modern, good coding practices and resort to dirty, depreciated HTML that should otherwise live in the last decade. Here Craig Campbell will walk you through the process of designing and then developing an HTML Email.

Free Preview: HTML Email Design and Development

Course Overview

00:52

1.Welcome
2 lessons, 02:49

Free Preview
1.1
Course Overview
00:52

Free Preview
1.2
The Basics of Designing for Email
01:57

2.Email Design With Photoshop
8 lessons, 54:02

2.1
Setting Up the File
04:12

2.2
Content Background
04:36

2.3
Creating the Logo
06:29

2.4
Making Mouths Water
06:34

2.5
Header Text
05:46

2.6
Filling in the Text
08:46

2.7
Finishing Touches
11:40

2.8
Slicing Up Our Images
05:59

3.HTML For Email
9 lessons, 1:07:18

3.1
Background Colors
10:34

3.2
Table Rows and Formatting Text
07:35

3.3
A Note on Links
02:54

3.4
Nested Tables
09:19

3.5
Filling in More Text
08:18

3.6
Creating a Multicolumn Table
12:56

3.7
Cleaning Up Your CSS with Premailer
03:36

3.8
Sending Out Test Emails
04:44

3.9
Issues with Images
07:22

4.Finishing Up
1 lesson, 01:39

4.1
Final Thoughts
01:39


Preview for HTML Email Design and Development
Lessons:
20
Length:
2.1 hours
About Craig Campbell
Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.
+ Expand Bio- Collapse Bio