Chapter 25 Web Pages This chapter presents the rhetorical features of Web page design as well as technologies for creating Web pages. Some of your students.

Slides:



Advertisements
Similar presentations
3.01D Design Multimedia Presentations
Advertisements

Creating Effective Conference Posters using PowerPoint
McGraw-Hill/Irwin © 2009 The McGraw-Hill Companies, All Rights Reserved.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
The Internet & New Media Week 10 Technical Communication Fall 2003, DAHMEN.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
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 World Wide Web Differences between Printed Essays and Web Pages Size and diversity of the potential audience Possibilities of hypertext.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Paper Prototyping Source:
Chapter 8 Document Design 2 Page Layout
Chapter 15 Designing Effective Output
Austin and Doust’s New Media Design. In our excerpt from their book New Media Design, Tricia Austin and Richard Doust add nine more terms to our growing.
Web Design, 3 rd Edition 2 Web Publishing Fundamentals.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® WRITING FOR THE WEB.
3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.
Document and Web design has five goals:
Copyright © Allyn & Bacon 2008 POWER PRACTICE Chapter 8 Using the Web for Teaching and Learning START This multimedia product and its contents are protected.
3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.
The Internet Writer’s Handbook 2/e Web Page Design Writing for the Web.
Chapter 7. Designing Documents and Web Sites © 2013 by Bedford/St. Martin's1 Document and Web design has five goals: to make a good impression on readers.
Copyright © 2002 by Pearson Education, Inc., publishing as Longman publishers. All rights reserved. Chapter 8 Designing Pages and Screens Professional.
Multimedia Design 1. 2 Objectives By completion of this session, you will be able to: Organize your multimedia project Develop Flowcharts and Storyboards.
Design Principles for the Web Lavanya Koppaka. Why follow design principles? Structure the information being presented Increase the readability Ease of.
Lesson 8. Test 1 Topics Browser incompatibility Design Tips Site Navigation Browser- safe color Monitor resolution Content Copyright Use of tables vs.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
© 2003 Pearson Education, Inc., publishing as Longman Publishers. 1 Chapter 15 Designing Pages and Documents Technical Communication, 9/e John M. Lannon.
© 2011 Pearson Education, Inc., publishing as Longman Publishers. 1 Chapter 13 Designing Pages and Documents Technical Communication, 12 th Edition John.
3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
English for Careers Chapter 14 Writing for Multimedia.
PowerPoint Presentations A little PowerPoint is a dangerous thing! 1.
ICAD3218A Create User Documentation.  Before starting to create any user documentation ask ‘What is the documentation going to be used for?’.  When.
Website Design Fundamentals
Chapter 2 Web Site Design Principles
PowerPoint Best Practices
Chapter 14 Memos In the workplace, the memo performs a vital function: conveying focused information to a specific audience. As an internal communication.
Chapter 15 and Text Messaging
Chapter 6 Understanding the Technical Writing Process
Chapter 10 Multimedia and the Web.
Designing Documents, Slides, and Screens
Readability and Legibility
Section 7.1 Section 7.2 Identify presentation design principles
Basics of Website Development
Chapter 19 Presentation Design
Elements of Design.
Web-design.
Creating Accessible PDFs from Word Docs
Elements of Design.
Chapter 20 Print Advertisements
A Brief Introduction to the Internet
Chapter 19 Presentation Design
Author: dr. Martin Rusnák
Chapter 18 Technical Definitions
Applications Software
Back to Table of Contents
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
WRITING FOR THE WEB ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
One of the Traits of Effective Writing
Strategies for Technical Communication in the Workplace
ICT Communications Lesson 4: Creating Content for the Web
Document Design Justine Nielsen April 28, 2003
Multimedia Web Site Design
Good document design saves time and money, reduces legal problems, and builds goodwill. A well-designed document looks inviting, friendly, and easy to.
Chapter 2 Web Site Design Principles
Designing Pages and Documents
Good document design saves time and money, reduces legal problems, and builds goodwill. A well-designed document looks inviting, friendly, and easy to.
One of the Traits of Effective Writing
Planning, Composing & Revising
Presentation transcript:

Chapter 25 Web Pages This chapter presents the rhetorical features of Web page design as well as technologies for creating Web pages. Some of your students will be experienced Web page designers while others, like most of us, will be mainly Web page readers. Mining the experiences of the students who have built Web sites can be valuable to both you and the other students in the class. A short Q&A session during a class period could be both fun and illuminating.

Learning Objectives Identify audience and purpose for Web pages Understand what readers expect from Web pages Write appropriate Web-based content Design a basic Web page Identify software used for creating Web pages Recognize the role of teams in Web design Create Web pages for intercultural audiences

