Adobe Dreamweaver CC 2015 - Manual (Page 27)

20
Workspace and workflow
Last updated 6/3/2015
Status bar overview
The Status bar at the bottom of the Document window provides additional information about the document you are
creating.
A Tag selector B Mobile size C Tablet size D Desktop size E Window size
Tag selector
Shows the hierarchy of tags surrounding the current selection. Click any tag in the hierarchy to select that tag and all
its contents. Click to select the entire body of the document. To set the class or ID attributes for a tag in the tag
selector, right-click (Windows) or Control-click (Macintosh) the tag and select a class or ID from the context menu.
Mobile size
Shows a preview of the document in mobile size - 480 X 800 by default. To change the default size, click Window Size
pop-up menu > Edit Sizes.
Tablet size
Shows a preview of the document in tablet size - 768 X 1024 by default. To change the default size, click Window Size
pop-up menu > Edit Sizes.
Desktop size
Shows a preview of the document in desktop size - 1000 px width by default. To change the default size, click Window
Size pop-up menu > Edit Sizes.
Window size pop-up menu
(Not available in Code view.) Lets you resize the Document window to predetermined or custom dimensions. When
you change the view size of a page in design or live view only the dimensions of the view size change. The document
size is unaltered.
In addition to predetermined and custom sizes, Dreamweaver also lists sizes specified in a media query. When you
select a size corresponding to a media query, Dreamweaver uses the media query to display the page. You can also
change the page orientation to preview the page for mobile devices where the page layout changes based on how the
device is held.
Property inspector overview
The Property Inspector lets you examine and edit the most common properties for the currently selected page element,
such as text or an inserted object. The contents of the Property Inspector vary depending on the element selected. For
example, if you select an image on your page, the Property Inspector changes to show properties for the image (such as
the file path to the image, the width and height of the image, the border around the image, if any, and so on).
The Property Inspector is at the lower edge of the workspace by default, but you can undock it and make it a floating
panel in the workspace.