Lessons:20Length:2.1 hours
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.
1.Welcome
1.1Course Overview00:52
1.1
Course Overview
00:52
1.2The Basics of Designing for Email01:57
1.2
The Basics of Designing for Email
01:57
2.Email Design With Photoshop
2.1Setting Up the File04:12
2.1
Setting Up the File
04:12
2.2Content Background04:36
2.2
Content Background
04:36
2.3Creating the Logo06:29
2.3
Creating the Logo
06:29
2.4Making Mouths Water06:34
2.4
Making Mouths Water
06:34
2.5Header Text05:46
2.5
Header Text
05:46
2.6Filling in the Text08:46
2.6
Filling in the Text
08:46
2.7Finishing Touches11:40
2.7
Finishing Touches
11:40
2.8Slicing Up Our Images05:59
2.8
Slicing Up Our Images
05:59
3.HTML For Email
3.1Background Colors10:34
3.1
Background Colors
10:34
3.2Table Rows and Formatting Text07:35
3.2
Table Rows and Formatting Text
07:35
3.3A Note on Links02:54
3.3
A Note on Links
02:54
3.4Nested Tables09:19
3.4
Nested Tables
09:19
3.5Filling in More Text08:18
3.5
Filling in More Text
08:18
3.6Creating a Multicolumn Table12:56
3.6
Creating a Multicolumn Table
12:56
3.7Cleaning Up Your CSS with Premailer03:36
3.7
Cleaning Up Your CSS with Premailer
03:36
3.8Sending Out Test Emails04:44
3.8
Sending Out Test Emails
04:44
3.9Issues with Images07:22
3.9
Issues with Images
07:22
4.Finishing Up
4.1Final Thoughts01:39
4.1
Final Thoughts
01:39
