
of the directory structure and name it images. You may also find that other HTML authoring tools place all your images in one folder by default. Dreamweaver doesnt require an images folder, but it does encourage you to identify a main images folder when you set up your site (for more on site setup, see Chapter 2). The advantage of keeping all your images in one folder is that you only have one place to look for them. However, if all your images are in one place, youll likely end up with a long list of image files, making it harder to keep track of which image is which. When you want to change an image later, sorting through this list can be arduous work. A good alternative is to store your images in multiple images folders and keep them within subfolders with related HTML files. For example, keep all your staff photos for your staff pages in an images folder within a staff subfolder. If you have images that link throughout the site - a logo, for example - you may want to keep those images in an images folder at the top level of your directory structure. This way, the images are easy to find from any folder in the site. Dreamweaver makes no distinction between a folder called images and a folder called hot-stuff, or any other name for that matter. You can name your folders whatever you like, even goofy_pictures, just make sure you remember what you called them so you can find them again later. Chapter 3: Planning and Maintaining a Web Site 79 Similarly, you can identify the name and location of any image you are viewing on a Web page. If youre using Internet Explorer, place your cursor over the image and right-click (Windows) and then choose Properties from the drop-down list. The Properties dialog box includes the specific URL of the image, which has the name and folder (path). In this example, the image is named tips.gif and its stored in the images folder. If youre using the Safari browser on a Mac, it works a little differently. Control+click an image and choose Open Image in New Window from the drop-down list. In the new window, the image URL appears in the location bar. Handling links As you develop your site, the links only become more complicated to manage and easier to break. Fortunately, Dreamweaver includes a variety of tools that help you keep links in good working order. Changing and moving files without breaking links You can use the Files panel to rename and rearrange files and folders, as well as create new folders, all with drag-and-drop ease. You need to define your site for this to work (see Chapter 2). To rename or rearrange files, follow these steps: 1. Select the site name from the drop-down list at the top of the Files panel and choose the site you want to work on from the list. When you select a site, the folders and files of that site display in the Files panel on the right side of the Dreamweaver work area. 2. Use the plus (+) and minus (-) signs to open and close folders in the Files panel. 3. In the Files panel, select the file or folder that you want to change (move and/or rename): To move the selected file: Drag that file or folder anywhere in the panel. For example, you can move a file into a folder, and Dreamweaver automatically changes all the related links. This panel works just like the Explorer window on a PC or the Finder on