Lessons: 20Length: 2.1 hours
- Overview
- Transcript
3.1 Background Colors
In this lesson, we’ll quickly discover that designing for email is a whole different ballgame than designing for the browser. Since many email clients don’t support the use of background colors for the body of html documents, we’ll have to use table backgrounds in order to achieve the look we’re going for.
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
