Preview pages in a browser

The Design view gives a rough idea of what your page will look like in a browser, but the only way to be sure how it will look is to preview it in a browser. Each version of each browser has its own quirks; Dreamweaver strives to produce HTML that will look as similar as possible from one browser to another, but sometimes differences can't be avoided. (That's why Dreamweaver doesn't display a preview within a Document window; there's no way for Dreamweaver to mimic all the different behaviors of all the different browsers.)

Preview in Browser shows how the pages will look when you've published them.

To preview your pages:

1. If index.html isn't the current document, switch to it. (If it's not open, open it.)
2. Press the F12 key.

   Your primary browser starts if it's not running already. It displays the index page.

   Note: Dreamweaver should automatically detect your primary browser and use that for previewing. If the preview doesn't appear, or if it doesn't appear in the browser you expect, switch back to Dreamweaver (if necessary) and select File > Preview in Browser > Edit Browser List. The Preview in Browser Preferences dialog box appears; add the correct browser to the list. For more information, click the Help button in the Preferences dialog box.

3. If you've added a navigation bar to your page, move the pointer to point to the rollover images to see the images change. Click the News button to make sure the links work.

   Note: The other buttons in the Trio Motors navigation bar link to pages that don't exist.

4. Switch back to Dreamweaver to make any necessary changes and to upload the pages to your remote site.

RSS feed | Send me an e-mail when comments are added to this page | Comment Report

Current page: http://livedocs.adobe.com/dreamweaver/mx2004/getting_started_en/gs_06_c7.htm

Add Comment