Home > Articles > Web Development > Dreamweaver & Flash

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

This chapter is from the book

Navigating to Related Code

Code Navigator displays a list of linked code sources related to a part of a page. The related codes sources include internal and external CSS rules, server-side includes, external JavaScript files, parent templates files, library files, and iframe source files. When you click a linked code source, the file appears in the related files area (if enabled) or opens as a separate file in the Document window. If the code source is an internal CSS rule, the rule appears in Split view. You can open Code Navigator from Design, Code, and Split views and the Code Inspector.

Open the Code Navigator

  • green-circle-1.jpg Open the Web page you want to view.
  • green-circle-2.jpg Alt-click (Win) or command-option-click (Mac) anywhere on the page.
    • You can also click the Code Navigator indicator icon to open the Code Navigator. The Code Navigator indicator icon appears near the insertion point when the mouse remains idle for 2 seconds.

    The Code Navigator displays links to the code related to the section of the page you clicked. The code sources are grouped by file and listed alphabetically.

  • green-circle-3.jpg Click a link to display it in the related files area or open it as a separate file in the Document window.
  • green-circle-4.jpg To close the Code Navigator, click outside of it.
  • + Share This
  • 🔖 Save To Your Account