Get Connected
Learn about the Net
ISP's and Servers

Plan the Site
Design Basics
Surf for Examples

Convert Content
HTML&Tutorials
Editors&Converters

Use Graphics
Software/Techniques
Image Libraries

Plugins Required
Overview
PDF&SGML

Add Interactivity
Tools&Technologies
E-Mail&Listserv
Java and Javascript

Search Tools
Web Search Engines
Site Search Engines

Site Management
Analysis&Tracking
Publicizing
Security

Trends
Conferencing/Push
Keeping Current

Feedback

 


 

Managing Web Services - Resources for Archivists


Design Basics

Introduction

HTML is a simple text markup language, originally targeted for linear information presentation. It can, however be tweaked and manipulated to create a useful and aesthetically pleasing page layout and an effective overall site design.

Basic Guidelines

  1. Design a clean, simple logo
  2. Use it and/or a metaphor throughout the site
  3. Avoid forcing users to scroll where possible
  4. Use text for text, and graphics for graphics
  5. Minimize the screen height of your graphics and layout
  6. Maximize the screen width of your layout (600 pixels max, 544 for WebTV)
  7. Carefully crop and optimize all graphics, and minimize bit depths
  8. Create a scaleable site structure (directories vs. .html files)
  9. Think carefully about your site's organization
  10. Use short, descriptive labels
  11. Group site areas logically, preferably in groups of 5-7 items
  12. Use white space where possible
  13. Test on multiple platforms and browsers
  14. Use HEIGHT and WIDTH to speed display
  15. For major changes, use a test page, don't play with the live page
  16. JavaScript: Test and retest, there are bugs, some catastrophic
  17. Add new technologies and features if they are truly useful
  18. Don't just link, create original content
  19. Experiment and invite feedback

 

Links

  1. Webreference.com HTML Links - (the most comprehensive and researched)
  2. Yale C/AIM Web Style Guide
  3. StyleSheets Tutorial
  4. HTML 4.0 close to being finalized
  5. Netscape's Browser Compatibility Page
  6. Bad Style Page
  7. Beyond the Bones of HTML
  8. Elements of HTML Style
  9. Good Design of Web Pages
  10. Guide to Web Style
  11. Web Pages That Suck
  12. Web Authoring Style Guide
  13. Yale C/AIM Web Style Guide
  14. Art and the Zen of Web Sites