Formatting the plain text message part in mass e-mail October 27, 2009.

Slides:



Advertisements
Similar presentations
HTML Basics Customizing your site using the basics of HTML.
Advertisements

Writing for the Web: Quick Tips for Friendlier Pages Robyn Ness & Beth Snapp July 2014.
University of Minnesota Templates v2 February 20, 2009.
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
Chapter 3 – Designing your web pages Dr. Stephanos Mavromoustakos.
A really fairly simple guide to: mobile browser-based application development (part 1) Chris Greenhalgh G54UBI / Chris Greenhalgh
1 HTML Standards & Compliance. 2 Minimum Required HTML tags: (must go in this order!)
Creating and Editing a Web Page Using Inline Styles
FORMATTING IN CONTEXT. FOLLOW UPS ANCHOR POINTS MUST BE UNIQUE  If you have more than one, how does it know where to go?  They can be repeated across.
Need to define two things: › The destination › Something to click on to get there  Tag is click here  Can be text, special character or image (next.
EWB Bristol Website Workshop George Quilter EWB Bristol IT Admin.
 Page structure  Define the content › Text › Headers › Lists › Tables  Minor formatting.
DT228/3 Web Development JSP: Directives and Scripting elements.
 2008 Pearson Education, Inc. All rights reserved. 1 Introduction to HTML.
Tutorial 8 Designing a Web Site with Frames. XP Objectives Explore the uses of frames in a Web site Create a frameset consisting of rows and columns of.
Form Best Practices and Customizing the Subscribe Process Mass User Group June 2009.
Designing Web Pages Getting to know HTML... What is HTML? Hyper Text Markup Language HTML is the major language of the Internet’s World Wide Web. Web.
Easy Responsive Design for s and Pages in Salsa.
HTML Overview for Proofreading. HTML layouts are divided into sections, and created in tables separating the images & content sections.
Apache Commons Simplifying the Java Mail API Siegfried Goeschl.
WDV 331 Dreamweaver Applications Templates Dreamweaver CS6 Chapter 19.
DAT602 Database Application Development Lecture 14 HTML.
Week 1.  Phillip Chee   Ext.1214 
Lesson 4: Using HTML5 Markup.  The distinguishing characteristics of HTML5 syntax  The new HTML5 sectioning elements  Adding support for HTML5 elements.
| imodules.com Making Your Site Mobile-Ready Presented by Chris Smith and Mark Werner.
Learning HTML. HTML Attributes HTML elements can have attributes Attributes provide additional information about an element Class – specifies a class.
.  Entertain  Inform  Educate  Blogs  Sell  Date  Gamble  Religion.
Amber Annett David Bell October 13 th, What will happen What is this business about personal web pages? Designated location of your own web page.
Chapter 2 Web Site Design Principles
Web Site Design Principles
Web Optimization. So how does your site get into a search engine? 1 A search engine obtains your URL either by you submitting your site directly to the.
1 Essential HTML coding By Fadi Safieddine (Week 2)
Intro to Dreamweaver Web Design Section 7-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 6: Links.
CSS Basic (cascading style sheets)
USABILITY An Introduction. Usability “..usability really just means making sure that something works well: that a person of average (or even below average)
Last week you should have had something that looked like this.
Unit 2, cont. September 12 More HTML. Attributes Some tags are modifiable with attributes This changes the way a tag behaves Modifying a tag requires.
Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.
Forms and Server Side Includes. What are Forms? Forms are used to get user input We’ve all used them before. For example, ever had to sign up for courses.
Week 1 – Beginners Content McAfee & Big Fish Games CoderDojo.
Project 2 Web Page Design Creating and Editing a Web Page Pages
| imodules.com Best Practices in Content Management Craig Juneau / Web Designer.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
 Create a free account  Verify your address.
| imodules.com HTML Best Practices: The Key to a Successful Starts with the Template Presented by Chris Smith, Manager of Design.
Principles of Web Design 6 th Edition Chapter 9 – Site Navigation.
ACCESSIBILITY An Introduction. Accessibility Accessibility is the degree to which a product, device, service, or environment is available to as many people.
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
Preparing for the Content Management System Ronna Johnston Web Content Best Practices 10/26/2015.
January 2006Colby College ITS Setting Up Course Pages.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
 Look especially at › File Tips and Shortcuts › Student video.
HTML Links HTML uses a hyperlink to another document on the Web.
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
Compare and Contrast : Blackboard & a Personal Web Page www3.ltu.edu/~s_schneider/howto/faculty.htm You’ll find this presentation (and another) here :
Paper 2 Exam Tips Guidance: 1.Evidence Document 2.Unit 9: – Communication ( ) 3.Unit 10: - Document Production (Word) 4.Unit 16: PowerPoint 5.Unit.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
Creating Web Pages with Links, Images, and Embedded Style Sheets
The HTML Tag Quiz. Instructions You will see a tag. You must decide which (if any) versions of HTML include this tag: HTML 0.a Tim Berners-Lee’s original.
Tutorial #1 Using HTML to Create Web Pages. HTML, XHTML, and CSS HTML – HyperText Markup Language The tags the browser uses to define the content of the.
01 – HTML (1) Informatics Department Parahyangan Catholic University.
Broadcast TOOLS AND BEST PRACTICES. Is your communication successful? Why or why not? Have you even thought about it? What is your current.
Lecture 6, MAT 279, Fall HTML Introduction (cont.) 9/17/2009.
HTML.
Introduction to HTML.
Content Best Practices
Web Content Management
Meaning Matters Semantic Markup.
Presentation transcript:

Formatting the plain text message part in mass October 27, 2009

Why use HTML? “Good HTML creates branded, usable and attractive messages that convert better overall than plain text.” -Lyris HQ

Why is plain text important? Recipient preferences Some applications render plain text by default –GopherMail Some clients don’t render HTML –Personal preference for a client –Some mobile devices Images aren’t accessible

Plain text vs. HTML Plain text has no images Text can’t be linked to a Web page; links are displayed in full The plain text content may be written very differently than the HTML portion

Example: HTML

Example: plain text Cropped Text is one line per paragraph

Example: Lyris HQ HTML

Example: Lyris HQ plain text

Plain text in Lyris ListManager Lyris has an HTML to text function This scrapes the content of the HTML part for text This provides an OK starting point

HTML to text: image handling Images are dropped entirely Content in image form needs to be –changed to text –dropped entirely Images with text aren’t accessible to begin with. What happens if someone using a screen reader runs across a content-heavy image with no alt tag?

HTML to text: URL handling Inserted in line with text Wrapped in <> GopherMail doesn’t auto-link URLs wrapped in <> –GopherMail is huge for students Generally ugly

URL handling example “The press release includes a link to the University of Minnesota’spress release Imagine Fund Web site.”Imagine Fund Web site becomes “The press release includes a link to the University of Minnesota’s Imagine Fund Web site."

HTML to text: line wrapping Lines are wrapped at 70 characters Some clients may wrap at less than 70, producing something akin to Here’s one line that’s too long and will get wrapped over. But that’s not a problem is you’re aesthetically vacant.

How do we handle plain text? At a minimum, clean it up –Remove <> from URLs –unwrap lines A bit more –Develop a consistent format –Rewrite text to allow better placement of URLs

Tips & tricks Provide your HTML content on Web (always) and link to it from the text part Use display:none; as an inline style on image replacement copy Use a content management system to repurpose content into HTML and text parts

Link to HTML on the Web Make the link to the HTML version the first item readers see Put the content on your Web site, not just in the Lyris archive The School of Public Health (Mark Engebretson) does this for “The Weekly SPHere” –Roughly half of unique clickthroughs for SPHere are attributable to this link

SPHere HTML part

SPHere text part (cropped)

SPHere Web version

Use the display:none; style Pete Riemenschneider in the Institute of Technology pointed this trick out Lyris won’t copy image alt tags to text Lyris will copy text in hidden paragraphs/cells/etc. Useful for templates with content that will be in a consistent location

ITSS Announcements HTML

ITSS Announcements Text

Repurposing in a CMS Content elements are split out Formatting should be very consistent Different layouts/renderings are created for each part

News Wire on the Web

News Wire HTML (header and footer in Lyris template)

News Wire text (header and footer in Lyris template)

Other tips & tricks What are you doing?