Wednesday, October 21, 2009

The CSS new function of DW MX 2004 (2)

  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.

No comments:

Post a Comment