Join Chris Converse for an in-depth discussion in this video About the exercise files, part of Creating a Responsive HTML Email.
Now for this project, there are two sets of exercise files. If you're a premium subscriber to lynda.com online training library, you will have access to all four of these folders. If you're not a premium subscriber, you'll have access to folders one and three. Inside of folder one is an HTML file. I have this in here just to make sure we're all starting from a well-formatted HTML document. Inside of folder two are the source Photoshop files with all of the slices intact. So if you want to modify some of the graphics throughout the course you can use these files. Inside of folder three is a series of snippets. Anything that's core to the course we're going to be hand-coding.
But anything that's extraneous such as typing in extra contact or layout features, we're going to be using these snippets to cut and paste some of the content. And then inside of folder four is a video mpeg4 file and a poster frame. Later on in the course we're going to be looking at how we can incorporate multimedia into our emails. So now that we're familiar with the exercise files, let's get started building our project.
This course was created and produced by Chris Converse. We are honored to host this content in our library.
- Creating the graphics
- Setting up the base layout structure
- Styling the table rows for the headline, banner, etc.
- Creating buttons
- Adding CSS media queries
- Styling the content
- Incorporating animation and web fonts
- Validating your code
- Testing in various email clients
Skill Level Beginner
Q: What are the sizes of the images used in this course?
<div>A: The sizes are: </div><div> </div><div>Large: 638x180 </div><div>Medium: 478x150 </div><div>Small: 510x115</div>
Q: This course was updated on 11/26/2013. What changed?
A: We added two new movies to Chapter 5, "Adding HTML5 video into HTML email" and "Encoding and embedding base64 images."
Q: This course was updated on 12/03/2014. What changed?
A: We added one bonus movie, "Using high-definition graphics in your HTML email."