Dreamweaver CC: The Missing Manual, 2nd Edition

Chapter 19. Testing Your Site

As you no doubt realize by now, building a website involves quite a few steps. At any point in the process, you can easily introduce errors that affect the performance of your pages. Mistakes both small (like typos) and site-shattering (think broken links) occur frequently in the web development cycle.

Unfortunately, web designers often neglect to create a set of best practices for testing their sites. This chapter offers helpful techniques for that, and shows you how Dreamweaver’s wide array of site-testing tools can help.

Site Launch Checklist

Don’t wait until you finish your site before developing a thorough strategy for regular testing. If you do, serious design errors may have so completely infested your pages that you have to start over, or at least spend many hours fixing problems you could have prevented early on. These guidelines help you avoid such a predicament:

• Preview early and often. The single best way to make sure a page looks and functions the way you want it to is to preview it in as many browsers as possible. For a quick test, switch to Live view using the Design/Live drop-down menu in Dreamweaver’s Document toolbar (Figure 1-32). This is a great way to quickly check JavaScript components, web fonts, and the way a browser displays pages that have complex CSS. You see pages as your web visitors will see them in the Google Chrome web browser, because Live view uses a related browser called Chromium. Your page will look similar in Safari ...