Principles of Web Design for Online Educators Rodger Hergert Illinois Online Network May 18, 2005.

Slides:

Advertisements

Similar presentations

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

Advertisements

3.02C Website Organization

User Interface Structure Design

Inspiration Furniture A Proposal for a Web Site Redesign by KCC, Web Design & Usability Specialists.

MSc. Publishing on WWW Tables and Style Sheets. Tables Tables are used to: Organize and display tabular data To create a layout for web pages.

Art 155 Information Architecture In-class Presentation Week 9B.

HTML Introduction (cont.) 10/01/ Lecture 8, MAT 279, Fall 2009.

Streamlining Website Development in Dreamweaver Roger L. Runquist Western Illinois University Roger L. Runquist Western Illinois University.

Web Design Plundered from Lynch and Horton. © 2004the University of Greenwich 2 10 x don't use Frames Leading edge technology Scrolling text, marquees,

PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 1.

Group 3 Readings Com 585 Chloe, Kristina, Luke, Stephanie, Tony.

Art 155 Information Architecture In-class Presentation Week 9A.

Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.

Slide 1 of 64 Universal Accessability Paul Houle Library Systems CU Library Based on a presentation by Sarah Horton.

Mgt 240 Lecture Exam Two Review November 30, 2004.

User Centered Web Site Engineering Part 2. Developing Site Structure & Content Content View Addressing content Outlining content Creating a content delivery.

Information Architecture Week 7. Information Architecture QUIZ Please put your books away and get ready for this week’s quiz.

STANFORD UNIVERSITY INFORMATION TECHNOLOGY SERVICES Technology Training Services, January 2011 Web.

1/12. 2/12 Who is this Lawrence guy? Why am I here? Why is effective web design important? :: See whySee why We will discuss: General Suggestions User.

Web Accessibility. Ensuring people of all abilities have equal access to web content Disability Discrimination Act – Web Access Advisory notes 2010 Required.

Microsoft ® Expression ® Web An Introduction to the Your Learning Guide to Expression Web tutorial.

University of South Alabama Library Website Design and Accessibility Evaluation.

Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.

Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.

So You Want a Web Page!. What is a Web Page? According to Webopedia, a web page is: A document on the World Wide Web. A Web site is really a bunch of.

211 Multimedia Web Design Lesson 1 – Web Functionality & Purpose.

Define html document byusing Example : Title of the document The content of the document......

Paul Mundy and Bob Huggan 1 Websites.

Web Development Life Cycle from Beginning to End…and BEYOND!

1 Designing Need-based Internet Web Sites in Counseling and Career Services James P. Sampson, Jr. Florida State University Copyright 2002 by James P. Sampson,

Website Planning and Design

Developing A Website. Reminder 1 You want your website to be _______? 1)Artistic 2)Easy to use 3)Interactive 4)Multimedia-driven.

Copyright © 2003 Pearson Education, Inc. Chapter 8 – Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.

We Are All The Webmasters: New Models for Building a Library Website Christopher Stewart Sohair W. Elbaz Illinois Institute of Technology June 2002.

World Wide Web Resources What Do the Experts Say About Web Pages? February, 2001.

Project – Show me what you know! EXPLORING COMPUTER SCIENCE – LESSON 3-9.

Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Web Design and Development for E-Business Jensen J. Zhao.

Everything in it’s right place Revisiting website accessibility Jeff Coburn Senior Web Specialist Institute for Community Inclusion.

Web Site Usability: Chapter 3 Billboard Design Summary Notes on Steve Krug Don’t Make Me Think New Riders, 2 nd Edition Ben Hunt Web 2.0 How to Design.

User Interface Structure Design Chapter 11. Key Definitions The user interface defines how the system will interact with external entities The system.

Slide 1 Chapter 11 User Interface Structure Design Chapter 11 Alan Dennis, Barbara Wixom, and David Tegarden John Wiley & Sons, Inc. Slides by Fred Niederman.

Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.

3.02C Website Organization 3.02 Develop webpages..

Web Design Guidelines by Scott Grissom 1 Designing for the Web  Web site design  Web page design  Web usability  Web site design  Web page design.

Adobe Certified Associate Objectives 1 Setting Project Requirements.

Jacob Mortensen 2/8/13. Visual design is the look of the Web page and the colors and graphics used. VISUAL DESIGN.

Principles of Web Design Da’Zheonna M. Cotton 2/8/13.

Hypertext University of Stellenbosch. I may not have gone where I intended to go, but I think I have ended up where I intended to be. Douglas Adams.

Web Page Concept and Design :

Web Site Design Plan Checklist Web Design Presented by: Angelo Russo #10 11/22/2014Angelo Russo #101.

Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.

To be completed Your proposal  Your House style  Your site plan  Page plans (a draft layout for each of your five pages)  A design mock-up -  All.

The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.

HTML Lesson 2. Internal Hyperlinks  Internal Hyperlink is a link that links to another page within a website.  Make another page using notepad++: page2.html.

Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN.

My Website By : Peter Problems while building website These are the problems I had to overcome while building my site. Getting pictures to be the same.

Web Accessibility. Why accessibility? "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."

MIT 511- Web Design & Usability

Section 7.1 Section 7.2 Identify presentation design principles

Web Site Design Plan Checklist

Page plans A01 Design.

Fixed Positioning.

3.02C Website Organization

Web Development Life Cycle from Beginning to End…and BEYOND!

A01 DESIGN To be completed Your proposal  Your House style 

Website production.

Hyperlinks, Images, Comments, and More…

Web Development Life Cycle from Beginning to End…and BEYOND!

Presentation transcript:

Principles of Web Design for Online Educators Rodger Hergert Illinois Online Network May 18, 2005

Planning a Website Where do I start? Design Document Goals & Objectives User Profile User Scenario Content Elements

Placing & Defining Content Web Element Categories: page layout text links graphics color performance navigation content accessibility Web Design Guidelines Checklist

Usability & Accessibility What’s the big deal? Name an accessibility issue that impacts all users, not just those with disabilities What are some of the advantages and disadvantages to supplying text-only versions of Web sites?

Usability & Accessibility Who would you rather do an evaluation of your site, a content expert or novice? Who would you rather do an evaluation of your site, a Web expert or novice? WebXACT (formerly Bobby)

Putting It All Together Mr. Bad Example Fine Design html html

Resources Yale Web Style Guide ION Web Design Resources /webdesign/index.asp /webdesign/index.asp Research-based Web Design & Usability Guidelines me: