| site map | contact |
 
| home | workshops | courses | libraries | about |
Using Resources
  Introduction
  Welcome
  Objectives
  Prepare the Way
  Web Team
  Publishing Policy
  Student Permission
  Find a Host
  Copyright Issues
  Gather Resources
  Design Your Site
  Brainstorm Content
  Web Design
  Assessment Rubric
  Explore Examples
  Re-evaluate
  Storyboard
  Name Files/Folders
  Develop Your Site
  Page Layout
  Navigation
  Add Graphics
  Credibility
  Bring Traffic
  Site Interaction
  Evaluate Your Site
  Deliver
  Announcing
  Who Is Visiting
I

Designing Your School Web Site

Designing Your School Web Site

Creating and Naming Files and Folders
previous page next page

The final step before your webteam begins writing webpages is to decide what folders and file names you will use.

Use these tips as you begin naming your folders and files:

1. Remember the "Three Click" rule. This rule states that visitors need to be able to find any of your resources within "three clicks" from the homepage. Continuously test to make sure you aren't designing information that is buried on your site and forces the visitors to click several times before they can locate the information they are looking for.

This can be avoided if good pre-planning of your site content and layout is practiced. By placing similar content within a folder, the visitor can quickly find the information they are looking for.


2. The next step is deciding what folders you want to create.

  1. Look at the storyboard that your webteam created. Each of the main categories you grouped together should represent a folder for your site.
preview storyboard

  1. Create a folder for your web site on your computer's hard drive.
  2. Create an additional folder for your graphics.
  3. When naming and creating your other folders, use brief names that and try not to exceed 8 characters and have no spaces. Suggested names for these 5 categories and sub-categories could be:
    • graphics
    • kids
    • staff
      • payton
        • graphics
        • homework
      • jones
      • brown
      • etc.
    • projects
    • about
    • news
create folders for your website
  1. Additional Tips - here are some suggestions to keep in mind when you need to decide whether or not an additional folder or sub-category should be created.

    Add a new folder:
    • ...if someday you plan on adding significant resources to this content area.
    • ...if there will be more than 5-10 web pages within that folder. You need to decide whether or not you should create an additional sub-category folder.

3. Now that you have created folders for your content areas of your website, the next step is planning on the file names for each web page.

Naming your Home Page

    You need to name the home page for each of your folders, the name that your web server recognizes as the "default home page." Each web server has a "default home page" setting that is unique for that web server. You must contact the web server administrator where your web pages will be uploaded to discover what the name for the "default home page" is. Typically, the default home page is named one of the following:
    • main.html
    • welcome.html
    • index.html
    • default.html

Most web servers will recognize all of these names as the default home page, but some web servers may not have been configured to recognize all of these file names as the default home page. Only your web server administrator can answer this question.

Can you show me an example of the default home page?
  1. Look at the web address of the webpage you are reading right now:
    http://www.tammypayton.net/courses/design/2file.shtml
  2. Now take your mouse and delete the file name "2file.asp" until all that you can see is the following URL, then select "enter" or "return":
    http://www.tammypayton.net/courses/design/
  3. What do you see?
  4. Now add the following file name at the end of the URL so that it reads:
    http://www.tammypayton.net/courses/design/index.shtml
  5. What do you see?
  6. Now take your mouse and delete the file name"design/default.asp" until all that you can see is the following URL, then select "enter" or "return"
    http://www.tammypayton.net/courses/
  7. What do you see?
  8. Now add the following file name at the end of the URL so that it reads:
    http://www.tammypayton.net/courses/index.shtml
  9. What do you see?
  10. Now take your mouse and delete the file name"tool/default.asp" until all that you can see is the following URL, then select "enter" or "return"
    http://www.tammypayton.net/
  11. What do you see?
  12. Now add the following file name at the end of the URL so that it reads:
    http://www.tammypayton.net/index.shtml
Answer the following questions about the lesson above:
  1. What was the default homepage for this web site?
  2. Why do you think it is important to know what the default home page setting is?

Naming Additional File Names

    When naming additional file names, including images and web pages, follow these 2 simple rules:
    1. try to use brief names that do not exceed 8 characters
    2. do not use spaces in your file names
previous page next page