beautypg.com

Visual guides overview, Customizing the dreamweaver workspace – Adobe Dreamweaver CC 2015 User Manual

Page 32

background image

25

Workspace and workflow

Last updated 6/3/2015

Visual guides overview

Dreamweaver provides several kinds of visual guides to help you design documents and predict approximately how
they appear in browsers. You can do any of the following:

• Instantly snap the Document window to a desired window size to see how the elements fit on the page.

• Use a tracing image as the page background to help you duplicate a design created in an illustration or image-editing

application such as Adobe® Photoshop® or Adobe® Fireworks®.

• Use rulers and guides to provide a visual cue for precise positioning and resizing of page elements.

• Use the grid for precise positioning and resizing of absolutely positioned elements (AP elements).

Grid marks on the page help you align AP elements, and when snapping is enabled, AP elements automatically snap
to the closest grid point when moved or resized. (Other objects, such as images and paragraphs, do not snap to the
grid.) Snapping works regardless of whether the grid is visible.

More Help topics

Working in the Document window

About Live view

Open Related Files

General information about coding in Dreamweaver

Preview pages in Live view

Setting coding preferences

View and edit head content

Using visual aids for layout

Previewing pages in Dreamweaver

Insert code with the Coding toolbar

Set window size and connection speed

Zoom in and out

Resize the Document window

Set download time and size preferences

Manage windows and panels

Use the Property inspector

Use the Insert panel

Work with files in the Files panel

Using visual aids for layout

Customizing the Dreamweaver workspace

Note: The user interface has been simplified in Dreamweaver CC and later. As a result, you may not find some of the
options described in this article in Dreamweaver CC and later. For more information, see

this article

.