Web Design All-in-One For Dummies, 2nd Edition
Book image
Explore Book Buy On Amazon

Although each web code editor may have slightly different reporting tools to help you find common code mistakes, most should have certain features in common. For example, Dreamweaver’s reports can identify the following issues:

  • Combinable nested font tags such as Hello, which could be either rewritten as Hello or, better yet, stripped of font tags so that you can style the page with CSS.

  • Accessibility issues, which identify ways the code can be improved.

  • Missing alt text attributes for any


  • Redundant nested tags that can be safely removed, such as deleting the extra tags around the words vernal equinox in the following sentence: Spring begins on the vernal equinox, which is usually March 20 in the Northern Hemisphere.

  • Removable empty tags that are unnecessary and can be deleted from the code, such as a tag pair that surrounds no content () or an opening tag that’s missing its closing tag, as in

    Hello world.

  • Untitled documents and files with empty </span> tags.</p> </li> <li><p class="first-para">Workflow reports for designers working within a group setting. These special reports help identify files that have been checked out by particular teammates, locate files with associated Design Notes, and display files that have been recently modified.</p> </li> </ul> <p>To run the HTML Site Reports feature on an entire managed site in Dreamweaver, follow these steps:</p> <ol class="level-one"> <li><p class="first-para">From the Site Reports tab in the Results panel, click the green arrow button in the upper-left corner.</p> <p class="child-para">The Reports dialog box opens.</p> <img loading="lazy" src="https://www.dummies.com/wp-content/uploads/376222.image0.jpg" width="502" height="400" alt="image0.jpg"/> </li> <li><p class="first-para">Select each of the options listed in the HTML Reports area of the dialog box.</p> <p class="child-para">Leave all the Workflow reports options deselected.</p> </li> <li><p class="first-para">Click the Run button to run the report.</p> <p class="child-para">Results are listed at the bottom of the Results panel and are each identified by filename, code line number, and a description.</p> </li> <li><p class="first-para">Make corrections directly inside the Results panel or double-click any of the entries to edit directly in the document in question.</p> <p class="child-para">For instance, one warning might be that a particular image is missing its <span class="code">alt</span> attribute. To fix it, double-click the error and update the HTML code.</p> </li> <li><p class="first-para">When you’re finished making corrections, save any changes in the file and then rerun the report with the same settings.</p> <p class="child-para">Rerunning the report can help you feel confident that all the errors have been addressed.</p> </li> </ol>

About This Article

This article is from the book:

About the book author:

Sue Jenkins is a working designer as well as a design trainer and author. Her design firm, Luckychair, provides design services for web, logo, and print. Sue has also created a series of training DVDs on popular Adobe design tools including Photoshop, Dreamweaver, and Illustrator.

This article can be found in the category: