Datasheet

23
Chapter 1: The Many Ways to Design a Web Page
working links and dynamic content so that the page works in Dreamweaver
much as it would when previewed in a Web browser. The Title field dis-
plays the page title, which is the text that appears at the top of a browser
window when a page is displayed. This is also the text that’s saved when a
visitor bookmarks a page. Other features in the toolbar, include the Preview
in Browser button, which launches the page in a Web browser; the View
Options button, which provides access to additional display features, such as
the ruler and guides; and the Visual Aids button, which makes it easy to turn
on special display features, such as CSS Layout Outlines, which add a thin,
dotted line around otherwise invisible elements, such as <div> tags.
The Document window
The big, open section in the main area of the workspace is the Document
window, which is where you work on new and existing pages. If you use the
Designer workspace layout, as shown in Figure 1-6, the Document window is
displayed in split view, showing the code at the top of the window and the
design at the bottom. If you want to hide the code, which makes it easier to
focus on your designs, click the Design view button in the Document toolbar.
Click the Code view button to see only the HTML code and click Split view
button to divide the window.
Figure 1-7:
Dream-
weaver CS4
includes
eight
workspace
layouts
optimized
for different
work styles,
such as App
Developer,
which is
optimized
for working
on dynamic
Web sites.
05_345023-ch01.indd 2305_345023-ch01.indd 23 9/2/08 7:12:17 PM9/2/08 7:12:17 PM