Tips on building a winning KISS website ~ Part One
JP's Most Important E-commerce Web Design Tips
Design ~ Diagram Examples Page 1 of 2
 
SITE FUNCTION DIAGRAMS

Site Folders ~ Diagram
How do you plan to store your site pages and images? What folders do you need to house your websites pages and images.
Getting a good start is important. Keep this task basic, clean, and accurate.
This is what a website folder looks like when it is done.

C: My Documents\craftshopmall

    About_Us                THIS FOLDER HOLDS YOUR COMPANY DETAIL PAGES
              Contact_Us.htm
              Mission_Statement.htm
              Policies.htm
    images_website     THIS FOLDER HOLDS YOUR WEBSITE IMAGES
             Banner_140x140.jpg
             Banner_488x80.gif
    images_products     THIS FOLDER HOLDS YOUR PRODUCT IMAGES
             Angel_250_RusticWings.jpg
             Angel_252_PrimitiveWings.jpg
             Candle_650_Votive2inch_rose.jpg
             Candle_652_Votive2inch_vanilla.jpg
    More_Information   THIS FOLDER HOLDS MISCELLANEOUS INFORMATION PAGES
              How_To_Shop.htm
              Favorite_Links_Page_001.htm
              Favorite_Links_Page_002.htm
    Products                  THIS FOLDER HOLDS YOUR PRODUCT PAGES 
              Angels.htm
              Candles.htm
              Dolls.htm
              Fixings.htm     
      Index.htm     THESE PAGES ARE STORED IN YOU MAIN WEBSITE FOLDER - THE TOP FOLDER
      Exchange_Links.htm
      PayPal_Return.htm

Navigation ~ Diagram
ALWAYS USE SERVER SIDE INCLUDE MENUS.
Do your menus once ~ for all pages. Remember the KISS rule for Navigation. 
"Two Clicks To Anywhere"
The following diagram is just one of the many ways available to navigate a site. The idea here is to have a plan before you start your site. Know where you are going first, so that your viewer will be able to find their way around in your site. Get advice if you feel intimidated. 

1. DIAGRAM ONE... SSI MENU WITH HEADERS
Notice that HOME is at the top and then the HEADERS with page links below each header.
If you have a numerous amount of product pages planned... you may consider using sliding menus.

"The only way to grow competently is to share knowledge."  Kind regards, JP
November 2005 PCC Graphics and Website Design ©