January 8, 2001

The Fundamentals of Professional Web Sites    

This Week’s:

Features

Step-by-Step: In the Beginning — The Purpose

On Focus: Writers - Part 1

The 13 Lucky Steps to Promoting a Web Site - Part 1

Background Checks!

Reviews

A Voice for Writers and Speakers

HTML Definitive Answers

Techniques

Making It Big - Large Background Images

Style Sheets for the Terminally Impatient

 

Features

Check those background images at the server door!

Background Checks!

by Carolyn Cooper

Check your backgrounds images at the web host door! Most background images distract and detract, making the web page harder to read and maintain. Don't use complex, patterned backgrounds that tile across the screen.

An actual business web site - if you can believe it

To see the difference a simple background makes, check out this page with a common, marbleized background pattern.

Or to see the difference it makes simply removing the background image from the AAR members list — click here.

Background images can be used successfully, however, it takes much more skill and restraint to create and use effective background images. A simple, single, flat image may be useful to a page design, providing visual clues to navigation or sidebar information. A background images, however can not make up for a weak page structure, design or content. There is no good design with a background image that isn't also a good design without a background image. If a large, flat background image is being used, limit the amount and size of other images on the page. Faster is better for your critical information pages.

Also remember that any other images must be made to match the page background image if one is used. This increases site maintenance and development complexity and costs. You save time, money and improve clarity by eliminating page background images.

Having said all of that, I confess to using background images myself for a number of my clients. The two most succesful and easiest ways to use backgrounds are the flat, narrow, horizontal image that creates a vertical pattern on the page or the large, single image on flat background.

The vertical pattern breaks the page into visual columns. These are usually matched to a table layout. Often the left-hand column effect is used for navigation.

Us News and World Report uses a sidebar brackground graphic well

The large, single image background goes in and out of fashion, but can be highly effective where there is plenty of open space on the page. A couple of effective examples can be found at www.allstarshockey.com, the Independent (a highly original background image used to maximum effect) www.lynda.com - The home site for Lynda Weinman, graphics designer and author.

To learn how to make effective background images without making your site fatter than glutton on January 1st, check out "Making It Big - Large Background Images". Because of browser differences, using background images with style sheets calls for a little coding finesse.

 

Find out how to arrange an independent consultation or a workshop for your conference or organization on this or any other Internet-related topic.