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

Chapter 4. Editing HTML > Working with Code

Working with Code

The Code inspector (Figure 4.11) (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 display in a Web browser or in the Document window.

Figure 4.11. The Code inspector is Dreamweaver's built-in HTML code editor.


To view the Code inspector:

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

    or

    Press F10.

    or

    Click on the Launcher or Launcher bar's Show Code Inspector button (Figure 4.12).

    Figure 4.12. Click on the Code inspector button on the Launcher or Launcher bar to view the Code inspector.

About Code View and Split View

New in Dreamweaver 4, Code View and Split View let you view the HTML code for your page directly in the Document window. The Code View has the same features and functions as the Code inspector, including line numbers and word wrap. The regular Document window WYSIWYG view is called Design View. To view just the code, click on the Code View button (Figure 4.13). To view the code and the Design View in a frames-like split window, click on the Split View button (Figure 4.14).

Figure 4.13. To view HTML code in the Document window, click on the Show Code View button on the toolbar.


Figure 4.14. To view both Code and Design views in the Document window, click on the Show Code and Design Views button on the toolbar.


Tip

You can also change views by selecting Code, Design, or Code and Design from the View menu (Figure 4.15) or by pressing Ctrl+T.

Figure 4.15. The View menu offers the same choices for viewing the page or the code in the Document window. You can also keep the Design view on top of other windows.



About selections

As I described in Chapter 1, any selections you make in the Document window will also be made in the Code inspector (Figure 4.16), and vice versa. This of course applies to the Code View as well.

Figure 4.16. When I select text in the Document window, the Code inspector also highlights the selection.


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