TinkerTech.net Logo - resources for the aspiring web designer
Google Search
wwwsite

 

The screen capture to the left is a portion of putertutor.net's site. I have a sub-folder for tutorials and have each of the tutorials that I have written in its own folder. For additional information on planning folders visit Jessett.com.

Once you have setup your site flowchart and folders, you can begin to build your pages. Using the site flowchart is an easy way to build your menus. For example, the site map below is for this site. Index.htm refers to the main page of my site this is called the Parent Level. The pages below are called the Child Level. If you look at the navigation bar on my main page, you will see that I have buttons to each of these pages. By developing a flow chart prior to actually opening your HTML program, it makes the actual site creation much easier. For more information about site navigation, check out Jessett.com.

For additional information on site planning and structure, visit the following sites:

Clutter vs. Clicking in Web Design Ten Mistakes in Site Planning
Your Web Sites First Impression, it Only Happens Once Interface Design Primer
Site Navigation and Web Site Design  

Stop by my Amazon Store for gifts for the web developer.

Visit Robin's Blog for more web design and development resources.
©Copyright 2001-2006 - Robin Wood - Send Questions or comments to robin at tinkertech dot net.
Last Updated: December 19, 2006