|

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
- Design a clean, simple logo
- Use it and/or a metaphor throughout the site
- Avoid forcing users to scroll where possible
- Use text for text, and graphics for graphics
- Minimize the screen height of your graphics and
layout
- Maximize the screen width of your layout (600 pixels
max, 544 for WebTV)
- Carefully crop and optimize all graphics, and
minimize bit depths
- Create a scaleable site structure (directories vs.
.html files)
- Think carefully about your site's organization
- Use short, descriptive labels
- Group site areas logically, preferably in groups of
5-7 items
- Use white space where possible
- Test on multiple platforms and browsers
- Use HEIGHT and WIDTH to speed display
- For major changes, use a test page, don't play with
the live page
- JavaScript: Test and retest, there are bugs, some
catastrophic
- Add new technologies and features if they are truly
useful
- Don't just link, create original content
- Experiment and invite feedback
Links
- Webreference.com
HTML Links - (the most comprehensive and researched)
- Yale
C/AIM Web Style Guide
- StyleSheets
Tutorial
- HTML
4.0 close to being finalized
- Netscape's
Browser Compatibility Page
- Bad Style Page
- Beyond the Bones of HTML
- Elements of HTML Style
- Good Design of Web Pages
- Guide to Web Style
- Web Pages That Suck
- Web Authoring Style Guide
- Yale C/AIM Web Style Guide
- Art and the Zen of Web Sites
|