Tutorial/dreamweaver/Improve the new features of DW MX 2004 code Editing

dreamweaver| Tutorial
Dreamweaver MX 2004 also has some improvements in the operation of source code editing, so let's take a look at these new changes.

One, right button menu

In the source area, if you select a range, right-click the menu to see the new "Selection" feature, in this feature includes the conversion case, conversion tags and so on, such as Figure 1.

Figure 1

Second, tag tag

　　In the tag tag group, in addition to the previous behavior, CSS panels also add CSS relevant and CSS rule panel, there is a property (Attributes) panel. As shown in Figure 2

Figure 2

In this panel you can see the current page set some of the source code, if the page is a dynamic page, the data is also dynamic.
third, Tag Selector

Under the Insert menu, locate the tag option to open the tag Selector, as shown in Figure 3

Figure 3

Dreamweaver MX 2004 also has some improvements to the operation of source code editing, which lists all the code tags, and when we write code in the source code editing area, the code tags that need to be automatically prompted are extracted from here. By opening this dialog, we can use these tags while coding.

Four, custom label

There is a pop-up menu on the right-hand side of the tag panel, a "Tag Library" in the menu, and a pop-up dialog box, as shown in Figure 4.

Figure 4

In the pop-up dialog box, we can write our own code tags, as shown in Figure 5.

Figure 5

Note: The code tag for the Dreamweaver MX 2004 is actually stored in an XML file, including the display color and code hints for the label. Here we can modify the XML file and add code tags. These files can be found in the configuration folder in the Dreamweaver MX 2004 installation directory.

　　Five, custom code color

In the Preferences (Preferences) option under the Edit menu, you can customize the color of the code under different programs. As shown in Figure 6

Figure 6