|< Day Day Up >|
14.2 Viewing a Site Map
While the Files panel's list of files and folders is a great aid in managing those files, it doesn't give you a picture of how your site's Web pages are linked together. You can see that the index.html file in the root folder is the site's home page, for instance, but you can't see how it relates to the other pages in the site. In other words, you can't tell which pages link to or from it. To see those relationships, you need Dreamweaver's SiteSite Map view.
The Site Map is a visual guide to the links in a site (see Figure 14-10). An icon representing the home page appears at the top of the map, and arrows connect the home page to icons representing each of the links it contains. As shown in Figure 14-10, special icons clearly mark external, broken, and email links. The best way to view them is by expanding the Files panel (Section 14.1.4), which spreads the links out into easy-to-read columns. In regular collapsed view, all the links in the map are put into a single column, so you need to scroll down to see the each one. Furthermore, the Site Map does more than just provide a visual overview; it also gives you an easy way to rename files and even retitle Web pages.
The Site Map displays icons for each link in a Web site. Symbols provide added information about the pages: The globe icon ( ) indicates an external link such as http://www.yahoo.com. The broken link icon ( ) indicates that the file either doesn't exist or has been misfiled, so that the link won't work. Dreamweaver also highlights the name of the missing file in red. For more on finding and fixing broken links, see Section 15.4.
14.2.1 Setting Up Site Map View
To view a Site Map, you'll first need to do a little preparation:
14.2.2 Viewing and Customizing Site Map View
Once you've set up Site Map view as described above, you can see it by choosing Map View from the Files panel's unlabeled View menu (identified in Figure 14-6). Because the Files panel is narrow, click the Expand/Collapse View button (also shown in Figure 14-6) to maximize the map area.
When you first view the Site Map, only the first two levels梩he home page and all of the pages linked from it梐ppear. A + symbol next to a page indicates that there are additional links on that page; clicking the + expands the list of links on that page. If those pages in turn have links, additional + symbols appear. You can continue to follow the links by expanding each page, but viewing too many levels at once can bring a confusing complication; see the box in Section 18.104.22.168 for advice.
As in the Site file list, you can open a page by double-clicking its icon in the Site Map. In fact, if the Files panel is expanded (so that both the Site Map and Local Site file listings appear), selecting a page in the Site Map highlights the corresponding page in the File list, and vice versa.
22.214.171.124 Identifying pages in the Site Map
The Site Map view starts out displaying the file name of each Web page, which can be less than informative. If you've structured your site (as recommended in Section 14.1) so that the main page for each section of the site is stored in a different folder and is named index.html, the Site Map will be an unhelpful sea of index.html labels (see Figure 14-10).
A better approach: use each page's title as the icon label. You can do this either when you first set up the site, as described in Section 14.1.1, or choose ViewShow Page Titles from the Files panel's contextual menu (see Figure 14-13). Repeat the same command to see the file names again. The keyboard shortcut is a fast way to toggle between the two views: Shift+ Ctrl+T (Shift--T).
In Windows, if the Files panel is expanded, you'll see a menu across the top of the panel, as pictured in Figure 14-12. This menu offers the same options as the contextual menu visible in the collapsed panel, shown in Figure 14-10.
126.96.36.199 Viewing just part of a Web site
When viewing large Web sites, you might find the Site Map awkward. Perhaps you're working on just a single section, and don't want to be bothered with the extraneous details of the rest of the site. No problem: you can isolate a particular page when viewing the Site Map. Click a page in the Site Map and choose ViewView as Root from the Files panel's contextual menu (Figure 14-13). Alternatively, you can right-click Control-Click) the page and select View as Root from the menu that appears. The page you selected appears as the top-level page in the Site Map (see Figure 14-12).
This Site Map is zoomed in on a single page (Leo), which appears at the top level of the Site Map where the home page normally would be. The path from the home page to this file appears above the map in the Site Navigation bar. The home page is titled "The National Exasperater." A link from the home page leads to a page titled "Horoscopes," which in turn links to the "Leo" horoscope page. To once again view the home page as the top level of the Site Map, click its name in the Site Navigation bar.
188.8.131.52 Hiding extraneous links
Like some people you may know, the Site Map loves detail; it includes all links from your pages, including external links and email links. At times, this may be a bit more information than you need. Suppose you provide 200 email addresses on a single page; you probably don't need to see all of those listed in the Site Map.
Fortunately, Dreamweaver lets you hide any links you wish. All you have to do is select the files you want to hide (Shift-click them, or drag across a group of them) and then choose ViewShow/Hide Link from the Files panel's contextual menu, or right-click (Control-click) the selected files and choose Show/Hide link from the menu that appears; Dreamweaver makes them disappear.
To show hidden files again, choose ViewShow Files Marked as Hidden from the Files panel's contextual menu. Dreamweaver makes all hidden files appear with their names italicized, indicating that you've marked them as hidden. You can turn off a file's "hidden" status by selecting it and choosing ViewShow/Hide Link, or rightclicking (Control-clicking) the file and choosing Show/Hide link.
14.2.3 Renaming Pages in the Site Map
You can rename files in Site Map view, which works similarly to renaming them in the File List view. However, only the Site Map lets you easily change the titles of your site's Web pages. In fact, this is one of the best features of the Site Map. While displaying the page titles, you can quickly scan your site for missing or incorrect page titles and fix them in just a few steps.
You rename a file in the Site Map just as you do in the Files panel; the steps appear in Section 184.108.40.206. In this case, just be sure you're looking at the right kind of data梕ither page titles or file names梑efore you begin. Press Shift+ Ctrl+T (Shift--T) to switch back and forth when viewing the Site Map.
When you're finished, Dreamweaver rewrites the title in the HTML of the page. The new title also appears next to the page icon. Or, if you've changed the name of the file, Dreamweaver's Update Files dialog box appears, letting you fix any links that point to the newly named file.
Most of the commands in the Context menu are duplicated in the panel itself, but three options appear only on this menu. Recreate Site List comes in handy if you've added or deleted files outside Dreamweaver. It rebuilds the site cache and updates the list of assets. Copy to Site copies the selected asset to another site. Locate in Site opens the Files panel and highlights the file of the asset you selected in the Assets panel. You can also open a contextual menu by right-clicking (Control-clicking) any asset in the list.
|< Day Day Up >|