推荐阅读

Photoshop通道工具介绍与运用详解
一、通道是什么 当你看到这个题目的时候,如果感到头疼的话,那么----,不,不,你首先要做的不应该是去拿止疼药,而是应该庆幸走到了这一步,因为这给了你彻底掌握通道的一个好机会,或许是你最后一次感到头疼了。 无论是在各类电脑杂志,还是网络媒体中,有关photoshop通道的各类文章可谓层出不穷,可依然有那么多人如堕五里雾中?很大程度上不该埋怨我们的读者,因为我们也曾有过摸不着头脑的时候;当然也无法责怪我们的作者,相信他们真的是尽心尽力了。从我的观点来看,关键的问题应该是在联系作者与读者的环节上吧?也就是说,要从读者比较模糊的角度去阐述作者本人比较清晰的思路,讲得越仔细,越专业,越告诉他们通道的抽象与深奥,就越容易让人产生知难而退的感觉。相反的,先给读者一个含糊的解释(即使实质上并不准确甚至不正确),他们反而容易接受,毕竟我们不需要所有的人都把photoshop的每一个技术细节都弄的一清二楚,否则,每个人都去做photoshop的工程师了! 明白我说的是什么意思吗?是的,我是在说:通道简单。那么,通道是什么?可以这么说,通道就是选区。 听起来好象很简单(其实就这么简单),无论通道有多少种表示选区的方法,无论你看过多少种有关通道的解释,至少从现在开始,它就是选区。千万不要告诉我你从来不需要通道。当你用任何选择工具做了一个选择,试一下那个你应该很明白的存储选区命令,现在,是否意识到你已经成功的建立了一个通道?不接触通道,你不可能改动图象中的任何部分,这是我把通道列为这个专题最开始的原因。只有弄明白通道,你才能离开初学者的行列,向“独孤求败”的境界前进。 当然我不会仅仅告诉你这些,那只是我为了下面的内容做的铺垫而已,毕竟任何方面的高手都不能只看到事物的表象。但不管你接着看到些什么内容,请时刻记住我上面告诉你的话。还记得是什么吗?没错,通道就是选区。 二、通道可以做什么 在通道中,记录了图象的大部分信息(有时我怀疑是全部),这些信

Photoshop打造蓝色妖娆的室内美女跳舞照片
这是大师后期作品,作者从拍摄到后期,花了不少心思。首先需要自己布置场景,以古典主体来表现人物。作品拍好后,后期就需要根据自己的美感去美化每一个细节,同时需要保持原有的意境。 最终效果原图一、找回暗部细节:这张照片损失了一部分暗部的细节,通过阴影高光工具来找回一部分,便于后期操作。二、新建一个透明图层,使用“液化”、“仿制图章”、“修补”与“污点修复画笔”工具处理人物皮肤与背景穿帮。三、这张照片的重点在于调整环境色,原片中的环境色偏深蓝色,略显沉重,给不了我们想要梦幻和神秘。通过可选颜色,调整青色和蓝色,让照片中的深蓝色变成湖蓝色。

