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

Chapter 4. Editing Code > More Code-Editing Tools

More Code-Editing Tools

We've already looked at how code selection works in Dreamweaver in its different views: Code view, Split view, Design view, and the Code inspector. We've also taken a tour of the Quick Tag editor, which lets you edit code in Design view.

Dreamweaver includes many other specialized tools for editing your code. These include:

  • Context-sensitive code-editing tools, including the Insert toolbar and the Edit Tag dialog box

  • Hand-coding autocomplete features, including tag completion and the hints menu

  • Three new code-management panels: the Tag Inspector panel, the Snippets panel, and the Tag Chooser dialog box

Using context-sensitive code-editing tools

Dreamweaver tries to guess what you're up to and give you a helping hand. While you're typing code, it closes tags, pops up hint menus, and provides a context menu every time you right-click (Control+click) on a tag in Code view (Figure 4.43) or the Tag selector (Figure 4.39). These features may be helpful or annoying—when the latter is true, I'll tell you what to turn off.

Figure 4.43. Right-click (Control+click) on a tag in Code or Split view to view this context menu.


Coding with the Insert toolbar

Of course, every button you click on the Insert toolbar inserts code on your page, but two tabs, Tables (Figure 4.44) and Frames (Figure 4.45), include buttons that become functional only when you open Code view (but not the Code inspector, unfortunately). For these and the other tabs (such as Text; Figure 4.46), you can:

  • Click a button to insert both the opening and closing tags for your selection.

    or

  • Select some text and then click on a button to wrap the opening and closing tag around your selection.

Figure 4.44. These tags on the Table tab of the Insert toolbar become visible when you click within Code view or Split view. Click a button to insert the tag; select some text or code first to wrap the tag around the text. See Chapter 12 for more about tables.


Figure 4.45. These tags on the Frames tab of the Insert toolbar become visible when you open the tab in Code view. Click a button to insert the tag; select some text or code first to wrap the tag around the text. See Chapter 12 for more about tables.


Figure 4.46. These buttons on the Text tab of the Insert toolbar are always visible. Unlike the Property inspector, these buttons don't indicate what formatting is already applied to the text. See Chapter 8 for text formatting and Chapter 9 for paragraphs, lists and other text blocks.


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