The page preview you see in Dreamweaver's Design view is useful, but it's no substitute for previewing your pages in real Web browsers. The reason is simple: the Design view shows one rendering of the HTML page, but Web browsers, which may be based on different rendering software (often called "rendering engines"), may show the same page differently. For example, you'll often see pages that look different in Internet Explorer 6 for Windows, Mozilla Firefox, and Safari on the Mac. That's because each of those browsers uses a different rendering engine, and they each lay out and draw pages differently ( Figure 3.26 ). By default, Dreamweaver makes your computer's default Web browser the default browser for previewing pages, but you can change that if you prefer. To preview a page in a Web browser: 1. | Save your page. Dreamweaver requires that the page be saved before it can create a preview. If you forget, you'll be asked with a dialog if you want to save. If you click No in this dialog, the preview will be of the last saved version of the page, not necessarily the latest version, so get used to saving before previewing. | 2. | Press F12 (Opt-F12). The page opens in the default preview browser. or Choose File > Preview in Browser, then choose a browser from the submenu ( Figure 3.27 ). The page opens in the browser you selected. or Click the Preview/Debug in Browser button on the Document toolbar ( Figure 3.28 ). This brings up a pop-up menu with the browser choices available on your system. | Tips -
If you're using a Mac laptop, you must press Fn-Opt-F12. -
Depending on which version of Mac OS X you're running, F12 may be assigned by the system to either Expos (Panther) or Dashboard (Tiger). On the Mac, Dreamweaver 8 requires that you use Opt-F12 for the primary browser, and Cmd-F12 for the secondary browser. If you have any Expos or Dashboard features that use these keys, you can change them to different keys in the Dashboard and Expos panel of System Preferences. To set the browsers that appear in the Browser list: 1. | Choose File > Preview in Browser, then choose Edit Browser List from the submenu. The Preview in Browser category of Preferences appears ( Figure 3.29 ). | 2. | Do one or more of the following: -
To add a browser to the list, click the + button, then fill out the information in the resulting Add Browser dialog. -
To remove a browser from the list, select the browser and click the button. -
To set a browser as the primary preview browser (this will cause it to open when you press F12 (Opt-F12)), select it and click the Primary browser button. -
To set a browser as the secondary preview browser (this will cause it to open when you press Ctrl-F12 (Cmd-F12)), select it and click the Secondary browser button. | 3. | Click OK to close the Preferences dialog. | |