The literal specially good effect of Dreamweaver super skill

Use an end: Make composition word specially good effect

Application software: Dreamweaver MX

Operate difficulty: ☆ of ☆ of ★ ★ ☆

Our commonly used webpage makes tool Dreamweaver MX can make a webpage not only, and use among them CSS filter lens we still can are opposite character or picture undertake simple specially good effect is handled. We carry a few case below will have a look is how to make written language of specially good effect in Dreamweaver.

　　 Halation word

Start Dreamweaver above all, a 1 × is inserted in new documentation the form of 1, frame setting is 0, next the character that amid input needs to decorate.

In the float face plate that clicks the right side " style of design → CSS " open face plate of this one float.

Face plate is right 4 pushbutton of next horn are respectively: Add, build, editor and delete CSS style.

Attention: In Dreamweaver, CSS filter lens can the object that action restricts at having area, wait like form, unit case, picture, and cannot use at the character directly, the character that so we should need place to add specially good effect is put in form beforehand, use CSS type to form next, make the character produces special result thereby.

　　

Graph 1 build CSS pattern

Click build CSS style pushbutton, play if pursue,go out the dialog box of 1.

"Type " choice " found define a style oneself " , "The definition is in " choice " be opposite only this documentation " , a CSS style is played to define a dialog box after the point is certain (the 2) that be like a graph, in type face plate we can define the content such as font, name, color, we choose font to be official script in this exemple, size 50 resemble element, color is white.

　　

Graph style of 2 definitions CSS

Want to produce literal specially good effect, the most important is in patulous face plate (the setting in the 3) that be like a graph, be in " below visual effect " what list in filter is all CSS filter lens, choose Glow filter lens, it can make the character produces the result that the brim gives off light. The syntactic format of Glow filter lens is: Glow(Color= ? , strength= ? ) , there are two parameters inside: Color decides the color of halation, can use the hexadecimal code that is like Ffffff, perhaps state with the word such as Red, Yellow;Strength shows glow strength, limits from 0 to 255. We install color to be red in this exemple (Red) , glow intensity is 8, decide next.

　　

Graph lens of filter of 3 settings good Glow

Below we use this CSS type in form. Move cursor in unit case, in documentation window

The mouth is left next horn click division of unit of label pitch on, click the pattern that a moment ago built in CSS style face plate next, this markers autograph turns into, make clear had used CSS type to unit case. We do not look to give change in documentation window, by F12 key is previewed in IE, the effect came out (the 4) that be like a graph.

　　

Graph effect of 4 halation word

How? Not second at the filter lens effect in Photoshop. Words of such on a few specially good effect are put to be able to make a webpage beautiful in the webpage many, and we also can catch screen with PrintScreen key, next stickup in draw program save those who make make alone picture.

　　 Shadow word

Lens of filter of two kinds of CSS can make the character produces shadow result, it is Drowshadow and Shadow respectively, the result that they produce is differred somewhat.

The handles measure and word of the halation that make process of word of the shadow that make is basic and same, want to choose a kind of filter afresh in CSS style only can.

The grammar of Drowshadow filter lens is as follows: DropShadow(Color= ? , offX= ? , offY= ? , positive= ? ) .

Among them, color shows the color of projectile shadow, will state;OffX, OffY represents the amount of position of shadow deviate character respectively with hexadecimal number, the unit is a logistic value to resemble element;Positive, 1 delegate builds a shadow for all opaque elements, 0 delegates build visible shadow for all and transparent element.

　　

Graph effect of 5 shadows word

It is filter setting for example DropShadow(Color=6699cc, offX=2, offY=2, positive=1) , if the effect of generation pursues 5.

　　 Block overspreads a word

The function that block wraps still was provided for us in CSS filter lens, can treat literal share into block cover, if appropriate picture is used in setting, can produce result of beautiful hollow out character.

A 1 × is inserted in documentation window the form of 1, click documentation window left the label pitch on of next horn is whole form, check in attribute implement (if pursue,the choice in the background picture of 6) combines comfortable picture one piece, input the character of need in unit case next.

　　

Graph 6

Next we add Mask filter lens for unit case, move is as similar as before two. Does Mask(Color= choose in filter? ) , this parameter decides the color that block overspreads, we choose to use white.

Attention: The color option of the character in this exemple is not important, because be in,word of final result Chinese is met by hollow out, color can be not shown come.

　　

Graph effect of word of 7 block cover is friendly

Unit standard applies this CSS pattern after the setting is finished, pressed F12 key can see the effect next (the 7) that be like a graph.

Attention: Background picture is added for whole form, corresponding label, and CSS type is added to unit case, it is label, must not make a mistake.

　　 Use feeling word

Make use feeling word we should use Blur filter lens, action is generation faintness effect, is its syntactic format Blur(Add= ? , direction= ? , strength= ? ) . Add parameter is a Boer value, generally speaking, take when filter lens is used at the picture 0, 1;Direction is taken to represent ambiguous way when be being used at the character, the unit is angle;Strength be worth on behalf of ambiguous shift, the unit is like element. For instance we define Blur(Add=1, direction=90, strength=150) , if pursue,can see in preview the effect of 8.

　　

Graph 8 use friend of feeling word effect

Actually, lens of a lot of filter in CSS also can use at the picture decorate, if Blur filter lens can make,the picture produces ambiguous result. If we can apply adroitly to these filter lens, so below the case that handling software without professional image sometimes, also can make perfectly picture effect comes.