Presentation is loading. Please wait.

Presentation is loading. Please wait.

HTML 207 HTML e-Newsletter Donna Carnduff Susannah Finley.

Similar presentations


Presentation on theme: "HTML 207 HTML e-Newsletter Donna Carnduff Susannah Finley."— Presentation transcript:

1 HTML 207 HTML e-Newsletter Donna Carnduff Susannah Finley

2 HTML207: HTML e-Newsletter Good Design Follows Good Content Grammar = Credibility Know Your Audience Call to Action – Where does it point? Writing for the Web

3 HTML207: HTML e-Newsletter Subject Line – short, descriptive, find out more Best Practices in Writing Subject Lines Magnetic Headlines Article Titles Action Items Above the Fold Writing for Your Newsletter

4 HTML207: HTML e-Newsletter UTWrdmrkPlainLong-420px.gif header-earth.jpg soil-samples.jpg template.html Download Template Files

5 HTML207: HTML e-Newsletter campaignmonitor.com/templates (free)campaignmonitor.com/templates Downloaded Original Pr er Copy Or…Find Templates Online

6 HTML207: HTML e-Newsletter Understand Current Code Standards Code Standards Adapt for Your Organization Top links Main content Footer Preview the Document Customize Your Template Code in DW

7 HTML207: HTML e-Newsletter Consider Title (will be subject line) Create permanent image folder Add alt tags to images Send mix of images and text Use absolute paths for images, links Open a new window Build your image resources Best Practices

8 HTML207: HTML e-Newsletter Microsoft to Ignore Web Standards in Outlook 2010: Enough is Enough outlook-2010/ Guide to CSS support in clients Stupid HTML Design Mistakes How to Code HTML Newsletters (All New Version) MailChimp Guides Resources

9 HTML207: HTML e-Newsletter UT Listserv site https://listserv.utk.edu/cgi-bin/wa?INDEX Hotmail Turned my Headings Green Resources

10 HTML207: HTML e-Newsletter Pr er Move Styles Inline

11 HTML207: HTML e-Newsletter What are your options for uploading? Dreamweaver CyberDuck (Mac) CyberDuck WinSCP (PC) WinSCP VolSpace Post to the Web

12 HTML207: HTML e-Newsletter Distribution List Internet Explorer Outlook File -> Send -> Page by … Send as e-Newsletter

13 HTML207: HTML e-Newsletter Safari Mail/Entourage File -> Mail Contents of This Page Send as e-Newsletter

14 HTML207: HTML e-Newsletter Send from a PC Send from a Mac Test in clients: Outlook 2003, 2007, 2010 Hotmail / Windows Live Yahoo iPhone Gmail Send and Evaluate

15 HTML207: HTML e-Newsletter Put styles back in the a { text-decoration: underline; color: #C96501; } a:link { text-decoration: underline; color: #C96501; } a:visited { text-decoration: underline; color: #C96501; } a:hover { text-decoration: none; color: #C96501; } a:active { text-decoration: none; color: #C96501; } Span around each link this is a link Link Color in Gmail, Headers in Hotmail

16 HTML207: HTML e-Newsletter Campaign Monitor Homepage Features Pricing HomepageFeaturesPricing Mail Chimp Homepage Features Pricing HomepageFeaturesPricing Emma Homepage Features Pricing HomepageFeaturesPricing Constant Contact Homepage Features Pricing HomepageFeaturesPricing Fee-Based Services

17 HTML 207: HTML e-Newsletter Ask now... or … Ask later at or us at or Questions?


Download ppt "HTML 207 HTML e-Newsletter Donna Carnduff Susannah Finley."

Similar presentations


Ads by Google