Connie Padilla - New Mexico State University Writing for the Web Increase usability of your site by writing and formatting for the web.

Slides:



Advertisements
Similar presentations
5 5 ESSENTIAL WEB DESIGN ELEMENTS A Writers Guide to Website Design.
Advertisements

Web Usability Starring the Webcredibles: Link, Dr. Web Credible, & Wendy Warner.
1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A
Chapter 2 HTML Basics Key Concepts
Learning PowerPoint Starting and Customizing a PowerPoint Slide Show.
Starting and Customizing a PowerPoint Slide Show
Writing for the Web HOW TO WRITE FOR THE WEB. Writing for the Web Characteristics of Web Writing People rarely read Web pages word by word; instead, they.
HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.
CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.
Prof. Anselm SpoerriWeb Design Summary1 Web Guiding Principles Diversity of Users & Rapid Change –Diverse users, diverse computers, diverse skills, diverse.
CIS101 Introduction to Computing HTML Project Two.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
Writing for the web Jo Spiller & Ross Ward Learning Technology Section College of Medicine and Veterinary Medicine University of Edinburgh.
CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.
Text Chapter 7. 7 Text in Multimedia Text is used in multimedia projects in many ways: Web pages Video Computer-based training Presentations.
Overview Discusses the concepts of chunking and distilling for online content Examines how headlines, subheads and summaries can be effectively written.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
An Introduction to Content Management. By the end of the session you will be able to... Explain what a content management system is Apply the principles.
Chapter 8 Document Design 2 Page Layout
Presenting Information on WWW using HTML. Presenting Information on the Web with HTML How Web sites are organized and implemented A brief introduction.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® WRITING FOR THE WEB.
Learning PowerPoint Starting and Customizing a PowerPoint Slide Show.
V How to write for the web Russell Warfield, Sustainability Communications Coordinator Friday 29 November.
Chapter 12: The Internet The ultimate direct. Internet Facts U.S. firms spend $14.7 billion on Internet advertising in 2005 By 2010, they are expected.
HTML Essentials Markup ( Part I ). Why Markup ? Markup gives meaning and structure to your web page Creates a relationship between the elements.
The Internet Writer’s Handbook 2/e Web Page Design Writing for the Web.
ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.
Schoolwires 101 Frequently used “shortcut key” within the editor. ~Created by, Shannon Conley.
Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.
1 Web Developer Foundations: Using XHTML Chapter 2 Key Concepts.
McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.
1 Basic HTML. 2 Part 1: Basic Web Page Production.
Basic HTML Workshop By: Preeda Chunjongkolkul (Pete) Systems Librarian/Webmaster
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Copyright © 2002 by Pearson Education, Inc., publishing as Longman publishers. All rights reserved. Chapter 8 Designing Pages and Screens Professional.
Writing for the Web Research on how users read on the Web and how authors should write their Web pages.
CREATING AND SHAPING Web Page Design Chapter 2. Text Matters  Even though when thinking about building Web pages people think of design first, the heart.
Writing for the Web A short tutorial David Rashty, Isaac Waisberg.
Website Development Instructor: Brad Atkinson. Planning Save valuable time Create mock-up drawing Provide useful content.
Writing Tips for the Web. Tips for Writing for the Web Write for your audience, not your department. Folks come to your pages to find information. Give.
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
CREATING WEB PAGES Using…More HTML code! My First \ Web Page.
Writing for the Web AGCJ 407 Web Authoring in Agricultural Communications Note: Special thanks to University of Maine Cooperative Extension Service for.
Learning HTML Presented By: Wayne Helle What Is HTML? Learning Basic Tags... Formating Your Text... Working With Images and Links... Simple Form Boxes..
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
Introduction to HTML. HTML Code The difference between HTML code and a browser display: I want to emphasize this! Browser display.
Writing and Editing Online.  Discusses the concepts of chunking and distilling for online content  Examines how headlines, subheads and summaries can.
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
Writing for the Web. How do people read online? They don’t. -Jakob Nielsen (1997)
Writing a Web Page. Using Frontpage FrontPage is a user-friendly WYSIWYG html editor. To begin, open the program and a new page. FrontPage is a user-friendly.
Writing for the Web: 10 Tips Goodbye paper, hello screen. Karen Lindell
HTML HyperText Markup Language. Text Files An array of bytes stored on disk Each element of the array is a text character A text editor is a user program.
Webpages 7 th Grade Quest What Are Your Webpage Pet Peeves? Incorrect Spelling and Grammar Errors Page Takes Forever to Load Information is Out.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.
Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
Thinking Web > CONTENT DEVELOPMENT
HTML Formatting.
Dreamweaver – Project #1
Chapter 7 Text.
Corporate Web Development Training:
WRITING FOR THE WEB ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
Writing for online/mobile
ICT Communications Lesson 4: Creating Content for the Web
Usable Content.
Presentation transcript:

Connie Padilla - New Mexico State University Writing for the Web Increase usability of your site by writing and formatting for the web

Connie Padilla - New Mexico State University Did you know? 79% of users scan web pages rather than reading word-for-word Reading text on a computer screen is 25% slower than reading from paper To write effectively for the web you use 50% fewer words than you would for print

Connie Padilla - New Mexico State University Scannability Use bulleted or numbered lists to organize content. Lists slow down scanning and can draw attention to important text. Write in inverted paragraphs. Start page with conclusion of the remaining content. If possible, run your content through and “editor” for grammar, punctuation and consistency.

Connie Padilla - New Mexico State University Scannability Each paragraph should contain one main idea. Use a second paragraph for the next idea, and so forth. Web users can be critical and are in a hurry. Design you content so they can quickly get what they want.

Connie Padilla - New Mexico State University Text treatments Bold text to emphasize key words. Bold only key-words, not entire sentences Italics can be used to emphasize more text. Use for a sentence but not a paragraph If you “color” text for emphasis, avoid blue. Blue is reserved for hyperlinks.

Connie Padilla - New Mexico State University Headlines Make your top headline the largest. Try to use no more than 4 levels of headlines. Write brief, clear headlines

Connie Padilla - New Mexico State University Lists When the order of text is important, use numbered lists Use unnumbered lists when the order of text is not important If possible, use no more than 9 items in a list Try to limit lists to two levels: Primary and secondary

Connie Padilla - New Mexico State University Hyperlinks Describe the information to be found in the link (link address, for more information, format of the information such as.pdf or.doc). A web user does want to be surprised by a giant documents.

Connie Padilla - New Mexico State University Hyperlinks Use hyperlinks to provide supplemental information such as definitions, background, reference and related web sites.

Connie Padilla - New Mexico State University Resources Online Dictionary, thesaurus, translator Basic HTML Special characters reference sheetSpecial characters