• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 4. Editing Code > Working with Code

Working with Code

The Code inspector (Figure 4.12) (formerly the HTML inspector) lets you both view and edit the HTML code for a page. The Code inspector displays the code that tells the page how to come together in a Web browser or in the Document window.

Figure 4.12. The Code inspector is one view of Dreamweaver's built-in HTML code editors.


To view the Code inspector:

  • From the Document window menu bar, select Window > Others > Code Inspector.

    or

    Press F10.

Tips

  • Unfortunate, but true, the Code inspector has been demoted in Dreamweaver MX into the “Others” submenu of the Window menu. Macromedia doesn't believe that people use it as much as they use Code view, but those of us who use laptops or like to look at our code and design side by side (Figure 4.11) instead of squished up into one window know better.

  • Dreamweaver's new context-sensitive code editing tools that appear on the Insert toolbar do not work in the Code inspector if Design view is showing, only if Code view or Split view are open.


About the Tag selector

In any view in the Document window, the tag selector shows the tags wrapped around the current selection, all the way up to <body> (which envelops all tags on the visible page). In the Windows version, the Tag selector is in a slightly different place depending on whether your individual Document window is minimized (in which case the Tag selector appears in the status bar of each window; Figure 4.13) or maximized (in which case the Tag selector for the currently displayed window appears under the Document tabs; Figure 4.14).

Figure 4.13. When Document windows are minimized within Dreamweaver, the Tag selector appears in the status bar for each window.


Figure 4.14. When the Document window is maximized within Dreamweaver, the Tag selector appears below the file tabs.


Either way, the Tag selector lets you select any tag surrounding the current object (Figure 4.15).

Figure 4.15. The Tag selector displays the tags surrounding whatever you've clicked on last. Click on any of these tags to select it and modify it. The currently selected tag—img, in this case— is highlighted with boldface type.


  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint