HTML 207 HTML e-Newsletter Donna Carnduff Susannah Finley.

Slides:

Advertisements

Similar presentations

Dreamweaver Dr. Kristen Landreville Wed. 09/29/10 – Fri. 10/08/10.

Advertisements

HTML Basics Customizing your site using the basics of HTML.

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?

Basic User Guide for Switching from PC to Mac By: Megan Staab.

Join the A-Team ACCESSIBILITY-TEAM. Session 1 EVALUATE ACCESSIBILITY OF HTML FILES AND SET THE PATH TO A D2L STYLE SHEET.

Creating and Managing RSS Feeds Kate Pitcher SUNY Geneseo © 2005

Macromedia Dreamweaver MX 2004 Design Professional Web Page DEVELOPING A.

Final Exam Our final will be held: –Thursday, May 3 rd –From 4:00 to 5:50 PM –In 109 CIWW (same room as class) There will be no make up and the final is.

Final Exam Our final will be held: –Thursday, May 8 th –4:00 PM - 5:50 PM –In 109 CIWW (same room as class) There will be no make up and the final is mandatory.

Art 128 Interface Programming 1 In-class Presentation Week 11B.

ETT 429 Spring 2007 Web Design I.

Chapter 14 Introduction to HTML

Easy Responsive Design for s and Pages in Salsa.

OwlHillMedia.com / (516) How to Code HTML Newsletters Bootup Open Forum June 14, 2010 Tim Slavin

Send, Updates, Promotions, Announcements, And More. Reach your customers instantly … …by learning how to send an HTML newsletter.

Understanding HTML Style Sheets. What is a style?  A style is a rule that defines the appearance and position of text and graphics. It may define the.

Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.

Link and Table in HTML. Statistics HTML review The two faces of a HTML file In a notepad program. In a internet browser program. The function of HTML.

 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.

Website design Feng Zhao College of Educatioin California State University, Northridge.

A guide for UICET for using Wikispaces.  A wiki is a web page or collection of web pages that can be linked together as a website.  Wikis are often.

Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?

Agenda9/11/13  Do Now  Display your name tag and log into your computer  Pre-Assessment Test  Info and Interests  Syllabus and Course Expectations.

Web Design Unit Assignment #2: Job Skills Favorite Links Page You will create a HTML web page with links to informational websites about a variety of job.

Unit 4 – Creating A Web Site Instructor: Brent Presley.

How To: Add HYPERLINKS and IMAGES with HYPERLINKS to your Outlook Signature. By: Tom Jackson

CITY UNIVERSITY / Vysoká Škola Manažmentu.:IS Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 4 1. Create a folder on L/BSBA/IS330/website.

 HTML stands for Hyper Text Mark-up Language. The coding language used to create documents for the World Wide Web  HTML is composed of tags. HTML tags.

 A style sheet is a single page of formatting instructions that can control the appearance of many HTML pages at once.  If style sheets accomplished.

Agenda9/11/13  Do Now  Display your name tag and log into your computer  Pre-Assessment Test  Info and Interests  Syllabus and Course Expectations.

Microsoft Word 2000 Presentation 7 Microsoft Word 2000 Presentation 7.

Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.

Beyond the Basics Steven Butzel, Nashua Public Library , Yahoo IM: nashuaref.

HTML207 HTML e-Newsletter Donna Carnduff Susannah Finley.

INTRODUCTION TO HTML5 Semantic Layout in HTML5.  The new semantic layout in HTML5 refers to a new class of elements that is designed to help you understand.

Project 4: Yosemite CSS Layout

Tools For State and Local Web Sites Web Style, Site Headers and Promotion Banners.

Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.

HTML207 HTML e-Newsletter Donna Carnduff Susannah Finley.

April 2013 LCCU Meeting Judy Grindle will lead discussion: –What are the best free and for-pay anti-virus software choices? –Microsoft support for Windows.

Week 8 – Part 2 Page Layout Basics Key Concepts 1.

Tutorial 3 Adding and Formatting Text with CSS Styles.

HTML207 HTML e-Newsletter Donna Carnduff Susannah Finley.

HTML207 HTML e-Newsletter Donna Carnduff Susannah Finley.

Images. Intro What is it? Getting your image Inserting Moving Resizing Cropping.

Make Up Your Own Home Page in Waseda Hiroshi Toyoizumi.

DIGITAL MARKETING EXERCISES APPCAMPUS. Click to edit Master title style Exercise – Plan your Keywords Write down keywords for your company or application:

HINDU STYLE PORTFOLIO TEMPLATE

1 Preparation for site Create a folder in MyDocuments: beavercheese. Create a subfolder, images Classes, career, DW beginner Download.

CS 200 – Web Tech I Web Site Organization Links. Recall the Web Page Layout sidebar footer content masthead.

Creating Web Pages with Links, Images, and Embedded Style Sheets

Review session for Web development. Today’s class Review the web designing. Filling out instructor evaluation form.

Creating HTML Content Files for ANGEL File Structure, Using Dreamweaver, Exporting with CASE, and Uploading to ANGEL.

Introduction to HTML.

Do you want to make info graphics for the US Election?

HTM: Section 2 Hypertext Links Different section of same page

© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.

Learning the Basics – Lesson 1

HTML Basics and CSS style

Links. Links Links Need to define two things: The destination Something to click on to get there Tag is click here Can be text, special.

Introduction to web design discussing which languages is used for website designing

Laying out a website using CSS and HTML

Hyperlinks, Images and Tables

Lesson 4 – Introduction to CSS

Hyperlinks, Images and Tables

Presentation transcript:

HTML 207 HTML e-Newsletter Donna Carnduff Susannah Finley

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

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

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

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

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

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

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

HTML207: HTML e-Newsletter UT Listserv site Hotmail Turned my Headings Green Resources

HTML207: HTML e-Newsletter Pr er Move Styles Inline

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

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

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

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

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

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

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