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.
You can view a document in the Document window in Code view, Split Code view, Design view, Code and Design views (Split view), or Live view. You also have the option of viewing Split Code view or Code and Design views horizontally or vertically. (Horizontal display is the default.)
Design view option is not available for fluid grid documents.
Split Code view splits your document in two so that you can work on two sections of the code at once.
In the Document toolbar, click the drop-down list adjacent to Live option and click Design. To switch to full Design view, click the Design button.
In the Document toolbar, click the Split button. Then, click the drop-down list adjacent to Live option and click Design.
- (Windows) Select Window > Tile Horizontally or Window > Tile Vertically.
- (Macintosh) Select Window > Tile.
The Status bar displays the Document window’s current dimensions (in pixels). To design a page that looks its best at a specific size, you can adjust the Document window to any of the predetermined sizes, edit those predetermined sizes, or create sizes.
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.
To resize the document window, Select one of the sizes from the Window Size pop‑up menu at the bottom of the Document window.
Select one of the sizes from the Window Size pop‑up menu at the bottom of the Document window. Dreamweaver CS5.5 and later offers an extended list of choices, including choices for common mobile devices (as pictured below).
The window size shown reflects the inside dimensions of the browser window, without borders; the monitor size or mobile device is listed to the right.
For less precise resizing, use your operating system’s standard methods of resizing windows, such as dragging the lower-right corner of a window.
(Windows only) Documents within the Document window are maximized by default, and you can't resize a document when it's maximized. To de-maximize the document, click the de-maximize button in the upper right corner of the document.
You can run reports in Dreamweaver to find content, troubleshoot, or test content. You can generate the following types of reports:
Lets you test the HTML in your documents to see if any tags or attributes are unsupported by your target browsers.
Enable you to improve workflow and test HTML attributes in your site. Workflow reports include checked out by, recently modified, and design notes; HTML reports include combinable nested font tags, accessibility, missing Alt text, redundant nested tags, removable empty tags, and untitled documents.
Support for ColdFusion is removed in Dreamweaver CC and later.