Publisher: Open

Version: XHTML
Length: 2 day s
Course-ID: SX646A

Course Overview

Previously text-based email was the most common way to communicate, but now with the HTML email you can now create and send a message that is much more visually attractive. When the message is designed and built correctly it will motivate the reader to enjoy and respond to the content. HTML emails are often sent as a valuable part of email marketing campaigns.

Course Objective

This course uses two industry leading tools, Dreamweaver CS4 for the HTML, CSS (Cascading Style Sheets) and layout and Photoshop CS4 for the creation of optimized graphics and images. The collaboration of these two programs will enable you to design and create professional HTML emails.

  • How to quickly and easily design and build an effective HTML email.
  • Learn the specific display requirements for webmail and email clients.
  • Understand the various distribution options.

Target student

Graphic/Web designers, or people transitioning into an online marketing or website related job. At the end of the course delegates will have created and built a professional working HTML email.

Prerequisites

This course is aimed at students with little or no experience of HTML, CSS, Dreamweaver or Photoshop.


How do HTML emails work?
  • Building a user friendly HTML email
  • Distribution of HTML emails
  • Enabling your HTML email to be displayed correctly
  • Examples of HTML emails and e-shots
  • The bigger picture – webmail and email clients
Dreamweaver CS4 Overview
  • Dreamweaver Photoshop workflow
  • Introducing Dreamweaver CS3
  • Learning the interface
Photoshop CS4 Overview
  • Introducing Photoshop CS4
  • Learning the interface
  • Photoshop Dreamweaver workflow
HTML Code
  • Basic HTML exercises
  • Specific HTML email requirements
  • Understanding HTML code
  • Viewing examples of HTML code
Getting Started
  • Email marketing tips
  • HTML email best practices
  • The design process – effective layout
  • The research process - understanding your readers
Basic Page Creation
  • Add and format text content
  • Create a new basic HTML page
  • Insert graphics and images
  • Test and preview the page
Page Layout with Tables
  • Creating table structures
  • Designing a page layout with tables
  • Formatting text, images and data in tables
  • Modifying and nesting tables
  • Overview of tables
Links
  • Creating email links
  • Creating links
  • Understanding links
Working with Graphics and Images
  • Creating and manipulating graphics
  • Creating hotspot links
  • Creating image spacers
  • Overview of web-based image creation
  • Sourcing, editing and optimizing images
Testing
  • Testing your HTML email
  • Uploading your HTML and images
Distribution and Delivery
  • Anti-spam techniques
  • Creating a mailing list
  • Managing subscribers
  • Options – Email service providers
  • Plain-text alternative version
  • Scheduling and when to send
  • Tracking, click-through’s, bounces and reports