Site Design Practices . . .

Good Site Design Practices

• These tips will help beginners to create highly functional and accessible Web pages. Some of the tips focus on writing valid HTML syntax while others focus on designing pages for "ease-of-use."

• General Tips

• Write your pages for multiple types of Web browsers--to provide trouble-free access to the widest possible audience. The World Wide Web is a multi-platform, non-browser specific medium. It should not matter whether people browse your Web pages using Netscape, Explorer, Opera, Lynx, WebTV, NetPhonic's Web-On-Call, Mobile Telephones, or Personal Digital Assistants (PDAs, or palmtops, the little computers with screens the size of a credit card). Each browser ought to render your informational Web pages without problems. If a Web page is designed properly, blind individuals, or anyone using text-to-voice or Braille displays, can easily listen to and review your work.

  • What You See Is Not What Others Get On The Web

  • Bobby

• Run Web pages through validation software to test their compliance with common HTML (Hyper Text Markup Language) specifications. Modify pages until they validate, because compliant pages have a better chance of being rendered by various Web browsers, as the writer intends. However, if you intend something that is impractical for HTML, it will be no more practical for being syntactically valid. Work with the strengths of HTML rather than trying to batter it into a WYSIWYG page design system. (WYSIWYG stands for What You See Is What You Get.)

  • Specifications for HTML

  • WDG HTML Validator

  • W3C HTML Validation Service

• Condense textual content to fit the time and attention constraints of today's busy Web users.

  • Thoughts on Web Style

  • Inverted Pyramids in Cyberspace

• Use small (byte-wise) graphics so graphics load more quickly in graphics-capable browsers. (It is not advisable to use GIFs for everything. It's of the first importance to make the right choice between JPEG and a palette-based format. Avoid blindly choosing GIF and then trying to rescue yourself from the resulting problems.)

  • JPEG Image Compression Frequently Asked Questions

• When using graphics, provide text alternatives for image-disabled or text-only Web browsers and indexing agents. Some people never turn images on.

  • Use of ALT Texts In IMGs

• Test. Every visitor will see your pages differently. Test your pages with as many browsers and platforms as you can. For example, run pages through a browser like Lynx to see how the "text-only" world sees your documents. Note that search engines are, in effect, text-only browsers. Make documents Lynx-friendly. Try different preferences, color and font settings, and window sizes. Always check how pages look with higher/lower monitor brightness settings.

  • Lynx Viewer

  • Lynx-me

  • Lynx

• For the future, to add presentational effects and Web page style, validate documents at the HTML 4.0 level (for the cleanest possible markup), so pages contain little or no HTML 3.2 presentational markup or proprietary stylistic hacks, and use the World Wide Web Consortium's Cascading Style Sheet (CSS) language to add stylistic effects to your pages.

  • W3C's HTML Home Page

  • Web Style Sheets

• Spell check and proof-read your documents.

  • Free Website Spell checker

• Establish a routine for locating and fixing broken internal and external Web site links.
  Generate revenue from your website. Google AdSense.

• Include contact information and a copyright notice.

  • Sign It!

• If your Web site URL or email address will change occasionally, consider using a service that provides email forwarding and URL redirection.

  • 4businesshosting.com

• Submit your Web site address to an appropriate newsgroup for a critical peer review.

  • Newsgroups

• Promote your Web site by adding your Web address to search engine indices and subject directories. To ensure that people can easily find your Web site, it may be necessary to modify your pages to take best advantage of current search technologies.

  • Search Engine Watch

Special Tips

• Be aware of the pitfalls of character sets. (Here comes a pound sign £ what did you get?) Currency signs are a real danger. It might be safer to write the currency in full. It is not just the signs that fail in some way; even those that do display may be misinterpreted. Let's say you are in the USA and write $25.00 without qualification. How much does that look like to a browser in Australia, Canada, or Hong Kong? If the local $ is worth more than the US$ then you risk someone dismissing a product as overpriced. If the local $ is less, your strangely eager customer may suddenly turn sour when she or he thinks you have been deliberately misleading.

  • ISO 8859-1 Character Set Overview

• If you specify a background color or image, but don't specify text and link colors, the user's text and link colors will be used against your background. In some cases, there won't be contrast between the user's text and link colors and your background color or image, so your text and links will disappear. The rule of thumb is that if you set one color, then you need to set them all.

Acknowledgements

• Alan J. Flavell,

• Sue Jordan

• Susan Lesch

Please email additions or describe why a resource listed here may contain misleading information. We will consider adding or removing....

Website Development & Search Engine Optimization

Keyword Articles  |   Link Management  |   Packages  |   Portfolio  |   Search Engine Optimization  |   Prices  |   Glossary  |   About Us

Service Agreement  |   Site Development  |   Site Design  |   Site Map

^© 2000-2007 Brighton Design, All Rights Reserved

Designed & Developed by Brighton Design