Web Pages Once a document is printed on paper, it remains fixed. If the document needs updating, a new (and costly) print run is required. Web-based information, on the other hand, can be updated quickly and at minimal cost. The Web also offers a level of interactivity that printed texts do not. Readers can search the information, forward material to others, ask questions, download files, and click on links that lead to other sources of information.

Considering Audience and Purpose The audience for a Web page can be anyone. Who are the primary readers? Because Web-based information is easy to forward to others, consider the many potential secondary audiences for a Web page. Learn what you can about the purpose of the Web page. Readers of Web pages expect to access exactly what they are looking for, and they will leave a page if they don’t find what they want.

How People Read Web Pages When people read a Web page, they want information quickly, and they typically share the following expectations: accessibility worthwhile content sensible arrangement clean, crisp page design good use of visuals and special effects

Guidelines for Writing Web Pages When writing content for Web pages, remember that readers will be busy. They will lack the patience to wade through long passages of prose. Follow these guidelines: Chunk the information. Write with a readable style. Keep sentences short. Keep paragraphs short. Catch reader attention in the first two paragraphs. Write in a factual, neutral tone.

Guidelines for Writing Web Pages (continued) Choose words that are meaningful. Write with interactive features in mind. Remember that most Web pages are globally accessible.

Guidelines for Designing Web Pages An effective Web page uses a clean, attractive, uncluttered design. Follow these guidelines: Keep the F-shaped reading pattern in mind (people generally look across the page a few times, then skim down the left margin) Use plenty of white space. Provide ample margins. Use an unjustified right margin. Use hyperlinks to direct readers to other information. Use a consistent font style and size.

Guidelines for Designing Web Pages (continued) Don’t use underlining for emphasis (underlining indicates a hyperlink). Use ample headings. Use visuals (charts, graphs, photographs) effectively. Use a balanced color palette.

Techniques and technologies for Creating Web Sites Creating a Web site typically involves two major steps. First, you need to plan your overall approach to the site. After this high-level planning comes the detail work involved in writing and designing each individual Web page on the site. Storyboarding, teamwork, and using the right tools and technologies are all essential to the process of creating a Web site.

Techniques and technologies for Creating Web Sites (continued) Storyboarding: To plan a Web site, use a storyboard—a sketch of the site, or a site map. The site map gives you an overall view of what the site will contain:

Techniques and technologies for Creating Web Sites (continued) Teamwork: Workplace Web sites are typically developed by a team whose members need to connect their different areas of expertise. Meetings, especially during the early planning stages, allow everyone to have input. Tools and technologies: Simple Web pages can be created with everyday software, such as word-processing programs. For more complicated Web sites, programs such as Adobe Dreamweaver and NVU are the norm.

Guidelines for Writing Global Web Pages Readers of Web pages may come from a variety of countries and cultures. Keep these global audiences in mind as you write and design your site. Follow these guidelines: Write in clear, simple English, in a way that makes translation easy. Avoid cultural references and humor. Offer different language options. Use colors and visuals appropriately.

Ethical and Legal Considerations The power of a Web page increases the writer’s or designer’s need for sound ethical and legal judgment. The speed of the Internet, its global reach, and a Web page’s ability to combine sound, color, images, text, and interactivity create the potential for manipulation and distortion. Legal considerations in preparing Web pages include copyright issues and privacy considerations.

Review Questions 1. What are two advantages of Web pages compared to print documents? 2. What are five things audiences expect from Web pages? 3. What are three ways to make information accessible when writing a Web page? 4. What are three ways to make a Web page inviting when designing for the Web? 5. What is the F-shaped reading pattern? Answers 1. Web-based information can be updated quickly and at minimal cost. The Web also offers a level of interactivity that printed texts do not. 2. Accessibility, worthwhile content, sensible arrangement, clean/crisp page design, and good use of visuals and special effects. 3. Chunk the information, keep sentences short, and keep paragraphs short. 4. Use plenty of white space, provide ample margins, and use a consistent font style and size. 5. The reading pattern people generally follow when they read. They look across the page a few times, then skim down the left margin.

Review Questions (continued) 6. What are the two major steps of writing for the Web? 7. What is storyboarding? 8. What are four global considerations to keep in mind when writing Web pages? 9. Why are ethical considerations especially important when writing for the Web? 10. What are the two major legal considerations to consider when writing for the Web? Answers (continued) 6. First, you need to plan your overall approach to the site. After this high-level planning comes the detail work involved in writing and designing each individual Web page on the site. 7. Planning a Web site using a sketch of the site, or a site map. The site map gives you an overall view of what the site will contain. 8. Write in clear, simple English, in a way that makes translation easy, avoid cultural references and humor, offer different language options, use colors and visuals appropriately. 9. The speed of the Internet, its global reach, and a Web page’s ability to combine sound, color, images, text, and interactivity create the potential for manipulation and distortion. 10. Copyright issues and privacy considerations.