Preview your page in a browser

Preview your page in a browser

The Design view gives you a rough idea of what your page will look like on the web, but you must preview the page in a browser to see the definitive end result. Though browsers in general produce the same results, each browser version can display HTML pages somewhat differently. Dreamweaver attempts to produce HTML that will look as similar as possible from one browser to another; but sometimes differences can’t be avoided. Thus, previewing your work in a browser is the only way for you to see what your site visitors will see after you publish your pages.

  1. Make sure the index.html file is open in the Document window.
  2. Press the F12 key (Windows) or Option+F12 (Macintosh).

    Your primary browser starts if it’s not running already and displays the index page.

    This is a picture of the feature being described.

  3. (Optional) Switch back to Dreamweaver to make any necessary changes.

    Then save your work and press the F12 key again to make sure your changes took effect.

You now have a web page full of content. The next step is to format some of the content to make it more appealing. In the next tutorial, you’ll learn how to use CSS to format the text that you added.

Getting Started with Dreamweaver
Dreamweaver Basics
Working with Dreamweaver Sites
Laying Out Pages
Adding Content to Pages
Working with Page Code
Preparing to Build Dynamic Sites
Making Pages Dynamic
Developing Applications Rapidly