Web Design and Usability Techniques Class

Resources

• David's Web Design and Usability Techniques    [ Second Edition ]
• Web Accessibility Toolbar For IE
  • Web Accessibility Toolbar 2011 (2mb)
  • Previous version WAT for IE 2.0 (1.3mb)

Lesson 1: Planning a Web Site

• Topic 1A: Determine the Site Mission
• 1 - 5  Networksolutions.com
• 1 - 6  Bookstore Brainstorm.rtf
• 1 - 7  Gardening Web Sites p.23
  • Gardeners Exchange Group
  • Gardener's Supply
  • Gardens Alive
• Topic 1B: Determine the Audience
• Topic 1C: Choose a Domain Name
• Topic 1D: Organize Content
• Topic 1E: Determine Technologies for a Site

Lesson 2: Creating a Mock-up

• Topic 2A: Choose Images
  • 2-1 Choose Images for a Site p. 35
    • nau1.html
    • nau2.html
    • nau3.html
    • northport.html
• Topic 2B: Choose Colors
  • Hue   p. 36
  • Saturation   p. 37
  • Tint   p. 37
  • Complementary Colors
  • Analogous Colors    p. 38
  • Web-Safe Colors   p. 39
  • Color Blind Viewer  p. 40
  • Center City Symphony
    • Color 1   p. 42
    • Color 2   p. 43
    • Color 3    p. 44
  • 2-2 Choosing Colors for a Site
    • everythingcoffee1.html
    • everythingcoffee2.html
    • everythingcoffee3.html
    • L. M. Smith  p. 45
    • L. M. Smith  re-design  p. 46
• Topic 2C: Apply Design Principles
  • Romeo's Contrast 1   p. 48 - 53
  • Romeo's Contrast 2
  • Romeo's Contrast 3
  • Romeo's Contrast 4
  • marvinsannuals.html    p. 58
  • jammin_juice.html   p. 58
• Topic 2D: Create a Mock-up
  • 2-4 Evaluating Web Page Usability
    • citizensinfo.html   p. 67
  • 2-6 Creating a Home Page Design
    • homepage.txt   p. 69
    • Marvins Gardens Site Plan.rtf
    • graphics folder

Lesson 3: Developing Readable Content for the Web

• Topic 3A: Choose Fonts
  • marvingardens.html  p. 78
  • marvingardens1.html  p. 79
• Topic 3B: Improve Readability
  • jammin_juice.html   p. 83
  • flowers.html    p. 86
  • flowers1.html    p. 87
  • perennials1.html  p. 88
  • perennials2.html  p. 88
  • perennials3.html  p. 88

Lesson 4: Site Testing

• Topic 4A: Perform Usability Testing
• Topic 4B: Validate a Site

Lesson 5: Publicize a Site

• Topic 5A: Increase Search Engine Rankings
• Topic 5B: Market a Site

** Home ** Class Pages ** Site Map **

David J. Hark
HARK/INTERNET-HELP, Inc.
P. O. Box 201 Shepherdstown, WV 25443-0201
304-876-2607
N8GMQ
dhark@fred.net
http://www.dhark.com
http://www.fred.net/dhark
Last updated: 26 February 2012

© 2011, 2012 David J. Hark All rights reserved.