我们常用的网页制作工具Dreamweaver网页作业 MX不只 可以制作网页，并且利用其中的CSS滤镜我们还 可以对文字或图片进行 方便的特效 解决 。下面我们就通过几个例子来看一看在Dreamweaver网页作业中是如何制作特效文字的 。

光晕字

首先启动Dreamweaver网页作业，在新文档中插入一个1×1的表格，边框设置为0， 而后在其中输入需求 润饰的文字 。
单击右面的浮动面板中的“设计→CSS 款式” 打开这一浮动面板 。

面板右下角的四个按钮分别是：增加、新建、编辑以及删除CSS 款式 。

留神：在Dreamweaver网页作业中，CSS滤镜不得不作用于有区域 制约的对象，如表格、单元格、图片等，而不能直接用于文字，所以我们要把所需求增加特效的文字事先放在表格中， 而后对表格 利用CSS 款式，从而使文字产生特别 动机 。
单击新建CSS 款式按钮，弹出  1的对话框 。

“类型”项 取舍“ 缔造自定义 款式”，“定义在” 取舍“仅对该文档”，点确定后弹出CSS 款式定义对话框(  2)，在类型面板中我们 可以定义字体、字号、 色彩等内容，本例中我们 取舍字体为隶书，大小50像素， 色彩为白色 。

12395454_2005061310114351187500.gif

图2 定义CSS 款式

要产生文字特效，最主要的是在 扩大面板(  3)中的设置，在“视觉 动机下”的过滤器中列出的便是全部的CSS滤镜， 取舍Glow滤镜，它 可以使文字产生边缘发光的 动机 。Glow滤镜的语法 格局为：Glow(Color=?, Strength=?)，里面有两个参数：Color决定光晕的 色彩， 可以用如ffffff的十六进制代码，或者用Red、Yellow等单词 示意；Strength 示意发光强度， 规模从0到255 。本例中我们设置 色彩为红色(Red)，发光强度为8， 而后确定 。

12395454_2005061310114357677400.gif

图3 设置好Glow滤镜

下面我们将这个CSS 款式 利用到表格中 。把光标移到单元格中，在文档窗

口左下角点击标签选中单元格， 而后单击 方才在CSS 款式面板中新建的 款式，这时标签变为，表明已经对单元格 利用了CSS 款式 。我们在文档窗口中看不出 变迁，按F12键在IE中预览， 动机就出来了(  4) 。

12395454_2005061310114361334700.gif

图4 光晕字 动机

怎么样？不次于在Photoshop中的滤镜 动机吧 。在网页里放上几个这样的特效字会让网页 好看不少，并且我们也 可以用PrintScreen键抓屏， 而后在画图程序中粘贴 保留使之成为 径自的图片 。

暗影字

有两种CSS滤镜 可以使文字产生 暗影 动机，分别是Drowshadow和Shadow，它们产生的 动机略有所不同 。

制作 暗影字的操作步骤与制作光晕字的过程 根本 雷同， 惟独在CSS 款式中再一次 取舍一种过滤器即可 。

Drowshadow滤镜的语法如下：DropShadow(Color=?, OffX=?, OffY=?, Positive=?)  。
其中，Color 示意投射 暗影的 色彩，用十六进制数来 示意；OffX、OffY分别代表 暗影偏离文字位置的量，单位为像素；Positive为一个逻辑值，1代表为全部不透明元素 构建 暗影，0代表为全部透明元素 构建可见 暗影 。

12395454_2005061310114367763800.gif

图5 暗影字 动机

例如把过滤器设置为DropShadow(Color=6699cc, OffX=2, OffY=2, Positive=1)，产生的 动机  5 。

遮罩字

CSS滤镜中还为我们提供了遮罩的 性能， 可以把文字 部分 解决成遮罩，假如在背景中 使用 合适的图片，就能产生美丽的镂空文字 动机 。

文档窗口中插入一个1×1的表格，单击文档窗口左下角的标签选中整个表格，在属性 审查器(  6)的背景图像中 取舍一张 合适的图片， 而后在单元格中输入需求的文字 。

12395454_2005061310114370720900.gif

图6 在表格中插入一幅背景图片

接下来我们为单元格增加Mask滤镜，步骤与前两例 类似 。在过滤器中 取舍Mask(Color=?)，这个参数决定遮罩的 色彩，我们 取舍用白色 。

留神：本例中文字的 色彩 取舍并不主要，由于在最后 动机中文字会被镂空， 色彩并不会显示出来 。

12395454_2005061310114373404000.gif

图7 遮罩字 动机

设置 实现后将这个CSS 款式 利用到单元格， 而后按下F12键就 可以看到 动机了(  7) 。

留神：背景图片是为整个表格增加的，对应＜table＞标签，而CSS 款式是对单元格增加的，是＜td＞标签，千万不要搞错 。

动感字

制作动感字我们要用到Blur滤镜，作用是产生含糊 动机，它的语法 格局为Blur(Add=?, Direction=?, Strength=?) 。Add参数是一个布尔值，普通来说，当滤镜用于图片的时候取0，用于文字的时候取1；Direction代表含糊方向，单位是角度；Strength代表含糊移动值，单位为像素 。 比方我们定义Blur(Add=1, Direction=90, Strength=150)，在预览中就 可以看到  8的 动机 。

12395454_2005061310114379268600.gif

图8 动感字 动机

其实，CSS中众多滤镜也 可以用于图片的 润饰，如Blur滤镜就 可以使图片产生含糊 动机 。假如我们对这些滤镜都 可以娴熟 利用，那么有时在没有专业图像 解决软件的状况下，也 可以制作出相当不错的图片 动机来 。

