The following shows how to make your 'empty web' using FrontPage 2002 or 2000, and then adding your first files to the web.  Other HTML editors will have different ways to do this.   In some cases you may be required to make your web folders manually.  But for all HTML editors, the principle is the same:  to create a folder structure on your local computer that will become EXACTLY the same structure as your web site.

In FrontPage, click File, New, Page or Web...

tutorial graphic

A new menu will come up.  Click 'Empty Web'.

tutorial graphic

 

'Empty Web' should be pre-selected.  If not, click on it.  The on the right side, pick the location and name for your new web.  Select a brief descriptive name (such as 'basketball', 'field_biology', etc.).  Click OK when you're ready.

tutorial graphic

 

 Create your 'placeholder' web page, and name it 'index.htm'.  DO NOT use any other name.  index.htm is a universally accepted default name for the home page of any web site.  If you used any graphics files on your placeholder page, store them in the 'images' folder.  Eventually, you may have subfolders to store related groups of images.

tutorial graphic

Microsoft FrontPage will make folders and small files in your web that are in addition to the files you make and copy into the web.  DO NOT delete or move these files.  FrontPage uses these files to keep track of the web publishing process and to automatically correct links if you more or rename a file.  In the placeholder page example, FrontPage made the '_private' folder.  In the examples below, FrontPage created every folder with a name that begins with an underscore symbol '_'.

Examples of Folder Structures

http://www.frogaroni.com

tutorial graphic - directory structure example

http://www.peva.org

tutorial graphic - directory structure example

http://www.croakcity.com

tutorial graphic - directory structure example