Dreamweaver3 图层应用技巧(五)

2016-02-19 20:46 8 1 收藏

最近很多朋友喜欢上设计,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。

【 tulaoshi.com - Web开发 】

    DW的功能太强大了,光图层方面的特效就可以写不少的东西出来。幻灯片用Flash作非常Easy,效果也非常好,可是有的人不太喜欢它,其主要原因是它需插件的支持。用Java做,它影响网页的浏览速度,也不是太可取的方法。有没有折衷的方法?有,DW就可以实现,它实现的效果虽不及Flash,Java,但它有着它的优越性, 制作简单,浏览速度快,无需插件支持。

  我想这个效果还不太差比起用java做的,看了本教程第四节的朋友,学习这个例子要轻松的多。这个例子主要用了时间轴和显示隐含图层这个特效。下面我们开工了:

  1.先烦请你准备几张大小一样的图片,gif动画也行。

  2.你要做几张幻灯片就做几个隐含图层,在层中插入你的图片。本例是三张幻灯片,就做了三个隐含图层,做隐含图层的时候一定要三个图层坐标一样,要不然当你变换图片时就会发现有位移现象。我教你一个小方法,就是先做一个隐含图层出来,复制这个图层,复制出来的图层坐标都一样,但你得把图层里的图片换一换,还要把图层的名字改一改,复制的图层名字一样(在属性浮动条里改)。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  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事件如图:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1624494.html

延伸阅读
标签: Web开发
今天在用 DW 试写一段 AS ,突然想,DW是不是有像FLASH一样的“自动套用格式”,这样的话,html文件的源码看起来就很工整了。其实这个想法很早就有了,只是一直没找到这个功能,今天在同事的帮助下终于找到了,试用一下,很好,很实用。并且自动把Tab转换成了空格,很方便网站后台的录入工作。 但是CSS文件使用此功能就感觉不适应了(...
标签: Web开发
在网上,我们经常可以看到一些非常实用的拖拽效果,特别是应用于网上购物时,访问者直接就可以把选中的物品拖拽到购物箱或者购物车里,非常方便、有趣。不过大多数人不知道,其实用Dreamweaver中的Behaviors也可以做出同样的效果来。如果你有兴趣,就和我一起来制作一个具有拖拽效果的的购物箱吧! 在做拖拽效果的网页之前,首先我们...
标签: Web开发
在网页制作过程中,也许我们会遇到这样的情况,当我们的大量网页已经完成,却发现它们都有一个共同错误需要修改。这时候不可能完全依靠手工去更改了,怎么办呢?利用Dreamweaver8中的查找替换就能帮助你快速而准确地完成修改。 大家都使用过Word等软件的查找替换功能,Dreamweaver8的查找替换功能与那些软件的查找替换的用法相似,但...
标签: Web开发
4.组件功能. 帮助你方便的插入和管理组件,并不是每种Server model方式都有组件的. 例如PHP MySQL方式中就没有组件功能. 5.全新的插件管理器. 这里附带的是最新的1.5.006版,大家注意在安装插件时,最好不要直接双击安装,这样往往会安装到DW4或UD中, 应该先启动插件管理器,然后选择 MX在通过菜单或工具栏安装. 这样插件就可以正确的安装...
标签: Web开发
层(Layer)是一种 HTML 页面元素,您可以将它定位在页面上的任意位置。层可以包含文本、图像或其它 HTML 文档。层的出现使网页从二维平面拓展到三维。可以使页面上元素进行重叠和复杂的布局。首先,请 看下图:   我们首先来做一个层 1、 在「窗口」菜单>选层 , 或点「插入」菜单>布局对象 > 选层。 2、 在页面中显...

经验教程

112

收藏

85

精华推荐

Dreamweaver教程:层及其应用

Dreamweaver教程:层及其应用

丨Ever丶戦丬

最新WinXP应用技巧五则

最新WinXP应用技巧五则

百草坊1

DREAMWEAVER 技巧(下)

DREAMWEAVER 技巧(下)

心匪铁不可转

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部