我们常用的网页制作工具Dreamweaver网页作业 MX不只 可以制作网页，并且利用其中的CSS滤镜我们还 可以对文字或图片进行 方便的特效 解决 。下面我们就通过几个例子来看一看在Dreamweaver网页作业中是如何制作特效文字的 。

光晕字

首先启动Dreamweaver网页作业，在新文档中插入一个1×1的表格，边框设置为0， 而后在其中输入需求 润饰的文字 。

单击右面的浮动面板中的“设计→CSS 款式” 打开这一浮动面板 。

面板右下角的四个按钮分别是：增加、新建、编辑以及删除CSS 款式 。

留神：在Dreamweaver网页作业中，CSS滤镜不得不作用于有区域 制约的对象，如表格、单元格、图片等，而不能直接用于文字，所以我们要把所需求增加特效的文字事先放在表格中， 而后对表格 利用CSS 款式，从而使文字产生特别 动机 。

12395454_2005061310114348802600.gif

图1 新建CSS 款式

单击新建CSS 款式按钮，弹出  1的对话框 。

“类型”项 取舍“ 缔造自定义 款式”，“定义在” 取舍“仅对该文档”，点确定后弹出CSS 款式定义对话框(  2)，在类型面板中我们 可以定义字体、字号、 色彩等内容，本例中我们 取舍字体为隶书，大小50像素， 色彩为白色 。

12395454_2005061310114351187500.gif

图2 定义CSS 款式

要产生文字特效，最主要的是在 扩大面板(  3)中的设置，在“视觉 动机下”的过滤器中列出的便是全部的CSS滤镜， 取舍Glow滤镜，它 可以使文字产生边缘发光的 动机 。Glow滤镜的语法 格局为：Glow(Color=?, Strength=?)，里面有两个参数：Color决定光晕的 色彩， 可以用如ffffff的十六进制代码，或者用Red、Yellow等单词 示意；Strength 示意发光强度， 规模从0到255 。本例中我们设置 色彩为红色(Red)，发光强度为8， 而后确定 。

12395454_2005061310114357677400.gif

图3 设置好Glow滤镜

下面我们将这个CSS 款式 利用到表格中 。把光标移到单元格中，在文档窗

口左下角点击标签选中单元格， 而后单击 方才在CSS 款式面板中新建的 款式，这时标签变为，表明已经对单元格 利用了CSS 款式 。我们在文档窗口中看不出 变迁，按F12键在IE中预览， 动机就出来了(  4) 。

12395454_2005061310114361334700.gif

图4 光晕字 动机

怎么样？不次于在Photoshop中的滤镜 动机吧 。在网页里放上几个这样的特效字会让网页 好看不少，并且我们也 可以用PrintScreen键抓屏， 而后在画图程序中粘贴 保留使之成为 径自的图片 。

暗影字

有两种CSS滤镜 可以使文字产生 暗影 动机，分别是Drowshadow和Shadow，它们产生的 动机略有所不同 。

制作 暗影字的操作步骤与制作光晕字的过程 根本 雷同， 惟独在CSS 款式中再一次 取舍一种过滤器即可 。

Drowshadow滤镜的语法如下：DropShadow(Color=?, OffX=?, OffY=?, Positive=?)  。
其中，Color 示意投射 暗影的 色彩，用十六进制数来 示意；OffX、OffY分别代表 暗影偏离文字位置的量，单位为像素；Positive为一个逻辑值，1代表为全部不透明元素 构建 暗影，0代表为全部透明元素 构建可见 暗影 。

12395454_2005061310114367763800.gif

图5 暗影字 动机

例如把过滤器设置为DropShadow(Color=6699cc, OffX=2, OffY=2, Positive=1)，产生的 动机  5 。

遮罩字

CSS滤镜中还为我们提供了遮罩的 性能， 可以把文字 部分 解决成遮罩，假如在背景中 使用 合适的图片，就能产生美丽的镂空文字 动机 。

文档窗口中插入一个1×1的表格，单击文档窗口左下角的标签选中整个表格，在属性 审查器(  6)的背景图像中 取舍一张 合适的图片， 而后在单元格中输入需求的文字 。

12395454_2005061310114370720900.gif

图6 在表格中插入一幅背景图片

接下来我们为单元格增加Mask滤镜，步骤与前两例 类似 。在过滤器中 取舍Mask(Color=?)，这个参数决定遮罩的 色彩，我们 取舍用白色 。

留神：本例中文字的 色彩 取舍并不主要，由于在最后 动机中文字会被镂空， 色彩并不会显示出来 。

12395454_2005061310114373404000.gif

图7 遮罩字 动机

设置 实现后将这个CSS 款式 利用到单元格， 而后按下F12键就 可以看到 动机了(  7) 。

留神：背景图片是为整个表格增加的，对应＜table＞标签，而CSS 款式是对单元格增加的，是＜td＞标签，千万不要搞错 。

动感字

制作动感字我们要用到Blur滤镜，作用是产生含糊 动机，它的语法 格局为Blur(Add=?, Direction=?, Strength=?) 。Add参数是一个布尔值，普通来说，当滤镜用于图片的时候取0，用于文字的时候取1；Direction代表含糊方向，单位是角度；Strength代表含糊移动值，单位为像素 。 比方我们定义Blur(Add=1, Direction=90, Strength=150)，在预览中就 可以看到  8的 动机 。

12395454_2005061310114379268600.gif

图8 动感字 动机

其实，CSS中众多滤镜也 可以用于图片的 润饰，如Blur滤镜就 可以使图片产生含糊 动机 。假如我们对这些滤镜都 可以娴熟 利用，那么有时在没有专业图像 解决软件的状况下，也 可以制作出相当不错的图片 动机来 。


 希望帮我作业网的这篇Dreamweaver 网页作业制作文字特效能够帮助您