Monday, October 26, 2009

Dreamweaver skill: Hazy it is beautiful

In the picture processing of the webpage, translucence is the picture effect that often should use, it is OK half block shows the element below the picture now partly. Use this we can make a lot of kinds of results, for example aerosol effect. If where to be installed in Dreamweaver 4 and use this kind of effect,discuss here today.

Install measure:

1.  In Dreamweaver 4 midpoint " Window " → " CSS Styles " (or those who press clavier " Shift+F11 " ) , window of v CSS Styles.

2.  In CSS Styles window, click right the plus of next horn, play a New Style window. In the graph " Name " the name that is built Class, the format of Class name is " .XXXXX " (in front must have dot) ; "Type " right has 3 option, by going up is: Build label of a Class, redefine (webpage element) , choice bogus kind; "Define " right has two option: Point to above build external CSS file (pitch on this hind, the CSS that you build is not built-in your webpage, make file of alone a CSS however, call for the webpage, big website is this kind of practice) ; "This Document Only " it is to point to build CSS in current page directly.

3. Dot " OK " , play a Style Definition For.clarity of a large window, we according to the graph 2 settings.
In the graph 2 in, besides *Filter, other option is not in charge of it. Alpha of next the choice in pulling menu in *Filter right. Had perhaps you noticed a picture this paragraph of 2 medium code " Alpha(Opacity= ? , finishOpacity= ? , style= ? , startX= ? , startY= ? , finishX= ? , finishY= ? ) " inside have a lot of unsolved problem, these need us to replace them with parameter:

(1) " Opacity " delegate diaphaneity level. Its limits is 0 ~ 100, it is the meaning of per cent actually. If want to turn into completely transparent, use 0 replace the interrogation at the back of Opacity;

(2) " FinishOpacity " it is to use the diaphaneity when appointing an end. Its limits follows Opacity same (FinishOpacity is optional parameter, the word that does not mean is OK take out it. ) ;

(3) " Style " it is the appearance trait that assigns transparent area. 0 delegates consolidate figure, form of 1 delegate line, 2 delegates are radiative form, 3 delegates rectangle;

(4) " StartX " with " StartY " the X that begins on behalf of gradual change effect and Y coordinate. General our setting is StartX=0, startY=0 (showing transparent result so is the top left corner from the picture begins) ;

(5) " FinishX " with " FinishY " the horizontal ordinate when ending on behalf of gradual change effect. Here is very crucial, the Gao Yukuan that writes the picture that what numerical value is about to see you then, assuming our picture Gao Yukuan parts is 100, 200 resemble element, can write into FinishX=200 so, finishY=100. (if you want the area of the half only,be transparent, can install FinishX=100 so, finishY=50) .

After setting these parameter, click " OK " . The measure of the setting comes here to calculate finished.

Use measure:

1.  One graph is inserted in Dreamweaver 4, assume its are high like element 100, wide for 200 (to can see the effect, set the backdrop of the webpage here for bright red.

2.  Again window of v CSS Styles (refer to setting measure) , in CSS Styles window, should have a Clarity,

3.  The graph that pitch on a moment ago inserted, click with the mouse " Clarity " .

4.  To here with respect to success. You can be previewed by the F12 of clavier. (attention, this kind of specially good effect is sightless below editor condition, must be in preview the ability below condition to see. ) 

No comments:

Post a Comment