Look at the code

Dreamweaver lets you view your page in either of two ways: Design view (where the document looks much like it would look in a browser), or Code view (where you can see the underlying HTML code). You can also use a split view that shows both Code and Design views.

To view the HTML code for your page:

1. If the Document toolbar isn't already visible, select View > Toolbars > Document.
2. In the Document toolbar, click the Show Code and Design Views button (which is labeled Split).

   
   
   

   The window splits, showing both the Design view and the underlying HTML code.

   
   
   

   You can edit the code in Code view. Changes you make to the code don't appear in Design view until you refresh the view.

To make code changes appear in Design view:

1. Place the insertion point where you want to view code changes, and do one of the following:
   • Click anywhere in Design view.
   • Click the Refresh button in the Document toolbar.
     
     

When you're working on your own pages, you can use whichever view is most comfortable for you. Most of the tutorials in this guide assume that you're using Design view.

To show Design view only:

1. If the Document toolbar isn't already visible, select View > Toolbars > Document.
2. In the Document toolbar, click the Design View button.

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_05_a3.htm

Add Comment