Icon

Description

Menu

Keyboard

Refresh 

Changes made in the code 

View > Refresh 

F5 (Win)

Design View

view are not concurrently 

Design View

F5 (Mac)

updated in the design view.  

This icon refreshes the 

design view after making 

changes in the code view.

Reference

Displays the Reference 

Window > Refer  Shift+F1 (Win)

panel, often found in the 

ence

shift+F1 (Man)

Code panel group.  For more 

see  HTML Reference book  

on page 13.

Code Naviga 

Allows you to navigate 

tion

through Javascript code.

View Options

Allows you to establish pref 

erences for the Code and 

Design views, including 

which should appear on the 

top and bottom.  Additionally 

there are options for showing 

and hiding visual aids and 

other features.

Document Views

One of the great features of Macromedia Dreamweaver MX that you won't find in 

Microsoft Frontpage, is the split window that can display both the code and design 

view at the same time.  This is an excellent way to get familiar with, or more familiar 

with HTML.  And feel free to practice entering your own HTML.

As you develop the page in the design view, the corresponding HTML code is written 

in the code view.  Don't hesitate to type your own html in the code view if you feel 

comfortable.  If you do, remember to use the Refresh Design View icon on the 

Docu 

ment toolbar

 to update the design view.

You can easily switch between views using the following methods:

Press Control+~ (tilde) (Win), apple+~ (tilde) (Mac).

Select the appropriate view from the View menu.

Use the view icons on the Document toolbar.

28

Seattle University Information Technology Computer Training

Creating a New Page

Macromedia Dreamweaver MX