Home >> Communication >> Site Planning >> Part Six: Adding Content

Part Six: Adding Content

After you have perfected your template in Dreamweaver, you will want to resave the template under different file names. Then, you will be able to add different content to each page, based on the same template.

When you are building a Web site, take the extra time to perfect your template in Dreamweaver before making all of your inside pages based off of this template. If you don't take the extra time, you might find that you have to go back and take the time to make changes to each page individually.

I. Style Guide

After you have made your template, go back and jot down all of the information in your page properties for your documentation. (You want to record what color links, viewed links, active links, text color, etc. you have chosen for each page.)

In addition to the page properties you need to know:

  • What font is used in your navigation images?

  • What size and color (in hexadecimal code) is the type and other colors in the layout?

  • What size, color and font are the headings you will use?

  • What size will your copy be on individual pages? (Remember, unless you're targeting seniors, your type should not be oversized.) Standard type size is size 3 (or none). If you are using size 4 or larger (or your size is +1, +2, etc.) then you should include in your documentation why this is part of your strategy. (See also the section on screen real estate).

II. Inside Pages

Follow this illustration for an example of why and how you should save your template under different file names.

 

III. Edit Content

The content of your Web site is 25% of your grade. Make sure this is not just paragraphs of text slapped onto a page. Instead, think about how you can make the content more engaging. Can you turn a paragraph or chart into a graphic? Can you think of a way to use Flash to create illustrated examples of a process or concept in your site?

Examples of reformatted content:

See How Things Work for some good Flash animations used to explain a process (scroll down to the submarine and the boomerang examples)

See example of Mobile Phone Penetration Rates (and notice there is one important thing that's missing from this graphic: when are these statistics dated?) Be sure to date your content to give users a sense of when it was created.

See the Survivor Cast from Australlia:

 

Next Section: Part Seven, Testing and Editing Inside Pages