Testing Your Code with Dreamweaver’s Site Reporting Features - dummies

Testing Your Code with Dreamweaver’s Site Reporting Features

If you’ve used Dreamweaver to build your mobile website, you can check your work using the Dreamweaver Site Reporting features. It lets you create a variety of reports and even customize them to identify problems with external links, redundant and empty tags, untitled documents, and missing alternate text.

You can easily miss problems — especially when you work on a tight deadline — and common problems in web design are magnified on the mobile platform.

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

If you already have open the site you want to test 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.

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

This saves your documents.

3Choose Site→Reports.

The Reports dialog box appears.

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

You most commonly use this feature to test an entire site just before publishing it to the web, but 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 click to select the pages you want to check in the Files panel.

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

You can select as many reports as you want.

6Click the Run button to create the report or reports.

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

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

7Double-click any item in the 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 in the report and choose More Info to find additional details about the specific error or condition.

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

You are finished with the test.