Dreamweaver3 图层应用技巧(三)

2016-02-19 20:47 12 1 收藏

图老师小编精心整理的Dreamweaver3 图层应用技巧(三)希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

【 tulaoshi.com - Web开发 】

    在Dreamweaver中不能对一般的普通文字直接予特效,这可能是设计者当初没有想到这个问题。真的不能吗?当然可以,仅需你改一点代码,先看看效果。

  1.先输入你要做特效的文字,为它做一个链接,随便是什么链接。

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

  2.建一个图层,设为(hidden)隐含,由于特效可以在链接上实现,先把图层特效在链接上做好。

  3.链接的标签是与,我们现在做的事就是把与用与替换就可以达到目的。当然也有一些别的特效可以在文字上实现。如OnClick,Popup Message等,只要是能在链接上实现的特效,一般都可以在文本文字上实现。

  TimeLine(时间轴)是Dreamweaver最精华的一点,也是Macromedia最为骄傲的。用TimeLine做动画可以满页飞,动画的实现主要是通过Java Script语句来完成的,你不必为不懂java script而苦恼,在DW中你只需用鼠标点几下就ok。DW动画是建立在图层上的,也就是说没有图层的参与DW动画就不可能实现,这是我为什么把TimeLine归纳为图层应用的原因。

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

  先让我们熟悉一下TimeLine面板,按键盘Ctrl+F9或Window-TimeLine打开面板如下图:

  1.时间轴选择框,它列出了当前所有时间轴动画名称,方便你选择编辑。

  2.帧控制按钮,最左边的的按钮功能是回到第一帧,剩下的分别是向左或向右移动一个帧。

  3.动画播放组件,fps是动画播放速度;Autoplay,是否打开网页时播放动画;loop,是否循环播放。

  4.行为设置轨道,有一个“B”字符,它是Behavior的缩写,这最精彩,在以后我会讲到。

  5.时间轴用过Flash的朋友对它一定不陌生。

  6.动画轨道,每一条轨道中只能有一个动画,也就是说每一轨道只能有一个图层特效。DW3一共支持32条轨道,这可以做出相当复杂的效果来,爽吧?

  时间轴我们已经认识了,那就开始第一个也是最简单的例子—飞动的图片。

  1.插入一个带图片的图层,把TimeLine面板调出来(Ctrl+F9),用鼠标把图层拖到动画轨道来,就可以建立一个动画片段。用DW2的朋友不能采用此办法,还不支持。执行菜单命令"ModifyTimelineAdd Obeject to Timeline"也可以达到同等效果。

  2.在默认情况下,动画长度时15帧,当然你也可以根据需要增加或减少,只需把动画最后一帧向后拖。

  3.把播放指针移到最后一帧,拖动图层到你想要到的地方,到此一个最简单的动画基本做完。你想一打开网页就播放动画,请选择Autoplay。你要是不想让动画播一边就Game Over,你就把Loop(循环播放)也选上吧。

  4.这是我增加的一步,你想让动画走曲线,就看看这一步。在动画中间插入一个关键帧(Key Frame),执行"ModifyTimelineAdd Keyframe"就可以插入一个关键帧。然后把播放指针移到关键帧处,拖动图层。按F12预览,图层就走曲线了。

  最后我给一个例子,可能不能预览,你把此页面保存应该可以预览。下一节将讲一个比较复杂的例子。

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

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

经验教程

365

收藏

76

精华推荐

Dreamweaver教程:层及其应用

Dreamweaver教程:层及其应用

丨Ever丶戦丬

DREAMWEAVER 技巧(下)

DREAMWEAVER 技巧(下)

心匪铁不可转

Dreamweaver若干技巧

Dreamweaver若干技巧

懵懵懂懂Lyf

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