校园学生学习娱乐资源第一门户 校园第一站 源于校园 服务于校园 分享资源和快乐 网站地图 高级搜索 RSS订阅 收藏本站 设为首页
首页 | 校园 | 教育 | 考试 | 电脑 | 英语 | 读书 | 就业 | 论文 | 体育 | 健康 | 图片 | 分类信息
Q Q | 下载 | 游戏 | 音乐 | 影视 | 专题 | 祝福 | 百科 | 问答 | 博客 | 会员 | 社区 | 校园论坛
·偶像剧免费在线收看
·DEDECMS免费模板规则下载
·
·全能空间、网站建设仅200
DIV+CSS | FrontPages | HTML | Javascript | 文章搜索:
  当前位置: 主页>电脑>网页设计>Dreamweaver> 文章正文

用Dreamweaver MX 2004的Flash动画元素

http://www.xydyz.com 来源:校园第一站 2007-10-22 阅读: 评论


在旧版的Dreamweaver我们在网页上只能插入Flash动画和按钮,而且动画本身与所在页面并没有什么直接关系,要使动画具有交互性也必须在制作动画时就做好,还需要有一定的编程经验以及XML语言知识。而现在在DW MX 2004中就不同了,你只需设置一些参数就可以实现动态交互的Flash动画效果!

  采用默认安装的DW MX 2004只提供了一种Flash Element效果,选择工具栏快捷菜单中的Flash Element(图1)即可调出新的Flash Element工具(图2)。

  

  

  图1     图2

  首先点击图片浏览按钮在页面中插入Flash Element并保存,选中插入页面中的动画元素,这时在原来的标记对话框基础上会跳出来Flash Element元素的属性(图3)。

  

  图3

  从上到下的各种属性依次为:图片播放界面背景色、图片标题色彩、图片标题字体、图片标题字体大小、动画框架色彩、是否显示框架、框架厚度、图片标题、图片链接地址、窗口打开方式、图片地址、是否显示控制条、是否自动播放、图片间隔延时、是否循环播放、标题、标题色彩、标题字体、标题字体尺寸以及转变类型。

  现在我们可以对各选项进行一下设置。需要注意的是imageCaptions、imageLinks以及imageURLs处的各项之间需用逗号分开,并将你的图片地址以及点击后的链接地址填入相应框内,对于色彩的设置以及其它处理大家可根据自己需要来设置,同时对于最后一项图片间的转换效果,大家可以根据自己的喜好来选择,类似制作Power Point中幻灯片间的切换效果(图4)。

  

  图4

  现在我们采用如图5的设置,得到最终的效果如图6。

  

  图5

  

  图6

  通过简单几步,一个具有个性播放界面、有交互效果的网页动画组成元素就制作完成了,相当简单。如果你对Flash有一定的了解的话,还可以自己开发一个Flash Element插件出来,同时还可以到Macromedia网站上下载更多Flash Element插件,让你的主页更加富于变化和个性!




【责任编辑:admin 】




评论
用户名: 新注册) 密码: 匿名评论
评论内容:不能超过250字,请自觉遵守互联网相关政策法规。
  相关文章
用Dreamweaver设计自动关闭的网页
玩转Dreamweaver 8:了解CSS层叠样式表
Dreamweaver经典问题大搜罗
玩转Dreamweaver8.0:关于冲突的CSS规则
用Dreamweaver进行数据库操作
  最新图片
Dreamweaver网页制作技巧:使用模板
Dreamweaver网页制作
如何在Dreamweaver中使用库项目
如何在Dreamweaver中
Photoshop结合Dreamweaver制作网页相册
Photoshop结合Dreamwe
用Dreamweaver设计自动关闭的网页
用Dreamweaver设计自
用Dreamweaver进行数据库操作
用Dreamweaver进行数
Dreamweaver教程:层及其应用
Dreamweaver教程:层
Dreamweaver教程:Dreamweaver的插件
Dreamweaver教程:Dre
Dreamweaver 基础:DW的工作区布局
Dreamweaver 基础:DW
24小时TOP
   
·Dreamweaver网页制作技巧:使用模板
·Dreamweaver教程:Dreamweaver的插件
·如何用Dreamweaver批量做web网页
·Photoshop结合Dreamweaver制作网页相册
·在Dreamweaver中插入有颜色的直线
·Dreamweaver 入门:注册 Dreamweaver 8
·Dreamweaver 基础:DW的工作区布局
·Dreamweaver超级技巧之文字特效
热门图片
  更多>>>
Dreamweaver网页制作技巧:使用模板
Dreamweaver网页制
Dreamweaver教程:Dreamweaver的插件
Dreamweaver教程:D
Photoshop结合Dreamweaver制作网页相册
Photoshop结合Dream
Dreamweaver 基础:DW的工作区布局
Dreamweaver 基础:
焦点聚焦
  更多>>>
 
论坛精华
  更多>>>
·真钱斗地主轧金花龙虎板玖和百家乐http://c
·22岁女大学生要嫁48岁乞丐(图)
·一条短信毁了一种水果 “蛆橘”传言流变调
·蒙古风情十四怪 (一)
·《中国高新技术企业》--www.txrb.com--科信
·东莞大金空调官方介绍 13559702882卢生
·乐众国际最新博彩游戏!真实!新鲜!刺激!
·快国庆了大家怎么安排
最新图片
  更多>>>
Dreamweaver网页制作技巧:使用模板
Dreamweaver网页制
如何在Dreamweaver中使用库项目
如何在Dreamweaver
Photoshop结合Dreamweaver制作网页相册
Photoshop结合Dream
用Dreamweaver设计自动关闭的网页
用Dreamweaver设计
推荐文章
  更多>>>
·Dreamweaver网页制作技巧:使用模板
·如何在Dreamweaver中使用库项目
·Photoshop结合Dreamweaver制作网页相册
·用Dreamweaver设计自动关闭的网页
·用Dreamweaver进行数据库操作
·Dreamweaver教程:层及其应用
·Dreamweaver教程:Dreamweaver的插件
·Dreamweaver 基础:DW的工作区布局
关于我们 - 版权声明 - 免责声明 - 欢迎投稿 - 广告服务 - 友情链接 - 网站建设 - 诚聘英才 - 联系我们 - -
Copyright @2007-2009 www.xydyz.com © All rights reserved.
校园第一站 版权所有 客服E-Mail:hyperblue@163.comn 点击这里给我发消息
Site design by hyperblue 鄂ICP备07009403号 Powered by DedeCms