相关文章
北京网站设计制作三维表格效果
网站建设Dreamweaver构建Blog(8):管理员页面的实现
企通互联Dreamweaver 4 简明教程(七、网页的排版4)
网站建设教程/dreamweaver/提高 DW MX 2004新功能:浏览器检测
网站建设制作简单实用的FLASH导航菜单(1)
企通互联用Dreamweaver实现Real与网页结合
网站制作dreamweaver mx教程九:选择适用的工作区
www.qitongnet.comDreamweaver经典问题大搜罗(三)
企通互联FrontPage10全透视教程(5)
www.qitongnet.comCSS 循序渐进(二)字的艺术
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网站制作 >> 网站制作企通互联Dreamweaver3 图层应用技巧(五)
网站制作企通互联Dreamweaver3 图层应用技巧(五)
作者: 北京网站建设 日期:2008-03-27 06:03:35 来源: http://www.qitongnet.com
DW的功能太强大了,光图层方面的特效就可以写不少的东西出来。幻灯片用Flash作非常Easy,效果也非常好,可是有的人不太喜欢它,其主要原因是它需插件的支持。用Java做,它影响网页的浏览速度,也不是太可取的方法。有没有折衷的方法?有,DW就可以实现,它实现的效果虽不及Flash,Java,但它有着它的优越性, 制作简单,浏览速度快,无需插件支持。网站设计
>>用DW实现幻灯片效果 (请看范例) 北京网站建设网站制作
我想这个效果还不太差比起用java做的,看了本教程第四节的朋友,学习这个例子要轻松的多。这个例子主要用了时间轴和显示隐含图层这个特效。下面我们开工了:网站制作
1.先烦请你准备几张大小一样的图片,gif动画也行。企通互联 北京网站设计
2.你要做几张幻灯片就做几个隐含图层,在层中插入你的图片。本例是三张幻灯片,就做了三个隐含图层,做隐含图层的时候一定要三个图层坐标一样,要不然当你变换图片时就会发现有位移现象。我教你一个小方法,就是先做一个隐含图层出来,复制这个图层,复制出来的图层坐标都一样,但你得把图层里的图片换一换,还要把图层的名字改一改,复制的图层名字一样(在属性浮动条里改)。 北京网页设计
3.按Ctrl+F9把Timeline编辑窗调出来,把三个图层分别加入到三条动画轨道中去。像下图那样放入轨道。北京网站制作
北京网页设计网页设计
网站建设
企通互联
4.在第一帧的位置,加入Behaviors事件,双击第一帧上方的Behavior轨道,跳出Behaviors编辑窗,点击 选择Show-hide Layers,出来Show-hide Layers编辑窗口,选Layer1后点击确定。北京网站建设
5.在15帧处双击Behaviors轨道,跳出Beahoviors窗口,同样加入Show-hide layers事件,这次加入的事件是把layer1隐藏起来。当动画到15帧取就要换图片,所以在15帧处还要加一个show-hide layers事件,这次是显示layer2。在15帧加完两个事件后,Behaviors窗口如下图显示:北京网站设计
网站设计
北京网站建设
网站建设北京网站建设
6.在第29帧处加入两个Behaviors事件,一个是把layer2隐藏起来,另一个是显示layer3,这是在换图片。如果你的幻灯片多于3张,就是在一段帧后加入承前启后的两个Behaviors事件就行了。 网站设计
7.在最后一帧处,加入隐藏 网站制作layer3的Behaviors事件。 网站设计网站建设
8.还有一点扫尾工作,把 网页设计Timelines窗口中的Autoplaly和Loop选上。当你选完后,把这个小方块拖到与最后一帧的Behaviors重合,这样就可避免重复动画时有一帧没有显示而发生停顿。最后一帧的Behaviors事件如图:北京网站设计 企通互联
北京网站设计
网页设计
网页设计
本教程快完了,下一节讲一讲用DW3做滚动板,同样要用到时间轴。网页设计
北京网站制作
>>用DW实现幻灯片效果 (请看范例) 北京网站建设网站制作
我想这个效果还不太差比起用java做的,看了本教程第四节的朋友,学习这个例子要轻松的多。这个例子主要用了时间轴和显示隐含图层这个特效。下面我们开工了:网站制作
1.先烦请你准备几张大小一样的图片,gif动画也行。企通互联 北京网站设计
2.你要做几张幻灯片就做几个隐含图层,在层中插入你的图片。本例是三张幻灯片,就做了三个隐含图层,做隐含图层的时候一定要三个图层坐标一样,要不然当你变换图片时就会发现有位移现象。我教你一个小方法,就是先做一个隐含图层出来,复制这个图层,复制出来的图层坐标都一样,但你得把图层里的图片换一换,还要把图层的名字改一改,复制的图层名字一样(在属性浮动条里改)。 北京网页设计
3.按Ctrl+F9把Timeline编辑窗调出来,把三个图层分别加入到三条动画轨道中去。像下图那样放入轨道。北京网站制作
北京网页设计网页设计
网站建设企通互联
4.在第一帧的位置,加入Behaviors事件,双击第一帧上方的Behavior轨道,跳出Behaviors编辑窗,点击 选择Show-hide Layers,出来Show-hide Layers编辑窗口,选Layer1后点击确定。北京网站建设
5.在15帧处双击Behaviors轨道,跳出Beahoviors窗口,同样加入Show-hide layers事件,这次加入的事件是把layer1隐藏起来。当动画到15帧取就要换图片,所以在15帧处还要加一个show-hide layers事件,这次是显示layer2。在15帧加完两个事件后,Behaviors窗口如下图显示:北京网站设计
网站设计
北京网站建设网站建设北京网站建设
6.在第29帧处加入两个Behaviors事件,一个是把layer2隐藏起来,另一个是显示layer3,这是在换图片。如果你的幻灯片多于3张,就是在一段帧后加入承前启后的两个Behaviors事件就行了。 网站设计
7.在最后一帧处,加入隐藏 网站制作layer3的Behaviors事件。 网站设计网站建设
8.还有一点扫尾工作,把 网页设计Timelines窗口中的Autoplaly和Loop选上。当你选完后,把这个小方块拖到与最后一帧的Behaviors重合,这样就可避免重复动画时有一帧没有显示而发生停顿。最后一帧的Behaviors事件如图:北京网站设计 企通互联
北京网站设计
网页设计网页设计
本教程快完了,下一节讲一讲用DW3做滚动板,同样要用到时间轴。网页设计
上一篇:网站设计Dreamweaver3 图层应用技巧(六)
下一篇:北京网站设计Dreamweaver3 图层应用技巧(四)