The CSS new function of DW MX 2004

The composing pattern of the webpage is mixedder and mixedder nowadays, a lot of effects need to come true through CSS, dreamweaver MX 2004 did very big improvement on CSS function design. We come to the place that visits these improvement below.

One, the improvement of attribute face plate

Dreamweaver MX 2004 increased in attribute face plate " Style " option, the style such as the font of the accretion that we do when designing a page, color, size, "Style " can design these automatic memory to generate " Style1 " , " Style2 " style. In repeat next time use can be in directly " Style " in apply mechanically style, if pursue 1. Had this function, we can improve work efficiency greatly when doing a webpage to design.

Graph 1

If the CSS style of apply mechanically is not a character, however form, can install CSS in attribute face plate likewise. There is a category in attribute face plate (Class) , be here to be able to design the CSS form of form, if pursue 2.

Graph 2

2, the CSS attribute of the page

One can see in the attribute face plate of Dreamweaver MX 2004 " Pgae Properties " option, if pursue 3.

Graph 3

Click this option, can open directly " Page Properties " setting dialog box. If pursue 4

Graph 4

Can see in the classification of dialog box left picture of encode of ／ of character of the exterior, link, title, caption, webpage waits option a moment, pitch on among them a category, appear to install content accordingly in right. Be in for example graph 4 in, pitch on " Link " the about the link CSS style in can designing this one webpage, the color that glide of the literal size that includes a link, mouse shows, underline. The CSS of other category is installed, everybody is OK oneself have a try.

Be in " Page Properties " after the CSS that do is installed, when editing this webpage fruit of equivalent of all characters, link applies according to this style.

3, the application of CSS Style face plate

In the interface in Dreamweaver MX 2004 most the setting dialog box that right has an all sorts of option face plate, include among them " CSS Style " , if pursue 5.

Graph 5

The DW of old version also has face plate of this CSS Style, the editor function of CSS Style was retained only in Dreamweaver MX 2004, take out apply mechanically mode (Dreamweaver MX 2004 is directly in attribute face plate style of apply mechanically CSS) . Dreamweaver MX 2004 is in " Rules " more CSS functions were provided in face plate, if pursue 6.

Graph 6

After a form chooses in CSS Rule face plate, it arrives with respect to can automatic switch the concerned option of this style, we can undertake check and be modificationed on face plate. Fractionize of detailed of style of CSS of this face plate general became several kinds big, in the light of each style detailed parameter or option help us become a setting. Such although we are right the usage of CSS is not quite familiar, also can use its function easily.

The lower part in Rules face plate is Relevant CSS face plate, the CSS that has every share inside the webpage here installs content in detail. Choose in the webpage decide a certain area, relevant CSS face plate appears relevant CSS installs option, and on it one CSS style, even the which HMTL label that CSS is apply mechanically shows very clearly, if have has enclothed place, can mix with special color delete a line to hint, if pursue 7.

Graph 7

4, CSS grammar hints

When CSS editing in view of our source code, input the modal name of a CSS and colon only, click a mouse in blank place next, dreamweaver MX 2004 can give to choose sheet from move, the parameter that lists this style can be used. If pursue 8. It is OK that we are playing next in pulling menu options that give to want editorial CSS form only, him leave out inputs the trouble of code.

Graph 8

5, example experience

We use CSS Rule and Relevant CSS face plate to set the CSS pattern of the webpage below.

1. In Dreamweaver MX 2004, offerred the webpage pattern plate that has installed good CSS, in Page Designs (CSS) form of the first pattern plate chooses in pattern plate " Two - Columm Left Nav " , save it next for the site.

2. We are found in the page below " Feature Title " title character, be found in the functional module of right and open " Relevanet CSS " this interface.

3. In " CSS Rule " in find the CSS category that wants processing, we are found here " <h3> " . If pursue 9

Graph 9

4. Change this " Font-Size " font size. Original size is " 100 ％ " , we change its value to resemble element for 36. The character greatens immediately, if pursue 10

Graph 10

Had the function that these add CSS newly, work efficiency is taller when we are editing a webpage, the effect is better.