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 simultaneously.

1. Make sure the index.html file is open in the Document window.

   NOTE

   If you did not complete the index.html file by doing the previous tutorials, see the introduction of this tutorial for how to proceed.

2. In the Document toolbar, click Show Code and Design Views (which is labeled Split).

   
   
   

   NOTE

   If the Document toolbar isn't already visible, select View > Toolbars > Document.

   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 either click Refresh in the Document toolbar, or click anywhere in Design view.

3. (Optional) To show Design view only, click Design view.
4. (Optional) To show Code view only, click Code view.

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.

Comments

Add Comment

callmerazor said on Mar 21, 2006 at 8:12 AM :

It would be useful if the Split mode had the option to disaply the code and layout views side by side as well as one above the other. On my 1024x768 monitor the spit mode isn't much use because you can't really see much of either.

jonmichael said on Mar 21, 2006 at 12:01 PM :

If you open the Code Inspector (Window > Code Inspector), you can actually view full page code and the full document at the same time.

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

Current page: http://livedocs.adobe.com/dreamweaver/8/using/gs_08_c2.htm

Add Comment