WEB DESIGN BASICS
Good Web designers know that you can't just jump in and start writing HTML, the same way you can't build a house by just pouring a foundation and putting up some walls.

WEB DESIGN TIPS

Most online resources for beginners jump right in and tell you that all you really need to know are the basics of HTML and have access to an HTML editor like Microsoft FrontPage. They're anxious to explain ad nauseum all about code, and neat tricks you can do with code. They are likely to point you in the direction of three billion other sites that discuss …code.

Nothing could be further from the truth.

An effective and pleasing Website begins off-line. They're planned. The bulk of what determines whether or not your new site is of interest to anyone else is done before you even get online.

PLANNING YOUR WEBSITE

1. WHY A WEBSITE? [ There are other venues for personal expression .... ]

What is the purpose of your Website? Inform? Display? Discuss? Persuade?
One of the biggest and most common mistakes people and corporations make, is not deciding just exactly what the purpose of their site is. There are two extremes here. Either your site tries to consciously do everything, fulfill every purpose, list every piece of trivia and answer every question; or it unconsciously blathers a stream of topics. Information potpourri.

Your Website should have one or possibly two main functions. Decide. Decide beforehand and set limitations. If you can write it down clearly on a piece of paper, chances are it will be clear to other people as well.

  2. CREATE AN IDEA POOL

What topics or different sections would you like to have in your Website? It's OK to be creative, "off the wall" or random with topics, i.e. "about me", "my family", "ski-boarding", "astrophysics", "my photos", "my pet-peeves", etc. Relax. Create as many as you like. This is what is called an idea pool.

  3. CREATE A VISUAL INFORMATION HIERARCHY

It's easier than it sounds. Write all of your topics or areas on separate note cards. I particularly recommend this for people who are skilled writers. The traditional hierarchical model of writing for print is not effective for your Website's basic architecture. It is effective for actual content, but we haven't gotten that far yet.

Physically arrange your note cards on a flat surface. Place topics that are similar, next to each other. You should quickly find that your topics form small, related groupings. You will also find that some topics are completely unrelated to everything else. That's OK.

4. REFINE YOUR TOPICS

Scan. Discard. Add. Change. See if you can place all topics under 3 to 5 general categories. Your objective is to create a visual organization model that vaguely resembles a pyramid or triangle.

Although it may seem simplistic, do not underestimate the tremendous results that this method will have on your final product … your Website.

  5. WRITE YOUR CONTENT

Begin to write your actual content. Each topic should be a separate and complete document in and of itself. We cannot stress how critical it is to write your content BEFORE you design your site. We have all heard the age old adage, "form follows function." It has never been truer than with a dynamic and non-static medium called the Web. The layout and design of your Website can either enhance or detract from your content ... your personal message.

  6. CHOOSE A STYLE

Everyone has particular stylistic preferences or colours they like. Think about yours. Be creative. Remember however that a Website is not a painting. Effective Websites are presentations.

Look at full-page magazine ads or professional Websites. Look at the lettering, the colours, the images, etc. that they use. Print or cut them out. Write notes on top of them. Scribble on them with markers. Cut or cross things out. This should give you some great ideas for a "homepage".

  7. LEARN THE BASICS OF HTML  [RE: Hypertext Markup Language].

There are many HTML editors that function adequately without you knowing a single tag of HTML code. This is a great place to start. You will find however, that these editors fall far short of your ultimate vision for a Website rather quickly. Learn the basics of HTML. It's not difficult.

There are many, many sites online that have HTML tutorials. There are also many, many inexpensive books that teach HTML, web authoring, conventions, protocols and the like. We recommend the Visual Quickstart series by Peach Pit Press. It's great as reference material for designers of any skill level.
 
 8. DESIGN YOUR SITE

Design your homepage first. Remember that your homepage is a kind of introduction to the rest of your site.

Statistically speaking you have less than 30 seconds to capture a visitor's interest and communicate the type of information that a visitor is likely to find within your site.

If you fail to do this, we also know [statistically speaking] that a new visitor will almost certainly leave immediately and never return.

Somewhere on your homepage you should explain which topics are literally contained within your site. Your navigation should reflect that same explanation. It should be clearly presented on your homepage as well. Never leave your visitors guessing as to which link takes them to which topic, or how to get there. Be explicit. Be precise.

• Never use stand-alone symbols or icons to represent your navigation. Combining text with symbols is the more effective strategy. The Web is literally world wide. You are now dealing with many different people from different cultures.

• Every page in your site should reflect the topics you selected, and wrote about previously in section three. Every page should stylistically appear "related" to your homepage. Every page should contain the same navigation scheme you used on your homepage. Consistency is critically important to "surfers".

  9 . EXPORT YOUR SITE

When your masterpiece of personal expression is completed, you export or FTP it to the Web and you're done. Right? WRONG.

The tremendous advantage that a Website has over traditional print media is that it can be refined, updated, modified and expanded quickly and without the hassles associated with reprinting. Your audience expects it. A Website that doesn't have additions or improvements made to it over time is a poor presentation. Websites evolve or die.

Bad sites begin and end by either considering only aesthetics or only code. Anyone can create a "bad" Website. Many people do ...