Adobe Dreamweaver CC 2015 - Manual (Page 263)

256
Last updated 6/3/2015
• DOM panel: (Windows > DOM) Shows the HTML structure of your document and lets you copy-paste, duplicate,
delete, and rearrange the elements within the view. See DOM panel for more information.
• Element Display: Appears above the selected HTML element in Live View. Element Display lets you associate
HTML elements with classes and IDs. See Associate HTML elements with classes and IDs for more information.
• Quick Property Inspector: Appears when you click the Sandwich icon in Element Display or select text. Quick
Property Inspector lets you edit image attributes and format text in Live View. See Quick Property Inspector for
more information.
• Live View Property Inspector: Appears below the Document window and lets you edit various HTML and CSS
properties in Live View. See Live View Property Inspector for more information.
• Insert panel: (Window > Insert) Lets you drag elements from the panel directly into Live View. See Insert elements
directly in Live View for more information.
Note: If your page changes dynamically (because of scripts) or has metarefresh enabled, then the edits that you do in Live
View may be lost.
Tips :
• If Live View goes blank when you are editing the page, switch off Live View and switch it on again.
• If you do not see the edits reflected on the page, click the refresh button in Live View.
Content that is rendered dynamically through databases or JavaScript, and non-editable regions in templates cannot be
edited in Live View. When you click such elements in Live View, a grey border appears around them to indicate that the
elements cannot be edited.
Page content and assets
Div properties
Use Direction to specify the Div direction in the Properties.
Edit in Live View
Live View uses a chromium-based rendering engine so that your content looks the same in Dreamweaver as it looks in
your favourite web browsers. During development, you can switch to Live View to quickly preview your page. And, to
save time switching between different views (code and design view), you can edit HTML elements directly within Live
View.
Live View refreshes instantly to show the changes on the page.
Hands-on tutorial
How to design, edit, and preview web pages with new Live View features
(Try-it, 60 min)
You can use the following components to edit your page in Live View: