Operation Manual

273
USING DREAMWEAVER
Previewing pages
Last updated 3/28/2012
Even though you can’t edit in Live view, your options for making edits in other areas (for example, in the CSS Styles
panel or in Code view) change as you click in Live view.
You can work with related files (such as CSS style sheets) while keeping Live view in focus by opening the related
file from the Related Files toolbar at the top of the document.
4 If you’ve made changes in Code view or in a related file, refresh Live view by clicking the Refresh button in the
Document tool bar, or by pressing F5.
5 To return to the editable Design view, click the Live view button again.
Preview Live Code
The code displayed in Live Code view is similar to what you would see if you viewed the page source from a browser.
While such page sources are static, providing you with only the source of the page from the browser, Live Code view
is dynamic, and updates as you interact with the page in Live view.
1 Make sure that you are in Live view.
2 Click the Live Code button.
Dreamweaver displays the live code that the browser would use to execute the page. The code is highlighted in
yellow and is uneditable.
When you interact with interactive elements on the page, Live Code highlights the dynamic changes in the code.
3 To turn off highlighting for changes in Live Code view, choose View > Live View Options > Highlight Changes in
Live Code.
4 To return to the editable Code view, click the Live Code button again.
To change Live Code preferences, choose Edit > Preferences (Windows) or Dreamweaver > Preferences (Macintosh
OS), and select the Code Coloring category.
Freeze JavaScript
Do one of the following:
• Press F6
• Select Freeze JavaScript from the Live View button’s pop-up menu.
An info bar at the top of the document tells you that JavaScript is frozen. To close the info bar, click the close link.
Live view options
Besides the Freeze JavaScript option, there are some other options available from the Live View button’s pop-up menu,
or from the View
> Live View Options menu item.
Freeze JavaScript Freezes elements affected by JavaScript in their current state.
Disable JavaScript Disables JavaScript and re-renders the page as it would look if a browser did not have JavaScript
enabled.
Disable Plug-ins Disables plug-ins and re-renders the page as it would look if a browser did not have plug-ins enabled.
Highlight Changes in Live Code Turns highlighting for changes in Live Code off or on.