Datasheet

22
Part I: Creating Great Web Sites
Changing workspace layouts
Dreamweaver CS4 has eight preset workspace layouts to choose from. These
layouts arrange the many toolbars, panels, and other features in popular con-
figurations. You can change layouts by choosing Window➪Workspace Layout
and then choosing from any of the listed layouts, such as Designer, as shown
in Figure 1-6, or App Developer, as shown in Figure 1-7. You can also access
the list of layouts by clicking the arrow next to the layout button, as shown
open in Figure 1-7.
As the names imply, the Designer layouts were created for people who have
a design background, whereas the App and Coder layouts were created for
programmers who are likely to prefer working in the code view more than in
design view.
In addition to the preset workspace layouts, you can create your own by
opening, closing, or moving any of the panels, inspectors, or other features,
as described in the following sections. You can even save your own layouts
by choosing Window➪Workspace Layout➪New Workspace and giving each
new workspace layout its own name, which is then added to the menu so you
can easily reset it. If you move a panel or inspector and then want to return it
to its original location, choose Reset Workspace to restore any of the preset
layouts.
Create a collection of workspace layouts optimized for common tasks, such as
creating and applying CSS, or working with database content, and save them
so that you can easily arrange the program to best suit your preferences.
The menu bar
Like most programs you’ve used, the menu at the top of the screen provides
easy access to most program features, including the options you find in the
Insert bar, Property inspector, and panels, as well as a few others that are
available only from the menu.
The Document toolbar
Across the top of the workspace, just under the menu bar and above the
workspace, is the Document toolbar, as shown in Figure 1-6. Here you find
the Code, Split, and Design view buttons, which make it easy to change from
displaying only the code or design in the workspace, or both the code and
the design (using split view, which is shown in Figure 1-6). You also find
the Live View button, which provides a preview of the page, complete with
05_345023-ch01.indd 2205_345023-ch01.indd 22 9/2/08 7:12:17 PM9/2/08 7:12:17 PM