Troubleshooting Web Sites
Visio 2007 shows you broken links in your site map by displaying a red X on shapes that represent a broken link. Even better, Visio 2007 stores the reason for the broken link as shape data of the shape. You can right-click a shape in the site map and then choose Properties to display information about the link, including errors associated with broken links (as Figure 15-18 shows). Visio 2007 can’t fix the error for you—you have to do that using your Web development tools. However, after you have repaired the problem on the site, you can update your site map by right-clicking the broken link shape, and then choosing Refresh Hyperlink <Address>.
Figure 15-18. Visio 2007 displays a red X on shapes that represent broken links. In the Shape Data dialog box, the Error field reveals the type of error that Visio 2007 uncovered when mapping the site.
Visio 2007 can help you troubleshoot a site in other ways as well. You can generate reports that provide information about links or shapes in your site map, and you can compare different versions of a site map. The sections that follow tell you how.
Reporting on a Site’s Problems
Visio 2007 can create reports about the contents of your site map and the errors that were found when the site map was generated. Reports are based on the underlying model that Visio 2007 created when it generated your site map, not just the shapes that appear on the drawing page. All of the following reports list broken links and other errors; they differ in how they organize the information:
When you choose Web Site Map, Reports, Web Site Map Links With Errors, Visio 2007 creates a list of all the broken links that were found when it mapped your site.
When you choose Web, Reports, Web Site Map All Links, Visio 2007 lists all links.
When you choose Web Site Map, Reports, Inventory, Visio 2007 lists every link and piece of content by its file type.
Visio 2007 creates reports as HTML, Excel, Visio shape, or XML documents that open in your browser, as Figure 15-19 shows.
Figure 15-19. When you create a report, you can see all your broken links at a glance or review a list of links by file type.
For details about customizing reports based on the shapes in your site map, see the section titled “Creating Reports” in Chapter 6, “Storing Data in Diagrams.”
Comparing Versions of a Site
If you have saved a site map diagram that you created earlier for a site that you’re mapping again, you can compare the two versions of the site. Visio 2007 includes a report specifically for listing modifications to a Web site based on a site map saved in a separate drawing file. Visio 2007 compares the links stored in the site’s two models and looks for files that are unique to each version. For each modification, the report lists the type of change, the hyperlink address and shape associated with it, and any errors, as Figure 15-20 shows.
Figure 15-20. When you compare two versions of a site map, Visio 2007 creates an HTML page that lists all the modifications.
Follow these steps to compare site maps:
1. | Display the more recent site map in Visio 2007, and then choose Web Site Map, Compare To Previous Document. |
2. | Locate and select the drawing file (.vsd) that contains the earlier version of the site map, and then click Open. Visio 2007 compares the two files and generates an HTML document, which is automatically opened in your browser. |
3. | To save the report, choose File, Save in your browser. |
Conceptual Web Sites
Visio 2007 not only lets you map your Web site, but also allows you to conceptualize a new one. With the Visio 2007 Conceptual Web Site template, you can build the roadmap for complex Web sites with little more than a handful of clicks and a couple of drags. Note that this tool doesn’t actually build a Web site, but rather maps the site that you will build with your favorite Web development tool.
Here are the basic steps of conceptualizing a new Web site.
1. | Choose New, Network, Conceptual Web Site. |
2. | This opens a blank page and five stencils: Callouts, Web Site Map Shapes, Conceptual Web Shapes, Backgrounds, and Borders And Titles. |
3. | Drag the shapes on your page to create the Web site. Note that you can click the Connector tool to connect shapes as you drag them onto the page. |
Note
You can open the Conceptual Web Site stencil when working on a Web site diagram built from an actual site. Click on the Shapes button on the Standard toolbar, select Open Stencil, browse to the stencil’s location, and select it. The Conceptual Web Site stencil is located under File, Shapes, Network, Web Diagram.