立用Dreamweaver MX中的CSS样式实现滤镜制作

维普资讯 http://www.77cn.com.cn

电脑知识与技术

。。。研究刀。。:

发 _。

应用 D e mwe v r ra a e中的 MX CS S样式实现滤镜制作段琳琳 (南科技职业学院，南长沙 40 0 )湖湖 10 4摘要：中介绍了使用 Dr mw ae MX制作滤镜的方法.以 Mp a镜和 G o滤镜为例详细介绍了滤镜制作的全过程及其制文 e a evr 并 h滤 lw作过程中的心得与体会。

关键词：S样式； p a镜； lw滤镜 CS M h滤 Go

中图分类号： P 1 T 31

文献标志码： A

文章编号：0 9 3 4 (0 61 - 15 0 1 0— 0 42 0 )4 0 2 - 1Cs f e mwe v rMX e ie s so a Dr a e Do s Fl r tDU AN n-l Li i n

f n n ce t co ct n l c o l a gh 0 4Chn ) Hu a cS ini f i f Vo ai a S h o, n s a4 0。 ia o Ch 1 0Ab t t i p p rito u e h to f o sftrAb v lp riua rcsig o p aa d Glw S mee p r n eo on d sr: s a e nrd c stemeh do e l s o ea .at lrpo es fM h n o ac Th d ie 1 c n o x ei c fd igf— etr a es mmr e tt e e d o i at l. e s r u r d a h n f hs ri e i t c

K ywod: s p aGlw e rsCsM h; o;

1引言提到滤镜，大家自然而然地会想到 p o so诚然利用 ht hp o poohp制作滤镜简单易行。可殊不知利用 D em evr X中 htso ra w aeM eR R样式竟然也可以制作像 pooh p里一样的滤镜。 htso 随着网页设计的发展，人们已经不满足于原有的一止 t 匕Hml标记。而是希望能够为页面添加一些多姿多彩的多媒体属性 . 比一

如说滤镜的渐变效果等。而 De m evr中 es术的飞速发展 r w ae a s技使这些需要成为现实。

2这里介绍用 C S样式制作的两种较常用的滤 S镜： lh Ap a滤镜和 Bo lw滤镜21 lh滤镜制

作 .Apa Ap a滤镜的参数介绍。 lh “ lh”性是把一个目标元素与背景混合。设计者可以指 Ap a属

b尉 l

( )滤器下拉列表中选择 Ap a滤镜，时在列表框的文 4过 lh这本显示区中会出现： lh ( ai=,i soai=, y=,t— Ap a o ct? n hp c y? tl? a p y Fi t S e Sr

定数值来控制混合的程度。这种“与背景混合”通俗的说就是一，个元素的透明度。过指定坐标，以指定点，,的透明度。通可线面它的参数及其含义分别如下： O a i:表透明度水准。认的范围是从 O到 10 0代表 pct代 y默 0。完全透明，0 10代表完全不透明。 Fnsoa i:可选参数。如果想要设置渐变的透明效果， ii pct是 h y 可以使用它来指定结束时的透明度。范围也是 0 10—0。

t=,i sx? ii y?. y? n h=, ns=) Fi F h ( ) A pa的参数进行设置。将“” 5对 lh?替换成相应的参数值。比如说设置参数为 A pa ( ai= 0Fnsoai= 0S l=, lh o c y 6,i hp c y 3,ye 2 p t i t t Sat= 0 t t= 0Fnsx l,ii y 1)置完毕以后单击 O tr 6, a y 6,ii= OFns= 0. x Sr h h设 K

按钮。(参数值在有效范围内根据需要自行设置 ) ( )将新建的样式 m cs套用到图 1a所示的罔片 .按下 6 ysl一 F 2键浏览可以看到如图 1 b所示的效果 .即为 A pa滤镜效 I一 lh果。

Sy:定透明区域的形状特征，中 0代表统一形状 . tl指 e其 1代表线形， 2代表放射状，表长方形。 3代 Sat和 Sat t X r t Y:代表渐变透明效果的开始 X和开始 Y坐 r标。 F i X和 FnsY:代表渐变透明效果的结束 X和结束 Y is nh ii h 坐标了解了 A pa滤镜的各参数以后 .而我们来做一个具体的 lh下 Ap a滤镜实例 lh方法及步骤如下： ( )新建一个基本的网页文档，然后在贞面中捕人如图 1a 1 .所示的图片

22Go . l w滤镜制作 Go l w滤镜

参数介绍 Go l w可以使编辑对象的边缘产生类似发光的效果 .巧妙的使用该滤镜可以给网页添加不少的光彩。 在如同 2所示的对话框中，选择 Go l w滤镜。可以看到 Go l w滤镜的语法是： l ( l=,rn t?,参数含义如下： Go c o- s egh )其 w o r? t=C lr指定发光的颜色。 o: o

Srnh强度的表现、以用到 2 5之间的任何整数来指定这 t t: e可 5个力度

下面我们通过直接编辑 H ML源代码的方法来制作一个具 T体的 Go lw滤镜

() 2启动“设计”面板中的 C S样式面板或选择“ S窗口”菜单中 的“ S式”令。单击 C S样式面板有下角的“”建按钮， C S样命 S+新新建一个 C S样式，名为“ CS”然后单击“定”钮。 S命 myS1。确按 ( )弹出的 C S样式定义对话框中 .择“类”的“ 3在 S选分巾扩展”这时 .有边会出现“滤器”拉列表框。 .在过下收稿日期： 0 6 0 -2 20 - 2 2

( )建一空白网页，后插人一个 1行 1例的表格，框宽 1新然边度设置为 O 。

( )表格中输入文字：欢迎光临本网站！”并将文字的大 2在“,小设置为 7字体设置为华丈新魏。如图 2 a示。, -所(转第 1 7页 )下 2

作者简介：琳琳。,师，读软件工程硕士，究方向：算机多媒体技术，件项目管理。段女讲在研计软1 5 2

维普资讯 http://www.77cn.com.cn

电脑知识与技术为取甜良好的音响教果，系统配备 r多仃音额信号处坪没陔 备：均衡器，压限器、 2台 2 1白效果器和 1台听觉激励器。主扩4I灯光照明及控制 .

研究开发大胖前灯光照度要求小 _ 8L丁 O X,主席台照度不小于 30| 0I x

通道选用 l I X13型舣 3段示均衡器，绀输 f词道选台 ) 2l B l编 H用 l E Q 3双 3段 1台 VE 2 l l/颧程罔示均衡器， 3俯儿E准确地较衰减啸叫点，尽量先荧声学环境。}扩通道干编组输 f通道各选 l l H 用 J D X6台 B 2 6犁限压器，有效防止突发佶号对音响系统的冲 击教器平听啦激 f

器用丁丰}道爵色 i整 n f j] _ J厂通 J吉 I( )放 3功

"可根据需要调光：备机房内采用深照灯具，设照度要求小于 10。会议厅内照明采川可调光灯具和暗藏荧光灯具相结合的 51 X方式 …… 此处隐藏：3453字，全部文档内容请下载后查看。喜欢就下载吧 ……