How to Test Your Work with the Dreamweaver Site Reporting Feature - dummies

How to Test Your Work with the Dreamweaver Site Reporting Feature

By Janine Warner

Before you put your site online for the world to see, check your work using the Dreamweaver site reporting feature. You can create a variety of reports to identify problems with external links, redundant and empty tags, untitled documents, and missing alternate text — important errors that are easily missed. Before Dreamweaver added this great feature, finding these kinds of mistakes was a tedious, time-consuming task.

Follow these steps to produce a site report of your entire website:

  1. In the drop-down list at the top of the Files panel, select the site you want to work on.

    If you already have the site you want to test open in Dreamweaver, you can skip this step. Note: Your site appears in the Files panel list only if you’ve completed the site setup process.

  2. Make sure any documents you have open in Dreamweaver’s workspace are saved by choosing File→Save All.

  3. Choose Site→Reports.

    The Reports dialog box appears.


  4. In the Report On drop-down list, choose Entire Current Local Site.

    You can choose to check only a single page by opening the page in Dreamweaver and then choosing Current Document in the Report On drop-down list. You can also run a report on selected files or on a particular folder. If you choose Selected Files in Site, you must first select the pages you want to check in the Files panel.

  5. In the Select Reports section, click the check boxes to select the reports you want.

    You can select as many reports as you want.

  6. Click the Run button to create the report(s).

    If you haven’t already done so, you may be prompted to save your file, set up your site, or select a folder.

    The Site Results panel appears, displaying a list of problems found on the site. To sort the list by category (filename, line number, or description), click the corresponding column heading.

  7. Double-click any item in the Site Results panel to open the corresponding file in the Document window.

    The file opens, and the error is highlighted in the workspace.

    You can also right-click (Windows) or Control+click (Mac) any line of the report and choose More Info to find additional details about the specific error or condition.

  8. Use the Property inspector or another Dreamweaver feature to correct the identified problem, and then save the file.

    Report Name What It Does
    Checked Out By Lists files checked out of the site and identifies the person
    who checked them out. This feature is necessary only if you’re
    working with other web designers on the same site and there’s a
    risk of overwriting each other’s work.
    Design Notes Lists Design Notes used in the site.
    Recently Modified Lists files that have been edited within a specified time
    period. You can set the time period for the report by selecting the
    Recently Modified check box and then clicking the Report Settings
    button at the bottom of the dialog box.
    Combinable Nested Font Tags Lists all instances where you can combine nested tags. For
    example, <font color=”#000000″><font
    size=”2″>Great websites You Should
    is listed because you can
    simplify the code by combining the two font tags into <font color=”#000000” size=”2″>Great
    websites You Should Visit</font>
    Missing Alt Text Lists all the image tags that do not include Alt text. Alt text
    is a text description for an image tag included in the HTML code as
    an alternative if the image is not displayed. Alt text is important
    to anyone who uses a special browser that reads web pages.
    Redundant Nested Tags Lists all places where you have redundant nested tags. For
    example, <h1>Good headlines <h1>are
    harder to write</h1> than you might think</h1>

    is listed because you can simplify the code by removing the second
    <h1> tag to make the code look like
    this: <h1>Good headlines are harder to
    write than you might think</h1>
    Removable Empty Tags Lists the empty tags on your site. Empty tags can occur when
    you delete an image, a text section, or another element without
    deleting all the tags applied to the element.
    Untitled Documents Lists filenames that don’t have a title. The <title> tag is easy to forget because it
    does not appear in the body of the page. Instead, the <title> tag specifies the text that
    appears at the very top of the browser window and the text that
    appears in the Favorites list when someone bookmarks a page. You
    can enter a title for any page by entering text in the Title field
    just above the work area or in the Title field in the Page
    Properties dialog box.