Label of webpage of use Dreamweaver quick editor

Do not know everybody to whether have the habit of handwritten code. For example: Want to insert code of a paragraph of CSS in an unit case, or code of a paragraph of Javascript, how to make gift quicker and convenient? 　

Although Dreamweaver had been us to offer code view, but be searched surely unexpectedly even by hand, make a round trip even ground switch. Although also can use code view and the means that edit view to coexist, but take up even the screen space of the half, make original not large editor area more appear crowded. Have better idea? The answer is affirmative.

We are with Dreamweaver 8 below exemple, assume layout of Dreamweaver face plate is everybody acquiescent layout means. Whether does the upper part that examines face plate of one subordinate sex have a little ticket. (if you are used, is not MX, label is in condition column) for example: You build documentation of HTML of a blank, the little label above should be ＜ Body ＞ . See next pictures please:



The place of red circle is drawn on the graph, it is us today's leading role. We look first " surround label " . Infiltrate casually on the page a few words, pitch on they, choose in right key menu " surround label " , playing go out surround the input in label dialog box " ＜ Strong ＞ " (do not include quote) , next carriage return. Before had been turned into thick system by the character of pitch on, look to source code, had been the character of our place pitch on surrounded by ＜ Strong ＞ label? Everybody can try a few label of rejoin other, be like: ＜ A ＞ , ＜ P ＞ . Here also can input attribute directly. Be like: ＜ P Style="color:#CC0000" ＞ . Here explains probably only, if have doubt, examine the help of Dreamweaver please.

Say one suffix signs the applied method of selector below.

We go to cursor shift to a moment ago was added in crude character, meeting discovery is much at the back of of ＜ Body ＞ a ＜ Strong ＞ . Of these characters that place of cursor of this that is to say is in outside the ticket that has ＜ Strong ＞ , there is ticket of ＜ Body ＞ outside ＜ Strong ＞ label. Everybody adds a table again below, go to cursor shift inside form, see the structure of label. Believe the friend that has some of base to HTML should understand very easily.

Assume we want to insert a form now, come to this form issue it with CSS move 10 elephants element. Insert a form first, hand in cursor shift to arrive inside form next. It is OK to go up in label selector at this moment see Table of such ＜ of ＞ of Body of ＜ of model of written characters ＞ of Td of ＜ of ＞ of ＞ ＜ Tr. Nod mouse right key on Table label next, can see have 4 option. Delete label, editor label, setting kind, setting ID.

Delete label: It is namely delete label. (having a few special ticket cannot be deleted. For example: ＜ Table ＞ , ＜ Tr ＞ , ＜ Td ＞ , ＜ Body ＞ . . . ..

Editor label: Add to label attribute, modification attribute.

Install kind: Add to this label grant kind. (namely the category of CSS)

Install ID: Add to this label grant an ID. (namely the ID of CSS)

Here, we choose to edit label, add attribute Style="margin-top:1 at the back next0px" and the kind that write source code normally are same. Press next carriage return. Finished editor. If the effect cannot see in Dreamweaver, preview with the browser please.

Still have additionally one kind of method, perhaps you can like. Label of choice window → is checked implement after you choose certain label, here can show all property that choose label currently. Also can have an edition here immediately. The attribute that inputs here need not include quote, editor hind decides by carriage return.

We tell everybody the method only here, hope everybody can be benefited from which.