- 热门文章:
- · 5231
- · 5219
- · 在Dreamweaver中精细化你的表格外观
- · 轻松打造自己的个性化邮件服务器
- · 架设ftp服务器
- · 架设点播服务器
- · asp.net建在线rss
- · 开源lilina构建rss
- · 手机rss
- · 构建linux系统下u盘路由器、防火墙
- · Dreamweaver 入门:创建基于表格的页面布局
- · 防火墙配置入门
Dreamweaver打造个性化Flash播放界面
目前大部分 Flash 播放器都是在 Flash 软件中制作完成的,虽然用户可以利用 Flash 提供的播放器模板轻松制作播放器,但是对于大型 Flash 网站来说,这种方法显然不能满足其更新数据的要求。要想解决这个问题,就需要制作一个网页播放器模板,这样在插入 Flash 之后,便可以实现对 Flash 的播放控制了。
效果说明
打开网页时,会出现类似 Flash 播放器的界面,该界面有 4 个按钮,分别是“播放”、“暂停”、“快进”和“后退”。用户只要单击某个按钮,就可以实现相应的功能。本例效果如图 51-1 所示。
600) {this.resized=true; this.width=600;}" border=0>
创作思想
利用 Dreamweaver MX 2004 行为面板提供的“控制 Shockwave 或 Flash ”功能,来控制 Flash 的播放。
操作步骤
( 1 )插入 Flash 文件。新建一个 HTML 文件,然后插入已经制作好的播放器界面图片。依次单击主菜单中的【插入】 | 【媒体】 | 【 Flash 】命令,然后在弹出的【选择文件】窗口中选中 Flash 文件,单击【确定】按钮,如图 51-2 所示。
600) {this.resized=true; this.width=600;}" border=0>
( 2 )设置 Flash 文件。插入 Flash 文件后,按下 Ctrl+F3 键打开【属性】面板,然后在【 Flash 】名称输入框中键入“ Flash ”,最后设置 Flash 文件的宽和高,如图 51-3 所示。
600) {this.resized=true; this.width=600;}" border=0>
( 3 )切换到设计视图,选中底部的播放控制图片,然后在属性面板中单击【地图】项里的 按钮,分别对准播放控制图片进行勾绘。为了使勾绘更加精确,单击属性面板中的 按钮,对热区进行调整,结果如图 51-4 所示。
600) {this.resized=true; this.width=600;}" border=0>
( 4 )设置 Flash 播放控制。选中“播放”图片,然后同时按下 Shift+F4 键打开行为面板。单击 按钮,在弹出的快捷菜单中选择【控制 Shockwave 或 Flash 】选项,接着在弹出的【控制 Shockwave 或 Flash 】设置窗口中单击选择【播放】选项,具体操作如图 51-5 所示。
600) {this.resized=true; this.width=600;}" border=0>
( 5 )设置操作按钮。同样,在【控制 Shockwave 或 Flash 】窗口中分别设置【停止】、【后退】和【快进】 3 个按钮的行为,具体设置如图 51-6 、图 51-7 和图 51-8 所示。
600) {this.resized=true; this.width=600;}" border=0>
600) {this.resized=true; this.width=600;}" border=0>
600) {this.resized=true; this.width=600;}" border=0>
( 6 )设置单击属性。按下 F9 键打开【属性】面板。由于行为默认的鼠标属性是“ OnMouseOver ”,因此这里要将单击属性更改为【 OnClick 】,如图 51-9 所示。
600) {this.resized=true; this.width=600;}" border=0>
( 7 )至此,本实例操作完毕。
在这个案例中,只用了几个简单的按钮来控制 Flash 的播放,在熟悉了这几个按钮的使用后,读者可以自行加入更多的控制按钮,从而使得播放器的功能更加强大。
用Dreamweaver打造Flash界面——欢迎访问天极软件Dreamweaver教程专区- · 打造完美linux
- · 轻松刻光盘 免费刻录软件全接触
- · 安全刻录技巧
- · 下载的电影刻vcd
- · 珊瑚虫如来神掌用法
- · tm2006新春版
- · tm2005正式版
- · 英文版高清图赏
- · 全新功能及其用法
- · msn群功能整合版
- · google“提示”功能
- · 个性化搜索主页
- · 搜狗地图搜索
- · Dreamweaver教程:超级链接
- · 2005年行业走势
- · 2005市场新人
- · Dreamweaver教程:框架技术
- · 2005热点词
- · 总结
- · 互联网上发传真:效率高且费用低廉
- · 用email发传真
- · 网页制作:从切图到生成网页
- · 操作系统发传真
- · Dreamweaver教程:可视化操作iframe
- · 突破下载限制
- · 严禁聊天工具用代理
- · 千例javascript网页特效速查手册
- · Dreamweaver MX 2004从零开始
- · php5.0的安装配制
- · 在Dreamweaver中精细化你的表格外观
- · beta1
- · 硬件优势揭密
- · 快乐体验foxmail 6.0 beta1新功能
- · 新功能列表
- · 新功能图赏
- · 新功能快速上手
- · qq增值服务介绍、资费与开通退订方法图解
- · 手机魔卡
