From the course: Creating an HTML Email Newsletter
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Creating your tables for the email
From the course: Creating an HTML Email Newsletter
Creating your tables for the email
In the last video we extracted color information dimensions and other details and wound up with a worksheet that look something like this. To start coding we'll have in our interface a blank HTML file, we have our prep code file for HTML; we've added the doc type, body etcetera. We've got our CSS prep code, we have our email copy to save us a lot of typing, and for our discussion later when we add the background image we have our VML code for Outlook 2007 and Outlook 2010. So we'll start with our email invitation. We're going to start off very simply. No big scary leaps, we're going to add code in layers not all at once. The first step is to go to our HTML prep code, highlight, Ctrl+C or Command+C to copy, Ctrl+V or Command+V to paste. What I do want to add is an HTML comment that tells us this is our Wrapper, our pseudo BODY tag table. As we add layers and layers of code these comments will help us understand where things begin and where they end. It will save us a lot of time. I'll…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
Showcasing the finished project1m 57s
-
Getting your dimensions and color palette7m 16s
-
Creating your tables for the email6m 16s
-
Adding your images to the code8m 3s
-
Placing your copy in the code8m 18s
-
Adjusting the margins and padding3m 39s
-
Formatting the headers and footers3m 38s
-
Testing the email in BrowserLab6m 20s
-
Designing and coding a text email3m 42s
-
Sending the final email out2m 28s
-
-