FREEONLINEPROOFINGSITE.COM

ink proofing - www.freeonlineproofingsite.com

Menu


to a web server's root directory. Next, they would have to manually open a browser and locate the file in the web server's root before finally


seeing the dynamic output generated by the web application. The Live Data view cuts all these steps to a mere click of a button. As mentioned earlier, the Live Data view option is available only when a dynamic page is open. However, the button looks similar to the code, split, and design view buttons. If working with the Live Data view seems a bit foggy now, don't worry, we'll be covering the Live Data view option with much more detail in Chapter 25, "Working with Dynamic Data." The Title Bar One of the most obvious features of your page is its title. This is the descriptive text that appears at the top of the browser window just to the right of the browser's icon similar to Figure 2.7. Figure 2.7. The title of a page is shown at the top of the browser window.   The title of your page is the first item that appears in search engine results, so it's important that you add a good, descriptive title. Dreamweaver provides a few methods for adding the title to your page but none more obvious than the text box in the Document toolbar. By default, Dreamweaver places the text Untitled Document in the text box. To customize the text, simply place your cursor in the text box, change the text to something that best describes your page, and press Enter. Browser Compatibility Check One of the features I've been most excited about, dating back to its implementation in the previous release of Dreamweaver, is that of the Browser Compatibility Check built right into Dreamweaver's interface. This feature allows you to quickly check your pageand more importantly, the markup within your pageagainst a pre-configured browser type. In the past, Dreamweaver developers would have to install multiple versions of every browser, open their page within those browsers, check for inconsistencies and errors, and then make tweaks to fix the problems for the particular browser type. Although it's still important to check your page on various browsers for layout inconsistencies, the Browser Compatability Check can automatically detect inconsistencies, errors, and elements that are not supported in a particular browser version. All you have to do is provide the browser version to perform the check against, save your page, and then select the Check Browser Support option. Furthermore, the Browser Compatability Check also provides an Auto-check on Open option. Enable this option to have the Browser Compatability Check run automatically whenever you open pages. Let's walk through an example together. To check the browser support for your page, follow these steps: 1. Purposely add a bogus tag to your code by switching to code view and typing in the tag <zak> within the <body> tag as shown in Figure 2.8. Figure 2.8. Add a tag to the code that doesn't exist in HTML. [View full size image] 2. Now save your document by choosing File, Save. 3. Click the Browser Compatibility Check icon and select the Check Browser Support option. The icon should immediately change from that with a green check mark to a yellow warning icon. If you hover your mouse over the icon, the tool tip should display Found 1 Browser Check Error, as shown in Figure 2.9. Figure 2.9. Use the dynamic compatibility check option to check for browser errors. [View full size image] 4. Now that you know you have an error, you can view the error by clicking the dynamic compatibility check icon again and selecting the Show All Errors