Web Site Design and Layout

Come. every frustum longs to be a cone,
And every vector dreams of matrices.
Hark to the gental gradient of the breeze:
It whispers of a more ergodic zone.

[Full Passage]  -- Stanislaw Lem,   "Cyberiad"

Session 1: User Interface Design and Implementation

  1. A T & T 's Style Guide  [Great Example!]
  2. NCSA Styleguide
  3. AOL's Webmaster Style Guide
  4. Yale C/AIM Web Style Guide
  5. Sun's Guide to Web Style   [2-AUG-96 ]
  6. Philip and Alex's Guide to Web Publishing
  7. Art and the Zen of Web Sites
  8. Web Developer's Virtual Library: WWW Development
  9. The Alertbox
  10. December Communications
  11. Designing for Multiple Browsers Without Being Bland
  12. Minimalist Web Design
  13. Designing for noncomputer browsers
  14. AnyBrowser.com   [Web Site Viewer]
  15. WebTV Design Guide For Webmasters
  16. The Web Standards Project
  17. Bud Uglly Design
  18. Columbia Guide to Online Style
  19. Andersen Consulting Home Page
  20. JH Campbell Online
  21. Industry.net
  22. Origins of American Animation
  23. IBM
  24. Mapping Web Sites   [Planning Diagrams to Site Maps]
  25. BBC Online
  26. Canada/British Columbia Business Service Centre
  27. QualityShopping Sample Web Store  [demonstration web store]

    Session: 2 Use of Color and Graphics

    1. Webmaster's Palette Sites & Incredibly Useful Tools
    2. Palette Man  [Preset Color Palettes]
    3. Additive Color Synthesis
    4. Color Perception  [Laura E. Funderburk]
    5. Adobe: Color on the Web
    6. A Palette of Colorful Expression  [Color and Human Emotions\Feeling]
    7. Color Model Museum   [Color representation models and diagrams]
    8. Scitex Solutions - Color Theory
    9. Color and Highlighting Principles[Good examples of effective color usage]
    10. RGB Triplet Color Chart  [Colors and their Hex Numbers]
    11. Color Names  [Click the name, see the color]
    12. VisiBone Webmaster's Color Lab  [Click on chart of 216 colors]
    13. COLOR and USABILITY  [Readability of various text/background color combinations]

    Session 3: Creating Attractive and Useful Forms

    1. Fill-Out Form Support   [NCSA: National Center for Supercomputing Applications]
    2. tableform.html
    3. tableform2.html   [mailto:]
    4. Test of some Submit features    [SandBox]
    5. Use of Text Area Box
    6. CGI Resources   [Sanford Morton]
    7. A Tour of HTML Forms and CGI Scripts    [Sanford Morton]
    8. CGI Made Really Easy or, Writing CGI scripts to process Web forms
    9. CGI: Common Gateway Interface    [W3C]
    10. Buttons!
    11. cg-eye   [A test suite for HTTP and CGI development]
    12. WebScripts   [Perl CGI Scripts]
    13. JavaScript Validation of A Form  [Fill out the form]

    Session 4: Designing with Frames

    1. Professional Frames in HTML
    2. Simple <FRAMESET> Implementation
    3. Method: 1 Linked   [Complex Interaction Between Frames]
    4. Method: 2 Nested   [Complex Interaction Between Frames]
    5. TruServ Corporation   [Alternative to Frames: New Navigation Window]
    6. Quality Shoppings TV on the Web  [FRAMES X 4]
    7. Welcome to FrameShop!   [makes it easy to create and experiment with frames]
    8. Sharky's Netscape Frames Tutorial
    9. All4one   [Frames Search Engine]
    10. Quality Shoppings TV on the Web  [4 Frames Shopping Page]
    11. ParaSurfer    [Frames: Surf 2 windows at once]
    12. Tom Wittbrodt's Frame Targeting Examples
    13. How to target a link to a window   [Netscape]

    Session 5: Cookies

    1. Cookies- Microsoft's Definition
    2. Cookie Central
    3. Cookie Specification    [Bell Labs]
    4. About Cookies [Apple]
    5. Internet Cookies   [DOE'S Computer Incident Advisory Capability]
    6. PERSISTENT CLIENT STATE HTTP COOKIES   [Netscape]
    7. Cookies    [Internet Junkbuster]
    8. How Web Servers' Cookies Threaten Your Privacy    [Internet Junkbuster]
    9. Animal Crackers [Maintain state over a long period with a cookie]
    10. Permanently customize the appearance of a page with a cookie

    Session 6: Developing and Implementing Web Site Standards

    1. A T & T 's Style Guide  [Great Example!]
    2. Verio Inc. Acceptable Use Policy   [Large ISP Hosting Company]
    3. Au Fait Communications Terms of Service   [Small ISP]
    4. State of West Virginia Acceptable Use Policy
    5. NCSA Web Page Design Policy
    6. The Core Rules Of Netiquette   [10 Rules]
    7. The Internet Hardlink Co  [a list of Polices, Terms of Services, etc.]
    8. Web Site Planning Diagrams Visualizing/Analyzing an Existing Web Site
    9. Create Your Own Privacy Statement NOW!   [TRUSTe]

    Resources

    Tools

    1. Sam Spade
    2. Sam Spade Help
    3. File Download Time Calculator
    4. WWW Viewer Test Page from LLNL
    5. Cleaning Up After WYSIWYG Editors
    6. HTML Tidy
    7. InsideDHTML Tools for IE4
    8. Webmasters Only - The Complete Resource Center for Webmasters and Designers
    9. H. T. T. P. Resources: Links
    10. Digital Image Collections   [Berkely Digital Library SunSITE]
    11. Clearinghouse of Image Databases    [THE UNIVERSITY OF ARIZONA LIBRARY]
    12. Usable Web: Guide to Web usability resources
    13. PEI: Downloadable Tutorials!
    14. WebTechniques.com

    ** Hark's Class Links **
    ** Writing for the Web **
    ** Web Development Basics **
    ** Marketing on the Internet **
    ** Web Site Design and Layout **
    ** The Management of Web Projects **
    ** Graphic Design for the Web **

    Computer Learning Center

    University of Pittsburgh

    Graphics Design for Website Developers

    Home | Handout | Searching | Show Me | Tell Me | Buildit

    David J. Hark
    HARK/INTERNET-HELP
    P. O. Box 201 Shepherdstown, WV 25443-0201
    304-876-2607
    dhark@fred.net
    dhark@intrepid.net
    http://www.fred.net/dhark
    Last updated: 21 March 2000

     

    © 1998 David J. Hark