This browser does not support basic Web standards, preventing the display of our site's intended design. May we suggest that you upgrade your browser?

Adobe Dreamweaver CS3

Viewing Options

Dreamweaver allows you to work with your web page in several different views. This document discusses the various views and their options.

return to topViewing Options

While working on a document, you have three options for viewing the page.

Environment Purpose Example
Design Allows you to create and edit your page in an interface similar to that of Microsoft Word. This is a WYSWYG (what you see is what you get) interface. Example: Design view
Split Displays both Code and Design views. Example: Split view
Code Allows you to add, modify, and delete the HTML code for specific or advanced web page design. Example: Code view


To switch between environments:

When editing your web page, you may find it useful to alternate between different environments depending on what you want to accomplish.

  1. On the Document toolbar, select the desired view
    The page is displayed in the selected view.
    View buttons

return to topWorking with Multiple Web Pages

Maintaining a website oftentimes involves updating multiple web pages. Dreamweaver allows you to switch between web pages with ease by designating tabs for each page that is currently open. These tabs are located below the Insert bar.

NOTE: An asterisk (*) in the tab indicates that changes have been made to the web page since it was last saved.

Example: page not saved

To switch between web pages:

  1. Select the tab containing the file name of the web page you wish to work with
    The page is displayed.

Excellence. Our Measure. Our Motto. Our Goal.