Everyday Computing Advanced Computing The Internet At Home Health, Mind & Body Making & Managing Money Sports & Leisure Travel Beyond The Classroom
Building Web Sites
Doing Business Online
Graphics & Animation
Using the Internet
Win a Trip to New York City to see Monty Python's SPAMALOT!
Dreamweaver 8 For Dummies

Activating Dreamweaver's Site Map Layout


Adapted From: Dreamweaver 8 For Dummies

If you have trouble keeping track of all the files in your Web site and how they link to one another, you're not alone. As Web sites get larger and larger, this task becomes increasingly daunting. That's why Dreamweaver includes a Site Map Layout feature — to help you keep track of the structure and hierarchy of your site. This is not a Site Map like those you often see on Web sites that link to the main pages of a site. The Dreamweaver Site Map Layout is never visible to your visitors; it's a site-management feature designed to help you visually manage the files and folders in your site.

To create a site map from the Site Map Layout page, follow these steps:

1. Choose Site --> Manage Sites.

The Manage Sites dialog box opens.

2. Select the name of the site you want to work on.

3. Click the Edit button.

The Site Definition box opens.

4. Make sure the Advanced tab at the top of the Site Definition dialog box is selected and the Advanced options are visible.

5. Select the Site Map Layout option from the Category list at the left of the Site Definition dialog box.

The Site Map Layout options display in the right side of the Site Definition dialog box.

6. Click the Browse button (the icon that resembles a file folder) next to the Home Page text box and browse to find the main folder of your Web site. (Note, if you've already filled out the Local Info page for your site, this field is already filled in.)

This text box specifies the location of the home page of the Web site and the main site folder. This information is essential because it shows Dreamweaver where the Web site begins and ends.

7. Specify the number of columns you want to display per row in the site map.

If you're not sure what you want for these settings, start with the default value of 200. You can always come back and change these settings later if you don't like the spacing of the icons in your site map.

8. In the Column Width text box, set the width of the site map's columns in pixels. Again, start with the default 125 if you're not sure how wide you want this to display.

9. In the Icon Labels section, click to put a check mark in the box next to File Names or Page Titles to specify if you want the filename or the page title as the label for each page in the site map.

You can manually edit the displayed filename or page title after you generate the site map.

10. In the Options section, you can choose to hide certain files, meaning that they won't be visible in the Site Map window.

If you select the Display Files Marked as Hidden option, files you have marked as hidden display in italic in the site map.

If you select the Display Dependent Files option, all dependent files in the site's hierarchy display. A dependent file is an image or other non-HTML content that the browser loads when loading the main page.

11. Click OK.

The Site Map is automatically generated.

12. To view the Site Map, open the Files panel on the right side of the screen and select Map View from the drop-down list in the top-right corner.

The Site Map displays in the Files panel using icons to represent each file and link in the site.

Related Articles
Using Your Own Web Space for Sharing Digital Photos
Playing with Active Text in Flash
Debugging Your ActionScript
Working with Clients as a Flash Web Designer
Introducing ActionScript Classes, Objects, and Methods
Related Titles
WordPress For Dummies
PHP & MySQL Web Development All-in-One Desk Reference For Dummies
ASP.NET 3.5 For Dummies
Blogging For Dummies, 2nd Edition
Adobe Flex 3.0 For Dummies