beautypg.com

Adobe Dreamweaver CC 2014 v.13 User Manual

Page 78

background image

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.

Select tool

Enables and disables the Hand tool.

Hand tool

Lets you click the document and drag it in the Document window.

Zoom tool and Set Magnification pop-up menu

Let you set a magnification level for your document.

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.

Document size and download time

71

This manual is related to the following products: