How to Test Your Work with the Dreamweaver Site Reporting Feature
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:
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.
Make sure any documents you have open in Dreamweaver’s workspace are saved by choosing File→Save All.
The Reports dialog box appears.
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.
In the Select Reports section, click the check boxes to select the reports you want.
You can select as many reports as you want.
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.
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.
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
Visit</font></font> 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.