• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Lesson 6. Managing Your Site > Creating a Site Map

Creating a Site Map

A site map gives you a visual representation of a selected portion of your site. It does not display all the pages in your site; rather, it starts with a page that has been defined as the home page and shows you all pages that the home page links to. It will continue down the hierarchy of links until it reaches a dead-end page—one with no links. If you have “orphaned” pages that cannot be reached through direct paths from the home page, they will not be displayed in the site map.

In the Local Folder pane of the Site window, select index.html in the Lesson_06_Sites folder. Choose Site > Site Map View > Set As Home Page (Macintosh) or Site > Set As Home Page from the Site window (Windows).

You will not see the result of this command until you create the site map. Now that you have defined the home page, you can create the site map. A home page must be created in order to give the site map a starting point.


Alternatively, you can Control-click (Macintosh) or right-click (Windows) the file and choose Set As Home Page from the context menu in order to select the file to be designated as the home page of the site.

The files used in this exercise have been created for you using the techniques you have learned so far in this book.


Home pages are often called index.html because browsers will display files named index.html (or any known extension variation such as .html or .shtml) as the default page.

Click Site Map button on the Site window toolbar and choose Map Only from the drop-down menu.


Any time you resize the window, the view will revert to Map and Files. You will have to reselect Map Only in that case.

The site map is a graphical representation of your site; the home page is displayed at the top level of the site map. A link from one page to another is indicated by a line that is drawn from the file containing the link to every page that it links to. Arrowheads at the ends of this line point to each linked page. Pages that contain links are displayed with a plus or minus sign just to the left of the file. Clicking the plus sign displays a list of the linked pages, each with their own plus signs. Broken links (ones that don't work) are displayed in red type. External links, such as email links and URLs, are blue and display a small globe.

By default, Dreamweaver displays the site map horizontally. If the home page has many links, there might not be enough room on the site map to show all the pages. You can change the number of columns and the column width to make the site map fit a single page for easier viewing. You can also switch the layout to a vertical format.

In the Site window, choose Site > Site Map View > Layout (Macintosh) or View > Layout from the Site window (Windows).

The Site Definition dialog box opens, displaying the Site Map Layout options.

In the Number of Columns text field, type 1 and click OK.

The site map is regenerated to show all the linked pages in a single column.


When you are using Map and Files View, you can completely collapse the Local Files pane by clicking on the bar that separates the two panes and dragging it to the right. You can drag it all the way up to the right edge of the scroll bar, but not past. If you try to drag it past the right edge of the scroll bar it won't work. This may help to create as much space as possible to view large image maps. Simply drag the bar back to its original position to reopen the Local Files pane. This is a quick way to switch your views.

Choose Site > Site Map View > Save Site Map > Save Site Map As JPEG (Macintosh) or File > Save Site Map from the Site window (Windows).

You can save the site map as a graphic to be used in documentation.

The Save Site Map dialog box opens so you can save the site map as a graphic. At times, you may need to share the site map with people outside Dreamweaver. The option to save the site map as a graphic makes it easier to show that site map to others. On Macintosh computers, you can choose whether to save the graphic in PICT or JPEG format. On Windows computers, you can choose to save the site-map graphic in either BMP or PNG format.


If Save Site Map is grayed out, go back to the Site window and click the empty white space of the site-map pane to make sure it is active. Then go back and choose the Save Site Map command again. If you click in the Local Files pane and cause it to become active, you will not be able to access the site map functions. You will need to reactivate the pane displaying the site map by clicking in that pane.

In the Filename text box, type lighthouse_site.jpg (Macintosh) or lighthouse_ site.bmp (Windows). Save the file into the Lesson_06_Site folder.

The site map is saved as a graphic that can be printed or viewed in an image editor.



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint