Lesson 2: Web Page Design in the FrontPage Editor

---

Organizing the Files in your Web

Now that your Web site contains several pages and files, you will use Folders view to organize them. Similar to Windows Explorer, Folders view lets you manage the files and folders in your Web site. You can safely rearrange the pages and files in your Web site without breaking hyperlinks, page banner titles, or navigation button labels.

In Folders view, FrontPage displays a hierarchical list of the folders in your Web site on the left side of the screen. Clicking on a folder in the Folder List displays its contents on the right side -- the Contents pane.

In the following steps, you will move all the picture files in the Millennium Celebration Web to the Images folder FrontPage created as part of the Web site.

If you were to use Windows Explorer or another file manager to move pages and files from one folder to another, you would break the hyperlinks between your pages and page elements. However, when you maintain your Web site in Folders view, FrontPage keeps every page and hyperlink in your Web site updated to keep track of the new locations of files and folders that have been moved.

To move picture files to the Images folder

1. On the Views bar, click the Folders icon.

   FrontPage switches to Folders view.

2. In the Folder List pane, click the top-level folder labeled C:\My Documents\My Webs\Millennium.
3. In the Contents pane, click the Type column label.

   Clicking on a column label sorts the files in the Contents pane by that criteria. The first time you click a column label, the list is sorted in ascending order; when you click it a second time, it is sorted in descending order.

   The list of files is now grouped by file type, with all GIF picture files at the top of the list, followed by HTM files (pages) in the middle, and all JPG pictures at the bottom of the list.

4. In the Contents pane, click the first picture file (2000.gif) at the top of the list to select it.
5. Next, while holding down SHIFT, click the last GIF picture file in the list (sanfran.gif).

In Folders view, FrontPage supports all standard Windows selection shortcuts, such as SHIFT+CLICK for selecting ranges of files, and CTRL+CLICK for selecting noncontiguous files.

6. Click and hold the right mouse button while the pointer is over any of the selected GIF file icons.
7. Next, drag the mouse pointer over to the Images folder in the Folder List pane.

8. When the Images folder is selected, release the mouse button and click Move Here on the shortcut menu.

   FrontPage displays the Rename dialog box while it is moving the selected GIF image files to the Images folder because it is automatically updating all hyperlinks to these files in the current Web site.

9. Repeat steps 4 through 8 with all JPG picture files, starting with Firewks1.jpg and ending with Firewks4_small.jpg.
10. In the Contents pane, click the Name column label to arrange the remaining list of folders and files by their name again.

You've successfully grouped all picture files in the Images folder.

When you work with your own Web sites, you can group sound files, movie clips, and other types of files in their own folders. You can create new folders in Folders view as needed and delete the ones you no longer need.

To create a new folder

1. In the Folder List, click the folder in which you want to create a new subfolder.

   Folders can be expanded and collapsed in the Folder List to bring their subfolders into view. Click the plus (+) and minus (-) signs next to a folder's name to display or hide its subfolders.

   In the Answer Wizard, type:
   How do I make a new folder?
2. On the File menu, point to New and then click Folder.

   FrontPage creates a new folder with a temporary name.

3. When the folder's temporary name (New_Folder) is selected, type a new name for the folder, then press ENTER.

   The new folder is renamed, and you can now drag and drop files into it.

   For this tutorial, we don't need the extra folder you just created, so you will delete it before we get ready to publish the Web site.

4. In the Folder List, right-click the folder you just created.
5. On the shortcut menu, click Delete.
6. In the Confirm Delete dialog box, click Yes.

   FrontPage removes the folder from the Web site.