Dreamweaver3 图层应用技巧(五)

dreamweaver|技巧

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做滚动板,同样要用到时间轴。

时间: 2024-09-20 18:39:36

Dreamweaver3 图层应用技巧(五)的相关文章

Dreamweaver3 图层应用技巧(四)

dreamweaver|技巧 上次讲了基本Timeline的应用,这些时到一些网站总会看到一个移动的网易广告,那个效果就是用时间轴做的非常简单,如还有人不的会话,我建议他看看此教程的(三),好言归正传,今天我准备讲一个复杂的时间轴应用,说白了就是在图层移动的过程中加一些Behaviors事件,让你的动画更具特色.先看看效果,为了这个地图我不知看了多少张光盘的图片. >>一个比较复杂的Timeline例子 (请看范例) 我先来解释一下这是怎样的一个效果,飞动的图层每当移动到一个地名时就激发一个B

Dreamweaver3 图层应用技巧(六)

dreamweaver|技巧 >>可以用鼠标拖动的滚动板 (请看范例) 今天我讲的是一个可以用鼠标到处拖动的滚动板.先看看例子,用鼠标拖拖看拖不拖的动,拖不动要跟我说一声:) 这是本教程的最后一个例子,也可以说是压轴戏,我会讲得很详细,这个例子我花了一点时间想,为把它做好看一点,还加了一个图片背景.下面我就以这个例子的实现来讲步骤,你在具体操作时要会举一反三.1.你得先找一个背景图片,把这个图片放在一个图层中,此图层名为layer1,这图层就是滚动板的样式.2.在layer1中插入一个子层la

Dreamweaver3 图层应用技巧(三)

dreamweaver|技巧  在Dreamweaver中不能对一般的普通文字直接予特效,这可能是设计者当初没有想到这个问题.真的不能吗?当然可以,仅需你改一点代码,先看看效果. >>如何赋予文字图层特效 (请看范例) 1.先输入你要做特效的文字,为它做一个链接,随便是什么链接.2.建一个图层,设为(hidden)隐含,由于特效可以在链接上实现,先把图层特效在链接上做好.3.链接的标签是与,我们现在做的事就是把与用与替换就可以达到目的.当然也有一些别的特效可以在文字上实现.如OnClick,P

Dreamweaver3 图层应用技巧(二)

dreamweaver|技巧 上次说到点击按钮出现隐含图层,在今天开始学习之前,先说一点题外话.DW3对中文支持不好,他的链接不支持用中文命名的文件,这是其一.其二,它的Behaviors(行为)菜单中浏览器的选择很不方便,他默认的是3.0 and Later Browsers,这样的话就有很多特效不能用,包括图层的一些特效.解决办法是点一下Events For右边的一个小三角形,再用键盘的上下健选择你所希望的浏览器. >>点击按钮出现隐含图层 (请看范例) 先看看例子1.先把Objects(

Dreamweaver3 图层应用技巧(一)

dreamweaver|技巧  图层是在制作网页经常用到的技巧,有一些人使用图层紧紧停留在定位元素这一点上,其它一些比较经典的特效没有用,不能不说是一种遗憾.今天我把我所知的一些技巧都写出来供大家学习参考,这些技巧没有一个需要你写一行程序,仅需你频繁的点击鼠标.这些技巧从易到难,循序渐进. >>元素的定位 这是一个最简单也是大多数人都掌握的应用, 不过我还是随便讲一讲.用表格来对页面进行排版非常方便,但有时需要在文字上放一些图片之类的应用,表格就不能胜任了,这时就需要图层来排版.在DW3中图层

ASP提速技巧五则

技巧 技巧之一:提高使用Request集合的效率 访问一个ASP集合来提取一个值是费时的.占用计算资源的过程.因为这个操作包含了一系列对相关集合的搜索,这比访问一个局部变量要慢得多.因此,如果打算在页面中多次使用Request集合中的一个值,应该考虑将其存贮为一个局部变量.例如将代码写成下面的形式以加快脚本引擎处理速度: strTitle=Request.Form("Title") strFirstName=Request.Form("FirstName") str

【Silverlight】 Bing Maps开发应用与技巧五:实现图钉(Pushpin)的可拖放性

[Silverlight] Bing Maps开发应用与技巧五:实现图钉(Pushpin)的可拖放性(Draggable)扩展 目前在Bing Maps Silverlight Control中并没有提供可拖放的图钉(Pushpin)控件,其强大.灵活的架构设计为开发者提供了非常强大的扩展支持,要实现图钉控件的可拖放性可以自己动手进行扩展实现. System.Object System.Windows.DependencyObject System.Windows.UIElement Syste

金山WPS Office文档编辑实用技巧五则

用WPS纵向文本选择去除名单多余数据 在网上搜到一份NBA效率值的前百位排名,不错的资料,马上把它下到自己电脑上存起来.(如下图所示)但说我对这份名单的排名不感兴趣,只要进了百强,从排前三的乔丹奥尼尔罗宾逊到最后的琼斯在我看来都是一样棒的.所以我决定把名次删掉,只留球员人名.操作过程我写在下面,那几位问我怎样快速删除竖行文字的同事可以看一下,以后处理类似的文件就知道怎么办了. 文档编辑实用技巧五则-office实用技巧">电脑教程 论坛上的名单格式有点乱,而且我不想要前面的那个名次 打开W

取消WinXP开机自检技巧五则

  取消WinXP开机自检技巧五则         1.假如分区是FAT32格式,将其转换成NTFS,方法是在命令提示符下输入:convert X:/fs:ntfs 2.假如是非正常的关机,然后开机检测时又跳过了,每一次都会运转的.假如不是这个原由的话,您就要检验一下D盘形态能否正常,修正一下硬盘的错误.方法为"开端"→"运转",在窗口中输入"chkdsk X:/f"(x为盘符),这个命令能够检验文件系统中的逻辑错误,并举行修正;然后启动&quo