Building a Class Website

Step 1: Start with a good plan.

A good website starts with a good plan. This means deciding which pages you will create and how they will connect to one another.

Example:

In the example below, the row across the top represent the 3 basic pages that are visible and accessible directly from the home page.

The secondary pages listed under those 3 primary pages are accessible once you visit that page.

Your website can have as many layers as you would like, but a good rule to try to follow is that any information on your site should be accessible with 3 clicks or less.

Once you have designed your "wireframe" you are ready to start designing the layout for your website.

Step 2: Build your basic design.

Choosing a design is important because it sets the foundation for how your users will access the information on your site.

Example:The example below shows a few different ideas for how to layout your website.

Header: This identifies your website on every page. A header often has some basic navigation links.

Navigation (side bars): The navigation pane has links to more of the pages available on your website. You can also add other links and information in your side bars. Website can have one, two, or even 3 side bars if it helps users navigate the website more effecctively.