Folder Naming and Placement

It is worth taking the time to go over the instructions in this section carefully. Computers are very good at following clear instructions and "pathways" but they are completely incapable of figuring out things for themselves.

A "pathway" is an address that leads a computer to a file location. If this pathway is wrong even by a single letter, or even the case of that letter, you will get an error and your page will not display.

Taking the time to very carefully name and position your folders and files will save you a lot of time and prevent a lot of frustration.

Valid XHTML 1.0 Transitional

Creating and Saving Your Index Page

In this section you will create a blank HTML file and then format it so that it is ready to receive the HTML code you will write in subsequent sections. You will also create a set of folders for storing your files and images.

  1. Windows users click:  Start→ Programs→ Accessories→ Notepad.

    Macintosh users click: HD→ Applications→ Text Edit/Simple Text.

  2. Click: File→ Save As→ Select your save location using the "Save in:" drop-down menu. You should choose a location for your files that you can easily find again.

    save in drop-down menu

    If you don't have somewhere already set-up to save your html files you need to do this now. The next steps will show you how.

  3. For windows users click the icon near the top right hand corner of the save window that has a picture of a folder with a little sparkle in its top right corner.

    new folder

    Type html then press enter. Double click the folder you just created called html. Click the new folder icon again and type images then press enter. This is where you will put your images but not until section 6: images.

    For Mac users click:  Macintosh HD→ file→ New Folder and call the folder html. Double click the html folder and then file→ New Folder and call this folder images.

  4. You should still have the "Save-as" window open and be in your folder called html, if you aren't, go there now. Click inside the "File name:" field and type index.html.
    Mac users using Text Edit must select File Format: HTML.
  5. Click the "Save as type:" field and then click the small blue square with the downward pointing arrow. Select "All Files.
  6. Click "Save". For future saves you can just click File→Save or hit "Ctrl+S"

Next section: Initial Page Set-up →