Dreamweaver MX实例:Flash个性播放界面制作

  前大部分 Flash 播放器都是在 Flash 软件中制作完成的,虽然用户可以利用 Flash 提供的播放器模板轻松制作播放器,但是对于大型 Flash 网站来说,这种方法显然不能满足其更新数据的要求。要想解决这个问题,就需要制作一个网页播放器模板,这样在插入 Flash 之后,便可以实现对 Flash 的播放控制了。

  效果说明 打开网页时,会出现类似 Flash 播放器的界面,该界面有 4 个按钮,分别是“播放”、“暂停”、“快进”和“后退”。用户只要单击某个按钮,就可以实现相应的功能。本例效果如图 51-1 所示。


 

  创作思想 利用 Dreamweaver MX 2004 行为面板提供的“控制 Shockwave 或 Flash ”功能,来控制 Flash 的播放。

  操作步骤

  ( 1 )插入 Flash 文件。新建一个 HTML 文件,然后插入已经制作好的播放器界面图片。依次单击主菜单中的【插入】   【媒体】   【 Flash 】命令,然后在弹出的【选择文件】窗口中选中 Flash 文件,单击【确定】按钮,如图 51-2 所示。


 

  ( 2 )设置 Flash 文件。插入 Flash 文件后,按下 Ctrl+F3 键打开【属性】面板,然后在【 Flash 】名称输入框中键入“ Flash ”,最后设置 Flash 文件的宽和高,如图 51-3 所示。


 

  ( 3 )切换到设计视图,选中底部的播放控制图片,然后在属性面板中单击【地图】项里的 按钮,分别对准播放控制图片进行勾绘。为了使勾绘更加精确,单击属性面板中的 按钮,对热区进行调整,结果如图 51-4 所示。


 

  ( 4 )设置 Flash 播放控制。选中“播放”图片,然后同时按下 Shift+F4 键打开行为面板。单击 按钮,在弹出的快捷菜单中选择【控制 Shockwave 或 Flash 】选项,接着在弹出的【控制 Shockwave 或 Flash 】设置窗口中单击选择【播放】选项,具体操作如图 51-5 所示。


 

  ( 5 )设置操作按钮。同样,在【控制 Shockwave 或 Flash 】窗口中分别设置【停止】、【后退】和【快进】 3 个按钮的行为,具体设置如图 51-6 、图 51-7 和图 51-8 所示。


 


 


 

  ( 6 )设置单击属性。按下 F9 键打开【属性】面板。由于行为默认的鼠标属性是“ OnMouseOver ”,因此这里要将单击属性更改为【 OnClick 】,如图 51-9 所示。


 

  ( 7 )至此,本实例操作完毕。

  在这个案例中,只用了几个简单的按钮来控制 Flash 的播放,在熟悉了这几个按钮的使用后,读者可以自行加入更多的控制按钮,从而使得播放器的功能更加强大。

时间: 2024-10-30 10:47:39

Dreamweaver MX实例:Flash个性播放界面制作的相关文章

Dreamweaver MX 2004 入门教程之界面详解

dreamweaver|教程|入门教程|详解 本站原创内容,转载请注明出处网页教学网. Dreamweaver MX 2004 具有全新的风格和启动画面,请去baidu或google搜索这个软件下载并安装,在此不做详细介绍.Dreamweaver MX 2004提供了面向设计人员的布局和面向手工编码人员需求的布局.首次启动Dreamweaver MX 2004时,会出现一个工作区设置对话框(如下图): 您可以从中选择一种适合您的工作区布局.如果您不熟悉编写代码,请您选择"设计者".如果

Dreamweaver MX 2004高级技巧(8)制作居中的网页

dreamweaver|高级|技巧|网页 本文介绍两种居中的网页,一种是页面居中,一种是页面上下左右居中. 页面居中的网页 实现方法:设置body标签居中. 1.打开一个网页或新建一个网页,在文档左下角的"标签选择器"上选择"body"标签. 2.在"属性面板"上点击"居中对齐".现在居中的页面就做好了,往里面填充内容就可以了. 转换到代码视图,看看生成的代码,原来生成的是"<div align="c

