[加入收藏]
[
教程购买
]
[服务指南]
首页
|
办公自动化
|
网页制作
|
平面设计
|
动画制作
|
数据库开发
|
程序设计
|
全部视频教程
应用视频:
Windows
|
Word2007
|
Excel2007
|
PowerPoint2007
|
Dreamweaver 8
|
Fireworks 8
|
Flash 8
|
Photoshop cs
|
CorelDraw 12
编程视频:
C语言视频教程
|
HTML
|
Div+Css布局
|
Javascript
|
Access数据库
|
Asp
|
Sql Server数据库
|
Asp.net
|
Flash AS
编程视频:
C语言视频教程
|
HTML
|
Div+Css布局
|
Javascript
|
Access数据库
|
Asp
|
Sql Server数据库
|
Asp.net2.0
|
Flash AS
应用视频:
Windows
|
Word2007
|
Excel2007
|
PowerPoint2007
|
Dreamweaver 8
|
Fireworks 8
|
Flash 8
|
Photoshop cs
|
CorelDraw 12
文字教程:
Windows教程
|
Word教程
|
Excel教程
|
PowerPoint教程
视频教程
:
Windows视频教程
|
Word2007视频教程
|
Excel2007视频教程
|
PPT2007视频教程
文字教程:
Dreamweaver教程
|
Fireworks教程
|
Flash教程
|
PhotoShop教程
|
HTML教程
|
Div+Css布局教程
视频教程:
Dreamweaver视频教程
|
Fireworks视频教程
|
Flash视频教程
|
PhotoShop视频教程
|
HTML视频教程
|
DIV+CSS视频教程
文字教程:
Fireworks教程
|
PhotoShop教程
|
CorelDraw教程
视频教程:
Fireworks 8视频教程
|
PhotoShop CS视频教程
|
CorelDraw12视频教程
文字教程:
Flash教程
|
Flash AS脚本教程
视频教程:
Flash 8视频教程
|
Flash AS视频教程
文字教程:
Access教程
|
sql server教程
视频教程:
Access数据库视频教程
|
Sql Server2005数据库视频教程
文字教程:
C语言教程
|
Javascript教程
|
Asp教程
|
Asp.Net网站开发教程
视频教程:
C语言视频教程
|
JavaScript视频教程
|
ASP视频教程
|
ASP.NET视频教程
|
网站制作视频教程
|
ASP动态网站制作视频教程
当前位置 >
文字教程
>
Dreamweaver教程
Tag:
Dreamweaver CS
,
Dreamweaver 8
,
css
,
表格
,
布局
,
字幕
,
flash
,
声音
,
菜单
,
乱码
,
图层
,
行为
,
视频教程
Dreamweaver3 图层应用技巧(三)
文章类别:
Dreamweaver
| 发表日期:2008-9-18 10:48:43
在Dreamweaver中不能对一般的普通文字直接予特效,这可能是设计者当初没有想到这个问题。真的不能吗?当然可以,仅需你改一点代码,先看看效果。
>>如何赋予文字图层特效 (请看范例)
1.先输入你要做特效的文字,为它做一个链接,随便是什么链接。
2.建一个图层,设为(hidden)隐含,由于特效可以在链接上实现,先把图层特效在链接上做好。
3.链接的标签是与,我们现在做的事就是把与用
与
替换就可以达到目的。当然也有一些别的特效可以在文字上实现。如OnClick,Popup Message等,只要是能在链接上实现的特效,一般都可以在文本文字上实现。
>>Timeline 的基本应用 (请看范例)
TimeLine(时间轴)是Dreamweaver最精华的一点,也是Macromedia最为骄傲的。用TimeLine做动画可以满页飞,动画的实现主要是通过Java Script语句来完成的,你不必为不懂java script而苦恼,在DW中你只需用鼠标点几下就ok。DW动画是建立在图层上的,也就是说没有图层的参与DW动画就不可能实现,这是我为什么把TimeLine归纳为图层应用的原因。
先让我们熟悉一下TimeLine面板,按键盘Ctrl+F9或Window->TimeLine打开面板如下图:
1.时间轴选择框
,它列出了当前所有时间轴动画名称,方便你选择编辑。
2.帧控制按钮
,最左边的的按钮功能是回到第一帧,剩下的分别是向左或向右移动一个帧。
3.动画播放组件
,fps是动画播放速度;Autoplay,是否打开网页时播放动画;loop,是否循环播放。
4.行为设置轨道
,有一个“B”字符,它是Behavior的缩写,这最精彩,在以后我会讲到。
5.时间轴
用过Flash的朋友对它一定不陌生。
6.动画轨道
,每一条轨道中只能有一个动画,也就是说每一轨道只能有一个图层特效。DW3一共支持32条轨道,这可以做出相当复杂的效果来,爽吧?
时间轴我们已经认识了,那就开始第一个也是最简单的例子—飞动的图片。
1.插入一个带图片的图层,把TimeLine面板调出来(Ctrl+F9),用鼠标把图层拖到动画轨道来,就可以建立一个动画片段。用DW2的朋友不能采用此办法,还不支持。执行菜单命令"Modify>Timeline>Add Obeject to Timeline"也可以达到同等效果。
2.在默认情况下,动画长度时15帧,当然你也可以根据需要增加或减少,只需把动画最后一帧向后拖。
3.把播放指针移到最后一帧,拖动图层到你想要到的地方,到此一个最简单的动画基本做完。你想一打开网页就播放动画,请选择Autoplay。你要是不想让动画播一边就Game Over,你就把Loop(循环播放)也选上吧。
4.这是我增加的一步,你想让动画走曲线,就看看这一步。在动画中间插入一个关键帧(Key Frame),执行"Modify>Timeline>Add Keyframe"就可以插入一个关键帧。然后把播放指针移到关键帧处,拖动图层。按F12预览,图层就走曲线了。
最后我给一个例子,可能不能预览,你把此页面保存应该可以预览。下一节将讲一个比较复杂的例子。
上一篇:
如何制作会移动的广告条
人气:2967
下一篇:
Dreamweaver3 图层应用技巧(二)
人气:1619
Dreamweaver视频教程
Windows操作
[文]
Word教程
[文]
Excel教程
[文]
PowerPoint
[文]
Dreamweaver
[文]
Fireworks
[文]
Flash教程
[文]
PhotoShop
[文]
CorelDraw
[文]
C语言教程
[文]
Html教程
[文]
Div+Css布局
[文]
Javascript
[文]
ACCESS数据库
[文]
ASP教程
[文]
SQLServer
[文]
ASP.NET教程
[文]
FlashAS
[文]
视频教程列表
计算机基础入门及办公自动化:
Windows视频教程
Word视频教程
Excel视频教程
PPT视频教程
网页制作开发视频教程:
Dreamweaver视频教程
Fireworks视频教程
Flash视频教程
Photoshop视频教程
HTML视频教程
Div+Css布局视频教程
静态网站项目实例视频教程
平面广告设计视频教程
Fireworks视频教程
Photoshop视频教程
CorelDraw视频教程
初级程序设计及ASP动态网站开发
C语言视频教程
Javascript视频教程
Access数据库视频教程
Asp网站开发视频教程
Asp项目实例开发视频教程
Asp.net动态网站开发视频教程
Sql Server数据库视频教程
Asp.net视频教程
Flash 动画角本编程视频教程
Flash视频教程
Falsh MTV视频教程
文章教程搜索
输入您的搜索字词
google
本站
提交搜索表单
Dreamweaver推荐教程
.Dreamweaver使用CSS的应注意问题
.Dreamweaver8视频教程(21视频教
.Dreamweaver常用代码
.更改Dreamweaver CS3默认编码
.Dreamweaver CS3网页制作之CSS布
.在Dreamweaver中编写CSS需要把握
.Dreamweaver制作网页小技巧汇集
.Dreamweaver制作网页技巧20则
.Dreamweaver使用CSS样式表设置网
.详解Dreamweaver13个技巧
.技巧:用Dreamweaver进行网页优化
.Dreamweaver8制作网页常用的过度
Dreamweaver热门教程
.设计优秀网页背景及设计方法(5)
.设计优秀网页背景及设计方法(4)
.设计优秀网页背景及设计方法(3)
.设计优秀网页背景及设计方法(2)
.设计优秀网页背景及设计方法(1)
.谷歌有用的Chrome插件(6)
.谷歌有用的Chrome插件(5)
.谷歌有用的Chrome插件(4)
.谷歌有用的Chrome插件(3)
.谷歌有用的Chrome插件(2)
.谷歌有用的Chrome插件(1)
.seo优化:GA的Universal Analyti
.seo优化:GA的Universal Analyti
.seo优化:2012年应用最热的SEO工
.seo优化:seo团队如何去领导生存
.seo优化:完全依赖PV是不可取的
.网页制作技巧:网页无障碍说明标
.网页制作技巧:网页无障碍说明标
.网页制作技巧:网页无障碍说明标
.网页制作技巧:网页无障碍说明标
.网页制作技巧:网页无障碍说明标
.建站经验:Firefox+Firebug代码安
.建站经验:Firefox+Firebug代码安
.如何用图谱为网站规划内容
.Alexa排名作弊常见方法(2)
.Alexa排名作弊常见方法(1)
.网页设计师:如何代码控制Retina
.网页设计师:使用Illustrator设计
.网页设计师:如何创建Retina图像
.seo教程:个人博客如何选择虚拟主
Word教程网
Excel教程网
Dreamweaver
教程网
Fireworks教程网
PPT教程网
FLASH教程网
PS教程网
HTML教程网
DIV CSS教程网
FLASH AS教程网
ACCESS教程网
SQL SERVER教程网
C语言教程网
JAVASCRIPT教程网
ASP教程网
ASP.NET教程网
CorelDraw教程网
关于我们
|
教程购买
|
广告刊登
|
网站地图
|
湖北继续教育网
|
QQ:2693987339(点击联系)购买教程光盘
地址:湖北省武汉市曹家湾32号501室 电话:027-86646545 15972130058
--
教程购买问题汇总
21视频教程网专业的网站开发视频教程学习网站
ICP备案号:
鄂ICP备14009716号-13
公安备案号:
42011102002974
看全部视频教程
购买方式/价格
:
咨询客服
tel:
15972130058