Flash播放尽在掌握
常在闪客帝国(http://www.flashempire.com)看动画,发现排行榜上的动画大多带有控制功能,可以随意播放、暂停,通过滚动条拖动画面,实现快速浏览。下面就为大家介绍制作方法,说不定会给你带来帮助呢。 第一步:一般情况下,Flash动画或者MTV的控制功能放置在主场景中。新建或打开Flash MTV,进入主场景,选择[Insert]→[Layer]插入一个新层,并且将新层重新取名为“控制层”,后面我们将Flash所有的控制功能都放置在该层中;按[Ctrl+F8]分别创建按钮若干个,名称和外形参看图1;按[Ctrl+L]打开Library库,然后将按钮分别拖放在控制层的第1帧,并且将按钮的InstanceName分别设置为:kuaitui、bofang、zanting、tingzhi、chongfang。

用MAYA做卡通建筑
本人对建筑效果图不大感兴趣,所以此教程难免有些错误,还请高手斧正。本教程未经作者同意不得做为商业用途。这个实例是讲一个小屋和草地以及天空纹理与景深的制作过程,是一篇综合性教程,内容详细,适合初学者。 屋顶的制作 1首先创建一个多边形的方体,对它的XYZ轴上进行一些缩放,参数如下图。然后选取方体的顶面进行一些放缩。 2然后再创建一个方体做屋檐,注意它的缩放参数和摆放的位置。然后将它和屋顶成组。 3将组复制一个并 4使用EP曲线工具,将它设置为LINERR方式,这样就可以绘制直线
最新发布

用Dreamweaver制作活动菜单条
用QQ聊过天的朋友都对它的自动隐藏窗口功能爱不释手,它可以使窗口显得清爽整洁而且富有动感,笔者的几个朋友都想在自己的网页中加入类似的东东,经过共同摸索发现用Dreamweaver 就可以实现这种效果,下面我们通过一个活动菜单条的制作来看看吧。 第1步:制作菜单外貌 在Dreamweaver 中新建一个文件,绘制一个层,在该层中插入一个表格(如图1),对该表格进行修饰,然后加入菜单项并建立各项的超链接,为了去掉超链接的下划线,可以编辑超链接的CSS样式,在CSS样式面板中通过CSS选择器将“Link”和“Hover”的“Decoration(装饰)”均设置为“None(无)”,将“Hover”的“Color(颜色)”设置为红色,最后将设置好的样式应用到各个菜单条中(可按“F12”键预览效果)。 第2步:设计菜单的动态效果 1、选定层面,当鼠标变成“十”字形时按住左键将层面拖动到页面右上角(使整个菜单条完全露出但上边缘正好靠拢页面上边界),在窗口菜单中打开时间线面板,选定层面将其拖动到时间线上,Dreamweaver会自动产生一个长度为15帧的动画对象,拖动该动画对象的最后一个关键帧到第30帧,将其长度设置为30帧。然后在第15帧处单击右键,在弹出的快捷菜单中选择“添加关键帧”选项插入一个关键帧,并将层面拖动到适当位置(如图2)。在时间线窗口中的第15帧处再次单击右键,在弹出的快捷菜单中选择“添加动作”,为该帧添加一个交互行为,Dreamweaver将自动打开行为面板。单击行为面板中的“+”按钮,从弹出的菜单中选择“Timeline/Stop Timeline”,打开“Stop Timeline”对话框,选择“Timeline1”后单击“确定”按钮关闭该对话框。交互行为的事件为“onFrame15”,动作为“Stop Timeline”,这样当时间线运行到第15帧时,动画将停止播放,这样就实现了菜单条弹回的功能。 2、用同样的方法在时间线的第30帧处也添加一个“Stop Timeline”的交互行为,这样就实现了菜单弹出的功能。添加了这两个交互行为后,在时间线窗口的相应帧上面都出现了一个蓝色方块,它代表一个交互行为。选择“自动播放和循环”复选框,使动画能够自动循环播放(如图3)。

用Dreamweaver MX制作文字特效
我们常用的网页制作工具Dreamweaver MX不仅可以制作网页,而且利用其中的CSS滤镜我们还可以对文字或图片进行简单的特效处理。下面我们就通过几个例子来看一看在Dreamweaver中是如何制作特效文字的。 光晕字 首先启动Dreamweaver,在新文档中插入一个1×1的表格,边框设置为0,然后在其中输入需要修饰的文字。 单击右面的浮动面板中的“设计→CSS样式”打开这一浮动面板。 面板右下角的四个按钮分别是:添加、新建、编辑以及删除CSS样式。 注意:在Dreamweaver中,CSS滤镜只能作用于有区域限制的对象,如表格、单元格、图片等,而不能直接用于文字,所以我们要把所需要增加特效的文字事先放在表格中,然后对表格应用CSS样式,从而使文字产生特殊效果。图1 新建CSS样式 单击新建CSS样式按钮,弹出如图1的对话框。 “类型”项选择“创建自定义样式”,“定义在”选择“仅对该文档”,点确定后弹出CSS样式定义对话框(如图2),在类型面板中我们可以定义字体、字号、颜色等内容,本例中我们选择字体为隶书,大小50像素,颜色为白色。图2 定义CSS样式

Dreamweaver MX技巧之超链接
在经过前面几个部分的操作之后,我们的网页已经图文并茂,具有相当的效果了,但是这对于网页来说还不够,为了网站中的众多网页能够成为一个有机的整体,必须将各个网页通过超链接方式联系起来,这样才能够让浏览者在不同的页面之间跳转。 一、链接图片和文字 为一些文字或者图片建立链接非常方便,只要用鼠标选中需要变成链接的图片或者文字,然后在属性面板的“Link”输入框中输入需要跳转的目标页面地址,或者按下输入框旁边的文件夹图标来选择需要跳转的文件。除此之外,Dreamweaver MX 2004还提供了一种通过网站窗口来快速链接文件的方法。 第一步:首先运行“Site→Manage Sites”命令,并且从弹出菜单中选择一个已经创建好的站点,此时可以在右部看见弹出的站点管理窗口。 第二步:在编辑区选中文字或者图片,直接拖拽属性面板中“Link”输入框旁边的圆形标靶图标,这时将出现一个箭头,当箭头指向网站管理器中的某一个文件时,文件周围会出现一个方框(如图1)。 图1 第三步:松开鼠标之后,选中的文字下部就会出现下划线,同时单词的颜色变成蓝色,而且“Link”输入框中也会自动显示目标文件的地址。 提示:在建立链接的时候需要注意URL的两种方式。1.绝对地址:例如www.abc.com/test.htm;2.相对地址:比如download/1.htm,说明页面1.htm在服务器的根目录中。

使用Dreamweaver MX表格排序功能
教育信息化时代,考试成绩也要求上网公布。一次我将考试成绩制作成一个HTML文件,如图1所示,领导审查的意见是“将成绩按名次排列”,可是所有的成绩已经用Dreamweaver MX制作好了,若先用Execl按要求排序,再导入到Dreamweaver MX制作,呵呵!太麻烦了,早就知道Dreamweaver具有排序功能,一直没有实战,何不利用Dreamweaver MX演练一番? 在Dreamweaver MX中,您可以对一列的内容进行简单排序,也可以对两列的内容进行更为复杂的排序。您不能对包含有Colspan或Rowspan属性的表格进行排序的,也就是说,不能对那些包含有合并单元格的表格进行排序。 下面就看一下具体的排序过程吧! 1.将光标移动到表格内任一单元格内,或选定表格,单击“Command/Sort Table…”,打开Sort Table对话框,如图所示。 2.在对话框中进行如下的选择: 在Sort By选项中选择要排序的Column(列)。 在Order选项中选择是根据alphabetically(字母)还是根据Numberically(数字)进行排序。

用Dreamweaver设计限时自动关闭网页
设计页面时,经常会从一个页面打开一个子窗口以供浏览者查看。通常,这种子窗口中的内容一经浏览者看过,对于浏览者而言就不再需要,而他们常常会忘记关掉这些小窗口,致使许多的浏览器窗口打开着,耗用大量的资源。因此我们可以将子窗口设计成经过一段时间后可以自动关闭的形式。 本例中制作了两个页面,如图1所示, Index.html是显示于子窗口中的页面,而在名为firstpage.html的页面中,包含在子窗口中打开Index.html的链接。单击链接时,将在子窗口中打开index.html。可以直接单击子窗口中的“关闭”链接关闭子窗口,也可以不去理睬它,在15秒之后,子窗口也会自动关闭。 图1 浏览器的弹出页面 具体操作如下: 1. 在本地站点中生成一个Smlple文件夹。 2. 在Smlple文件夹中,生成名为Index.html以及名为firstpage.html的文件。 3. 双击Index.html,打开该文档,进入到文档的设计视图窗口中。 4. 单击菜单View/Head Content,显示文档的头部区域。

不要跳转或刷新 实现网页区域选择显示
我们在制作网页时,有时会遇到这样的情况:根据用户的选择,显示不同的内容。比如,制作一个登录网页,上面有两个表格,一个给新用户注册用,一个供老用户登录用。我们想在页面上放两个radiobutton,根据用户的选择,来显示注册表格或登录表格。这些操作是在同一个页面中完成的,不需要跳转到其它页面或刷新当前页面。下面我们就来讲述如何实现这样的功能。 打开Dreamweaver,添加两个radiobutton,名称分别为radiobutton1和radiobutton2。radiobutton1供新用户注册点击,radiobutton2供老用户登录点击。再添加一个表格,用来显示新用户的注册登记区域。在表格中插入需要的相关元素、文字;再插入一个表格,用来显示老用户登录区域,同样在表格内插入相关内容。这样,我们就简单地设计好了界面。 接着,我们就开始编辑相关的代码。选中第一个表格,在HTML编辑窗口中对其进行修改,在表格 〈table id="newuser" style="display:none" border="0" cellspacing="0" cellpadding="0"> 同样的方法对第二个表格进行修改,ID值为“olduser”。这是我们按下F12预览,在浏览器中看到的只是两个radiobutton,表格是不可视的。 完成以上编辑后,开始编写radiobutton的代码。选中radiobutton1为其添加一个onclick的事件响应,代码如下: 〈input type="radio" name="radiobutton" value="radiobutton"onclick="newuser.style.display='';olduser.style.display='none'"> 代码含义是点击radiobutton1时,设置表格newuser的display属性为空,即可视,表格olduserdisplay属性为none不可视。 同样编辑radiobutton2代码,它的onclick事件响应和radiobutton1恰恰相反,代码如下: 〈input type="radio" name="radiobutton" value="radiobutton" onclick="olduser.style.display='';newuser.style.display='none'">。 完成以上步骤后,就搞定了这个页面的制作。F12预览,浏览器中,我们点击radiobutton1就会显示新用户注册界面;再点击radiobutton新用户注册界面不可视,老用户登录界面显示。

Dreamweaver技巧50问
Dreamweaver一直是不少网友钟情的网页设计工具,除了它强大的动态效果制作能力外,方便简洁的操作界面更是独具特色,下面我们将以最新版本Dreamweaver4为例,并以提问的方式系统的介绍下,在设计过程中经常遇到的一些问题和技巧性的东西。 注意:为了方便,以下我们将Dreamweaver全部减缩为DW表示。 1> 在DW中,如何输入一个空格呢? 输入空格的问题,在DW似乎已成了一个老生常谈的问题,我们可能在许多介绍DW使用方面的书籍或文章中看到过N次。 DW中对空格输入的限制是针对“半角”文字状态而言的,因此通过将输入法调整到全角模式就可以避免了,方法是:打开中文输入法(以人工智能ABC为例),按Shift+Space切换到全角状态,现在应该没问题了。 此外,你还可以通过许多“变通”的方法达到录入空格的目的,比如常用的是: 直接在源代码中加入代表空格的HTML代码“ ”;输入一定长度的文字对象后,然后调整文字的颜色与当前的背景颜色相同等等,不过注意的是后者在一些浏览器中可能显示上有点问题。(呵呵,当时俺用的那个就是让王晨昀给看出来的!) 2> 如何在浏览器地址栏前添加自定义的小图标? 你是不是记得有时在浏览网易网站的首页时,在地WWW.163.COM前会显示一个“易”字样的小图标。而默认情况下,这个图标是一个IE浏览器的指定图片。如图: 其实这也不是什么高深技术,只不过在网站目录下添加了一个特定文件而已。 这时,我们需要预先制作一个图标文件,大小为16*16像素。文件扩展名为ico,然后上传到相应目录中。在HTML源文件“<head></head>”之间添加如下代码:

制作会移动的广告条
在许多网页中,当鼠标移到一张图片上时,又弹出另一张图片,做这种广告条,要用到Macromedia DreamWeaver中的Layer(层)和Timeline(时间轴)功能,还得准备两张大小基本相同的广告图片。我们已最新版本DreamWeaver4.0(英文版)为例,制作移动的广告条。 一、用DreamWeaver打开任意一个网页,空白页也可。在菜单中选择“插入Insert”-> “层Layer”,即看到网页中多了一个空白Layer1,你也可以为他命名。再将光标点到空白Layer1内,选择“插入Insert”-> “interactive Image”-> “rollover image”,在弹出的对话框中分别插入你的广告条的图片(请注意original image 表示第一张图片,rollover image 表示当鼠标移到第一张图片时,又出现的图片,而且一定要把preload rollover image选中),调整层大小,使层尽可能与图片大小相近。 二、在菜单栏选择“修改Modify”-> “时间轴Timeline”-> “添加对象到时间轴Add object to Timeline”。点击后,弹出对话框,告诉你只有图象和层才能添加到时间轴。对话框按确定后,我们选中Layer(单击层标记或层边界,或用层面板选择一层,当一个层被选中时,层边界会显示出调整大小手柄,按住鼠标左键不放,拖进时间轴动画栏的第一频道,即面板上竖写1,2,3等等的“1”那行,时间轴里面马上增加了一个默认的15帧动画。 然后,单击动画栏最后关键帧标记,再选中页面中的层Layer1,将它拖动到动画的结束点,或者在“层的属性面板”改变层的“左L”属性大小来确定结束帧层的位置。此时,页面中显示了从动画起始位置到结束位置有一线条,这就是层的运动轨迹。要想让页面打开时候它就开始运动,就在“时间轴TimeLine”面板上的“自动播放Autoplay”前打勾,如图3所示:按在时间轴上中部的“-> ”箭头不放,就可以直接预览这直线动画了,或者按下F12键预览。 接下来,我们要进行一系列美化工作,因为这个简单的直线运动效果并不美观,而且广告图片也没有产生变化。 三、改变时间栏的属性产生移动变化 (1)在动画移动距离不变的情况下,改名动画移动速度。因为我们拉层进时间轴面板起始时候的帧数是默认的15帧,在上面预览时候就感到速度有点快。要改变速度,我们就得改变动画总共帧数。鼠标左击选中“时间轴面板”中的“第一频道”结束帧不放,向右拖动至你所想要的结束帧,例如75帧处,放开鼠标。此时,结束帧的空白小圆也移至到了第75帧处。按F12预览一下,动画的移动速度明显变慢。但是要注意的是我们只是在保持动画运动轨迹的长度不变的情况下,改变了动画移动的速度,即时间轴上的帧数。如果在同时改变改变起始和结束帧层的位置,就会产生各种不同速度效果,读者可以自己试着尝试。 (2)产生曲线的运动。上面做的动画只是简单的直线运动,如果改变成曲线的运动,美观程度就大大的加强了。曲线运动中最主要的就是关键帧的设置(只要学习过flash的,这点非常容易理解)。 a.在“时间轴面板动画栏”上添加一个关键帧: 选择动画栏的第一频道中你想要添加关键帧处, 单击鼠标右健,选择“add keyframe”,即刻在插入点位置添加一个关键帧。

定义本地站点
定义本地站点 在Dreamweaver中制作网站,您必须定义一个本地站点,它是您的计算机上任意位置的一个文件夹。之所以一定要定义它,是为了告诉Dreamweaver您的文件存放位置,然后Dreamweaver就会将所有的设置针对该地址设置。 具体操作为: 1.按下F8键开启Site视窗,在 Site 下拉列表中选择 Define Sites 项。 2.在弹出的站点定义对话窗口右边选择 New 按扭,从而定义一个新的站点。 3.确定新站点定义窗口的左栏中 Local Info 为激活项,在右边的对话栏中输入站点名称(例子中为 My Site),点击Local Root Folder框右边的文件夹标志,在你的硬盘上查找并选择相应的文件夹。(如果您已经有一个网站,则选择该站点文件夹可将原有站点导入到Dreamweaver中,以使用Dreamweaver对其进行管理)。 4.点击OK,本地站定义完成,Dreamweaver会自动导入站点的所有文件及信息。您可以在Site视窗中的本地站点窗口中查看。

Dreamweaver技巧十二招
对想要在可视化的环境下制作复杂网页的专业网页制作者来说,Dreamweaver 已经渐渐在网页编辑工具市场中展露头角,成为专业人士编写网页的最佳选择。以目前的情况来说,Dreamweaver 内建的功能可说是越作越多、越作越丰富、齐备。在这里我要向大家介绍的4.0版本中的一些应用小技巧。 1. 让网页页面更有弹性 有些网页开发者称以下要介绍的这种技巧为 liquid,我在这儿则把这种技巧叫做是 stretchy(弹性延伸的技巧)。这是一种技巧,可在访客浏览器窗口大小改变时也随之调整网页页面大小,因此若是窗口过大就不会有空白处、窗口过小边缘就不会跑出上下移动的拉Bar。其实大多数简单的网页会自己随着浏览器窗口大小来调整页面大小,但是若是网页里用到很多不同的框框及表格,网页页面大小就很难自动弹性地调整。通常网页设计者会用混合运用固定栏宽的框框,和 GIF 图档作为间隔, 来设计网页页面,这样一来不论是用 Internet Explorer 或是用,页面大小都会固定而不会跑掉。用 Dreamweaver 4.0 可以轻而易举的设计出会自动弹性调整的网页。要怎么做呢? 用工具面版(Object palette)上的按钮开启网页,并且转换到 格式检视( Layout view)。这时可以看到文字方块的列宽, 每一列的方框上方中间还有一个小小的下拉式箭头 ,选择想要设定弹性显示的列上方的小箭头,接着选择「将列设为弹性显示」( Make Column Autostretch)。 (设定自动调整列宽以一列为限)这时该列方框上方就会出现一条波浪形的线,而不是原本表示列宽的数字。 Dreamweaver 会自动制作出固定版面的空格图文件,这个空白图文件是以列上方的两个长条形的空白表格表示,如此版面会自动被填充,才会完成弹性版面设定。(在第一次增加空白图文件时会跳出一个对话框问你是否要使用内建图档,为求效果,我建议你让 Dreamweaver 自动产生一个,不然就不用使用空白图文件来填充版面。) 2. 创造个性化调色盘 Dreamweaver 4.0 新的 Assets panel(属性控制面板)是一种可以在编辑网站时根据档案型态,例如图片、样板等来管理档案的新工具,当你定义新站台时(选择Site ・ New Site),所有类型的组件会自动增加到 Asset panel 里的适当表框中。这个加入新的Assets panel属性控制面版里也有颜色框,储存你网站里所用到的所有色彩,包含文字的颜色、背景的颜色,以及连结的颜色等。这是一个为使用者量身定做的网站导向颜色盘。只要激活 Assets panel (先选择 Window ・ 再选择 Assets),接着选择左方那个小小的色彩滚动条,就可以看到你网站里各式各样的颜色选项。当然你可以将这些颜色拉到某些特定选取的文字中。甚至当你选择某种颜色时,画面上会出现这种颜色的十六进制值的色彩浓淡度,和三色对应码(RGB)。如果想将调色盘工具列缩小一点,甚至可以仅加入某些颜色到调色盘的收藏夹里。只需将选取的颜色反白、选择窗口里一个叫做「添加到我的收藏夹」按钮(最下方靠右的按钮),就完成了。 3. 制作弹出式选单导览系统 原本要制作弹出式选单导览系统(Pop-up Menu Navigation System)要用到好一些 JavaScript 的语法技巧,但是若你装了Dreamweaver/Fireworks Studio,轻轻松松即可快速办到。首先在 Fireworks 里开始,选择某个图片, 然后在 Set Pop-Up Menu的对话框里选择 Insert・ Pop-Up Menu,你可以输入项目(items)的名称并选择 Plus (加入)按钮,来新增该项目。你可以继续在跳出来的讯息框里进行细项设定,例如设定该项目所要用的文字及连结,当然也可以新增子选单、并重新安排下一层的设定。完成时,选择 Next (下一步),继续设定偏好值,例如颜色、字体等等。这时选单完成后,可以预览 HTML 语法,也可预览影像。再选择 Finish (完成)。这时当鼠标移动到原来的图案时,会出现选单系统的内容一览。 接着将制作好的档案汇出时, Fireworks 会自动生产出所有 Dreamweaver 需要用到的 HTML、JavaScript,以及影像档案。 4. 让图档动起来! 如果你同时安装有 Dreamweaver/Fireworks Studio,这两种产品搭配的完美程度将使你赞不绝口。即使你不是专业的图档设计者,在设计网页时也多多少少想把一些 GIF 图片文件修改得活灵活现。Dreamweaver 可以让你制作动画不求人喔!在标准窗口里选择要进行修改的图片,然后在 Property Inspector 里选择编辑钮(Edit)。如果你安装的 Dreamweaver里附有 Fireworks, Fireworks 就是 Dreamweaver 预设图片编辑器,这时图片就会自动加载到 Fireworks。(若仔细看,各位会发现 Fireworks 的画面会出现 Editing From Dreamweaver 这样的文字和图样,指示你可以由Dreamweaver 里进行图片编辑。) 好了,现在在 Fireworks 里选择要编辑的图片,选择 Modify ・Animate ・Animate Selection。 接下来完成 Animate dialog box 里的设定,选定动画的框架数,动画移动的方向、透明度等等设定。你也可以选择 Frames 工具列设定移动速度,选择 Object 面版来改变设定。要汇出档案时,只要选择 Optimize 工具列,在档案类型的地方选择 Animated GIF。完成以后,Fireworks 就会自动将图片以最佳化设定汇出,并且自动将 GIF 图档更新,还会在 Dreamweaver 里将更新过的图档秀出来。选择 File ・Preview in Browser,这样就可以在浏览器里预览刚刚制作完成的可爱图档! 5. 让按钮有闪动效果 在 Dreamweaver中,不用有 Flash 程序,也可以制作有闪动效果的 Flash 按钮对象。 4.0 版内建有好几个 Flash 按钮对象,可以制作好几个不同形式的按钮。选择 Insert ・Interactive Images ・Flash Button 就可看到有哪些内建按钮。在对话框内甚至可以用鼠标指到想要使用的按钮形式,然后看看在浏览器里的效果如何。用鼠标光标把要用的按钮形式选起来,再依序输入参数,例如按钮上的文字、字形、颜色、连结等,或是自定文件名称。按 下OK。接下来就会有一个 SWF 档产生,档案并会自动置入你的网页中。按一下这个做好的档案,会看到 Property Inspector (属性明细)中会秀出档案的属性。将档案属性秀出来时,如果扩展档案属性明细表,会出现 Play (播放)钮,选择之后可以不用开启浏览器来预视按钮的闪动效果。 6. 制作流动文字 在网页中增加 流动文字就像增加我刚刚介绍的 Flash 按钮一样简单。相同地,不用安装 Flash,用 Dreamweaver 4.0 提供的新功能就可以轻松办到。常用 HTML 语法写网页、没有交互式媒体经验的网页制作者也可以轻松制作出小巧的 Flash 形式的流动文字。根据 Macromedia 表示,有97%的网络使用者可以观看有 Flash 效果的网页,因此这项新功能可以在不添加兼容性麻烦的情况下为网页增添一些浏览上与读者的互动性。选择Insert ・Interactive Images ・Flash Text,再将偏好设定一一填入(例如要变更效果的文字、字形、字体颜色及字体大小等等)。 7. 更改键盘快速键 Dreamweaver 可让使用者自定使用接口,这项设计十分有弹性。举例来说,使用者可以通过撰写程序(programming)或自行增加对象(object)的方式来更改选单。不必功力高深,你就可以更改键盘快速键,因为 Dreamweaver 有一项叫做Keyboard Shortcut Editor的图形接口,只要选择 Edit ・Keyboard Shortcuts,对话框将加载并列出可以更动的快速键一览表,让你把快速键改成自己习惯用的设定值。要更动快速键,只要使用现行设定(Current Set)和指令列(Command)的下拉选单,在现有的指令中找到想要更改的指令,接着选取目前的快速键,就会出现在快速键的列表中。另外,若要增加快速键设定,可以选择 Plus 钮、在键盘上敲入你想使用的新快速代表键,选择变更(Change)即可。同时你也可以选取某快速键、选择移除键(Minus ),就可以移除某个快速键。