Home > Articles > Graphics & Web Design > Dreamweaver & Flash

  • Print
  • + Share This
This chapter is from the book

This chapter is from the book

Using Code Live View

As you work in Live view, you can also view live code. Similar to Live view, Live Code view is a non-editable view. Live code view appears displaying the code that the browser uses to execute the page. The non-editable code is highlighted in yellow. If you want to edit the code, all you need to do is return to Live view, and then switch to Code view, which is editable. After making your code changes, you can return to Live view and then refresh it to see your changes.

Access Live Code View

  • green-circle-1.jpg Open the Web page you want to view.
  • green-circle-2.jpg Switch to Design view or Code and Design view.
  • green-circle-3.jpg Click the Live View button.
  • green-circle-4.jpg To go to Live Code view, click the Live Code button.

    Live code view appears displaying the code that the browser uses to execute the page. The non-editable code is highlighted in yellow.

  • green-circle-5.jpg To return back to Live view, click the Live Code button again.
  • green-circle-6.jpg To return back to Design view, click the Live View button again.
  • + Share This
  • 🔖 Save To Your Account