Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
As we saw in earlier videos, there are three basic HTML email designs: one-column, two-column, and multicolumn product emails. In this video, we'll show how to plan for a multicolumn product email. The first step is to take a JPEG of the HTML email to be coded and take this JPEG into Photoshop, set it against a white background, and print out the result--or you can continue to work in Photoshop. In either case, you use the Photoshop Eyedropper tool to determine the background colors, border colors, and other colors used within the HTML email.
In addition, in Photoshop you use the Marquee tool to determine the height and width of different elements. For example, in this multiproduct email, the height and width of the product is 130 pixels wide and 165 pixels high. I've also defined the color for the pink in Special Occasions Bouquets and Baskets heading. When you have all of the details defined for your HTML email, the next step is to define the HTML table layout for that email.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.