Dreamweaver MX 2004入门教程

dreamweaver|教程|入门教程 1.Dreamweaver MX 2004 入门教程之发布站点 [2005-03-08]     2.Dreamweaver MX 2004 入门教程之层及应用 [2005-03-08]     3.Dreamweaver MX 2004 入门教程之超级连接 [2005-03-08]     4.Dreamweaver MX 2004 入门教程之制作技巧 [2005-03-08]     5.Dreamweaver MX 2004 入门教程之页面编排 [2

Dreamweaver MX 2004 入门教程之页面编排

dreamweaver|教程|入门教程|页面 启动中文版Dreamweaver MX 2004,窗口的中央有三项列表(如下图). (图片较大 请放大后查看) 打开最近项目列表:此栏目中列出了最近打开的文件列表.你可以双击打开此栏目中 的文件,如果你想打开的文件没在当前列表中,可以单击底部的"打开"进行打开文件操作. 创建新项目:列出了可以创建的新文件类型. 从范例创建:提供了许多网页模板,使用这些模板可以直接快捷地从模板中创建网页 文件,新建的网页继承了模板网页的布局设置. 下面我们开

用Dreamweaver打造个性化Flash播放界面

目前大部分 Flash 播放器都是在 Flash 软件中制作完成的,虽然用户可以利用 Flash 提供的播放器模板轻松制作播放器,但是对于大型 Flash 网站来说,这种方法显然不能满足其更新数据的要求.要想解决这个问题,就需要制作一个网页播放器模板,这样在插入 Flash 之后,便可以实现对 Flash 的播放控制了. 效果说明 打开网页时,会出现类似 Flash 播放器的界面,该界面有 4 个按钮,分别是"播放"."暂停"."快进"和&quo

Dreamweaver MX 2004的Flash动画元素

dreamweaver|flash动画 今天我们来一起看看Dreamweaver MX 2004在使用 Flash Element方面的新功能. Dreamweaver MX 2004版本中增加了Flash Element功能,这使Dreamweaver和Flash的关联更加紧密了.这个Flash Element究竟有什么特别的呢?它可以帮你方便快捷地制作一个Flash动画版本的图片浏览器!下面我们通过具体的实例来了解这个新鲜玩意. 下面是制作完成的电子相册实例演示. 详细制作过程如下. 1.首

Dreamweaver MX 2004 的Flash Element

dreamweaver 今天我们来一起看看Dreamweaver MX 2004在使用 Flash Element方面的新功能. Dreamweaver MX 2004版本中增加了Flash Element功能,这使Dreamweaver和Flash的关联更加紧密了.这个Flash Element究竟有什么特别的呢?它可以帮你方便快捷地制作一个Flash动画版本的图片浏览器!下面我们通过具体的实例来了解这个新鲜玩意. 下面是制作完成的电子相册实例演示. 点击观看效果 详细制作过程如下. 1.首先

Dreamweaver MX 2004高级技巧(4)制作弹出小窗口

dreamweaver|高级|技巧 弹出窗口经常用于发布站内公告,或作为一个网站的广告来使用,今天给大家介绍如何使用Dreamweaver MX 2004制作弹出小窗口 1. 新建立一个html页面,设置页面属性.左边界,顶部边界为 0 ,在标题处输入标题名称. 2. 在页面中插入图片.也可以是文字, Flash 动画等.小窗口页面就准备好了. 让一个页面把刚才的小窗口弹出: 1. 新建一个需要添加弹出小窗口页面,当然也可以打开自己制作的网站的首页,在标签选择器中选择" body "标

Flash动画在网页中播放控制器制作祥解

flash动画|控制|网页 在闪吧看到了这个flash播放器,想下载其源码下来研究已供自己使用,没想到闪吧已做禁止下载功能.费了几天的网上搜索,除了几篇相关资料外,没有源码下载,更没有实例讲解.受不住诱惑,只好自己参考资料亲手写了.这个flash影片播放控制器时用了闪吧的播放界面,程序代码完全亲手写上.首先我们看看flash播放控制器的界面(很简单的html代码,不过不是自己源创的) 定义样式: <style>body,td,button{font:normal 12px Tahoma;col