dreamweaver8网页制作教程09
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
当访问者打开了添加背景音乐的网页时 背景音乐即会自动播放, 背景音乐即会自动播放,设置背景音乐可以 加深浏览者对网站的印象, 加深浏览者对网站的印象,更加突出网站主 题。
加入背景音乐
添加背景音乐代码 通过插入插件来添加背景音乐
页面音乐的链接和嵌入
添加背景音乐代码
其 中 src 指 定 音 乐 文 件 的 位 置 , hidden=true 表 示 不 显 示 播 放 器 , loop=true表示循环播放 loop=true表示循环播放。 表示循环播放。
页面音乐的链接和嵌入
前面讲解了背景音乐的设置, 前面讲解了背景音乐的设置,但有时需要 对一段文本或一张图像链接声音文件, 对一段文本或一张图像链接声音文件,产生诸 如单击文本或图像时能听到“ 一声的效果。 如单击文本或图像时能听到“噗”一声的效果。 嵌入声音到网页中也是通过插入插件的方法实 现的,这里不再赘述。另外, 现的,这里不再赘述。另外,也可以通过添加 行为的方法来实现声音的链接和嵌入。 行为的方法来实现声音的链接和嵌入。
插入Flash 插入Flash Video
插入Flash 插入Flash Video是 Video是 Dreamweaver 8新增 8新增 加的功能, 加的功能,使用该功能 可以轻松的在网页中插 入一段Flash视频 视频, 入一段Flash视频,在 网页中浏览该视频时, 网页中浏览该视频时, 网页不仅显示该视频信 息,还将显示播放 Flash视频的控件 Flash视频的控件。 视频的控件。
第9课 为网页插入动态元素
课堂讲解 上机实战
课堂讲解
了解动态元素 插入Flash影片 插入Flash影片 插入Flash按钮 插入Flash按钮 插入Flash文本 插入Flash文本 插入Flash 插入Flash Video 插入其他动态元素 为网页加入音乐文件
了解动态元素
媒体的来源
系统集成 网络下载 从素材库导入 自己制作
Flash简介 Flash简介
系统集成
在Dreamweaver 8中集 8中集 成了许多Flash按钮 按钮, 成了许多Flash按钮,可以在它 的页面中方便地插入Flash按钮 的页面中方便地插入Flash按钮 Flash文本 文本。 和Flash文本。
网络下载
提供各种媒体下载的网站非常多, 提供各种媒体下载的网站非常多,如果不知道具体 的网址,可通过google、百度等搜索引擎搜索。 的网址,可通过google、百度等搜索引擎搜索。虽然网 络上的媒体异彩纷呈,下载后便可使用,非常方便, 络上的媒体异彩纷呈,下载后便可使用,非常方便,但 如需作商业用途,则请参照相关的版权信息, 如需作商业用途,则请参照相关的版权信息,以免引发 版权纠纷。 版权纠纷。
插入Java 插入Java Applet
Java Applet是美国SUN公司开发的Java程序 Applet是美国 是美国SUN公司开发的 公司开发的Java程序 设计语言中的一个小应用程序,它能实现动态、 设计语言中的一个小应用程序,它能实现动态、安全 和跨平台的网络应用。 Applet嵌入到 嵌入到HTML 和跨平台的网络应用。将Java Applet嵌入到HTML 语言中能实现网页中各种各样的特殊效果和较为复杂 的控制。 的控制。
Flash简介 Flash简介
*.fla:Flash的源文件 *.fla:Flash的源文件,在Flash应用程序中创建,只能在Flash 的源文件, Flash应用程序中创建 只能在Flash 应用程序中创建, 中打开,不能在Dreamweaver 8或浏览器中打开 必须在Flash 或浏览器中打开。 中打开,不能在Dreamweaver 8或浏览器中打开。必须在Flash 中将其导出为SWF或SWT的格式文件 才可以在浏览器中播放。 的格式文件, 中将其导出为SWF或SWT的格式文件,才可以在浏览器中播放。 *.swf:压缩格式的Flash文件,是运用于网络中最优的格式文件 .swf:压缩格式的Flash文件 文件, 可以在浏览器和Dreamweaver 8中播放 但不能在Flash中打 中播放, ,可以在浏览器和Dreamweaver 8中播放,但不能在Flash中打 开进行编辑。使用Dreamweaver 8集成的 集成的Flash按钮和 按钮和Flash文 开进行编辑。使用Dreamweaver 8集成的Flash按钮和Flash文 本创建的文件就是这种类型的文件。 本创建的文件就是这种类型的文件。 *.swt:这种类型的文件允许对Flash动画文件中的信息进行编辑 .swt:这种类型的文件允许对Flash动画文件中的信息进行编辑 它主要用在Flash按钮对象中 按钮对象中, 。它主要用在Flash按钮对象中,可以利用自己的文本或链接来修 改模板,创建自己的SWF来插入到设计视图中 来插入到设计视图中。 改模板,创建自己的SWF来插入到设计视图中。在 8\Configuration\ “\Dreamweaver 8\Configuration\Flash Objects \Flash Buttons and Flash Text”文件夹中可以查看这些文件。 Text”文件夹中可以查看这些文件。
从素材库导入
对于没有使用网络的用户,可以 对于没有使用网络的用户, 购买市面上出售的网页制作素材库光 盘,使用时只需将素材导入 Dreamweaver 8中即可。 8中即可 中即可。
自己制作
在网上下载和购买的媒体虽然方便, 在网上下载和购买的媒体虽然方便, 但在实际中往往不能直接为我们所用。 但在实际中往往不能直接为我们所用。如果 自己对制作这些素材的软件熟悉, 自己对制作这些素材的软件熟悉,有一定的 美术、编程基础Байду номын сангаас也可自己制作。 美术、编程基础,也可自己制作。不过各种 媒体的制作软件都不同,Flash动画是使用 媒体的制作软件都不同,Flash动画是使用 Macromedia Flash软件来制作的,而 Flash软件来制作的 软件来制作的, Shockwave影片则是通过 Shockwave影片则是通过Macromedia 影片则是通过Macromedia Director来创建的 Director来创建的。在网页中使用最多的就 来创建的。 Flash元素了 元素了。 是Flash元素了。
在Dreamweaver 8中可以插入自己制作的 Flash按钮 Flash按钮,也可插入 按钮, Dreamweaver 8集成的 8集成的 动态按钮。 动态按钮。
插入Flash文本 插入Flash文本
Flash文本是 Flash文本是Dreamweaver 8集 文本是Dreamweaver 8集 成的文本动画。插入Flash文本与插入 成的文本动画。插入Flash文本与插入 Flash按钮的方法类似 Flash按钮的方法类似。 按钮的方法类似。
http://www.sucaiw.com/ http://www.knowsky.com 指南 http://www.helpor.net http://www.3lian.com http://www.Java.com http://www.shockwave.com 公司的一个交互性娱乐服务网站 素材精品屋 动态网站制作 网页特效集锦 3lian素材 3lian素材 Java网站 Java网站 Macromedia
插入其他动态元素
插入Shockwave影片 插入Shockwave影片 插入Java 插入Java Applet 插入ActiveX控件 插入ActiveX控件 插入插件
插入Shockwave影片 插入Shockwave影片
Shockwave是Macromedia公司制定 Shockwave是Macromedia公司制定 的一种网上媒体交互压缩格式的标准, 的一种网上媒体交互压缩格式的标准,其生 成的压缩格式可以被快速下载, 成的压缩格式可以被快速下载,并且被目前 的主流浏览器所支持。 的主流浏览器所支持。
上机实战
本课上机实战主 要练习在有基本框架 的页面中插入Flash 的页面中插入Flash 影片、Flash文本 文本、 影片、Flash文本、 Flash按钮及背景音 Flash按钮及背景音 乐等知识。通过练习, 乐等知识。通过练习, 读者应掌握网页中各 种动态元素的插入方 法,并重点掌握 Flash媒体元素的插 Flash媒体元素的插 入。
插入Flash影片 插入Flash影片
插入Flash影片之前,首先应在Flash 插入Flash影片之前,首先应在Flash 影片之前 制作软件中完成影片的制作, 制作软件中完成影片的制作,最好将其制作 好后保存在站点相应文件夹中。 好后保存在站点相应文件夹中。
插入Flash按钮 插入Flash按钮
插入ActiveX控件 插入ActiveX控件
ActiveX控件是 ActiveX控件是Microsoft对浏览器的能力扩展, 控件是Microsoft对浏览器的能力扩展 对浏览器的能力扩展, ActiveX控件的作用和插件基本上是相同的 ActiveX控件的作用和插件基本上是相同的,但两者 控件的作用和插件基本上是相同的, 还是存在着差异,载入网页时, 还是存在着差异,载入网页时,如果浏览器不支持 ActiveX控件 浏览器会自动安装所需软件, ActiveX控件,浏览器会自动安装所需软件,如果是 控件, 插件,则需用户手动安装相关软件。 插件,则需用户手动安装相关软件。
插入插件
如果想在浏览器中访问更多类型的媒体 对象( Shockwave影片和 影片和MIDI音乐等 音乐等), 对象(如Shockwave影片和MIDI音乐等), 就必须借助插件,前面介绍的Shockwave就 就必须借助插件,前面介绍的Shockwave就 是插件中的一员。 是插件中的一员。
为网页加入音乐文件
加入背景音乐
添加背景音乐代码 通过插入插件来添加背景音乐
页面音乐的链接和嵌入
添加背景音乐代码
其 中 src 指 定 音 乐 文 件 的 位 置 , hidden=true 表 示 不 显 示 播 放 器 , loop=true表示循环播放 loop=true表示循环播放。 表示循环播放。
页面音乐的链接和嵌入
前面讲解了背景音乐的设置, 前面讲解了背景音乐的设置,但有时需要 对一段文本或一张图像链接声音文件, 对一段文本或一张图像链接声音文件,产生诸 如单击文本或图像时能听到“ 一声的效果。 如单击文本或图像时能听到“噗”一声的效果。 嵌入声音到网页中也是通过插入插件的方法实 现的,这里不再赘述。另外, 现的,这里不再赘述。另外,也可以通过添加 行为的方法来实现声音的链接和嵌入。 行为的方法来实现声音的链接和嵌入。
插入Flash 插入Flash Video
插入Flash 插入Flash Video是 Video是 Dreamweaver 8新增 8新增 加的功能, 加的功能,使用该功能 可以轻松的在网页中插 入一段Flash视频 视频, 入一段Flash视频,在 网页中浏览该视频时, 网页中浏览该视频时, 网页不仅显示该视频信 息,还将显示播放 Flash视频的控件 Flash视频的控件。 视频的控件。
第9课 为网页插入动态元素
课堂讲解 上机实战
课堂讲解
了解动态元素 插入Flash影片 插入Flash影片 插入Flash按钮 插入Flash按钮 插入Flash文本 插入Flash文本 插入Flash 插入Flash Video 插入其他动态元素 为网页加入音乐文件
了解动态元素
媒体的来源
系统集成 网络下载 从素材库导入 自己制作
Flash简介 Flash简介
系统集成
在Dreamweaver 8中集 8中集 成了许多Flash按钮 按钮, 成了许多Flash按钮,可以在它 的页面中方便地插入Flash按钮 的页面中方便地插入Flash按钮 Flash文本 文本。 和Flash文本。
网络下载
提供各种媒体下载的网站非常多, 提供各种媒体下载的网站非常多,如果不知道具体 的网址,可通过google、百度等搜索引擎搜索。 的网址,可通过google、百度等搜索引擎搜索。虽然网 络上的媒体异彩纷呈,下载后便可使用,非常方便, 络上的媒体异彩纷呈,下载后便可使用,非常方便,但 如需作商业用途,则请参照相关的版权信息, 如需作商业用途,则请参照相关的版权信息,以免引发 版权纠纷。 版权纠纷。
插入Java 插入Java Applet
Java Applet是美国SUN公司开发的Java程序 Applet是美国 是美国SUN公司开发的 公司开发的Java程序 设计语言中的一个小应用程序,它能实现动态、 设计语言中的一个小应用程序,它能实现动态、安全 和跨平台的网络应用。 Applet嵌入到 嵌入到HTML 和跨平台的网络应用。将Java Applet嵌入到HTML 语言中能实现网页中各种各样的特殊效果和较为复杂 的控制。 的控制。
Flash简介 Flash简介
*.fla:Flash的源文件 *.fla:Flash的源文件,在Flash应用程序中创建,只能在Flash 的源文件, Flash应用程序中创建 只能在Flash 应用程序中创建, 中打开,不能在Dreamweaver 8或浏览器中打开 必须在Flash 或浏览器中打开。 中打开,不能在Dreamweaver 8或浏览器中打开。必须在Flash 中将其导出为SWF或SWT的格式文件 才可以在浏览器中播放。 的格式文件, 中将其导出为SWF或SWT的格式文件,才可以在浏览器中播放。 *.swf:压缩格式的Flash文件,是运用于网络中最优的格式文件 .swf:压缩格式的Flash文件 文件, 可以在浏览器和Dreamweaver 8中播放 但不能在Flash中打 中播放, ,可以在浏览器和Dreamweaver 8中播放,但不能在Flash中打 开进行编辑。使用Dreamweaver 8集成的 集成的Flash按钮和 按钮和Flash文 开进行编辑。使用Dreamweaver 8集成的Flash按钮和Flash文 本创建的文件就是这种类型的文件。 本创建的文件就是这种类型的文件。 *.swt:这种类型的文件允许对Flash动画文件中的信息进行编辑 .swt:这种类型的文件允许对Flash动画文件中的信息进行编辑 它主要用在Flash按钮对象中 按钮对象中, 。它主要用在Flash按钮对象中,可以利用自己的文本或链接来修 改模板,创建自己的SWF来插入到设计视图中 来插入到设计视图中。 改模板,创建自己的SWF来插入到设计视图中。在 8\Configuration\ “\Dreamweaver 8\Configuration\Flash Objects \Flash Buttons and Flash Text”文件夹中可以查看这些文件。 Text”文件夹中可以查看这些文件。
从素材库导入
对于没有使用网络的用户,可以 对于没有使用网络的用户, 购买市面上出售的网页制作素材库光 盘,使用时只需将素材导入 Dreamweaver 8中即可。 8中即可 中即可。
自己制作
在网上下载和购买的媒体虽然方便, 在网上下载和购买的媒体虽然方便, 但在实际中往往不能直接为我们所用。 但在实际中往往不能直接为我们所用。如果 自己对制作这些素材的软件熟悉, 自己对制作这些素材的软件熟悉,有一定的 美术、编程基础Байду номын сангаас也可自己制作。 美术、编程基础,也可自己制作。不过各种 媒体的制作软件都不同,Flash动画是使用 媒体的制作软件都不同,Flash动画是使用 Macromedia Flash软件来制作的,而 Flash软件来制作的 软件来制作的, Shockwave影片则是通过 Shockwave影片则是通过Macromedia 影片则是通过Macromedia Director来创建的 Director来创建的。在网页中使用最多的就 来创建的。 Flash元素了 元素了。 是Flash元素了。
在Dreamweaver 8中可以插入自己制作的 Flash按钮 Flash按钮,也可插入 按钮, Dreamweaver 8集成的 8集成的 动态按钮。 动态按钮。
插入Flash文本 插入Flash文本
Flash文本是 Flash文本是Dreamweaver 8集 文本是Dreamweaver 8集 成的文本动画。插入Flash文本与插入 成的文本动画。插入Flash文本与插入 Flash按钮的方法类似 Flash按钮的方法类似。 按钮的方法类似。
http://www.sucaiw.com/ http://www.knowsky.com 指南 http://www.helpor.net http://www.3lian.com http://www.Java.com http://www.shockwave.com 公司的一个交互性娱乐服务网站 素材精品屋 动态网站制作 网页特效集锦 3lian素材 3lian素材 Java网站 Java网站 Macromedia
插入其他动态元素
插入Shockwave影片 插入Shockwave影片 插入Java 插入Java Applet 插入ActiveX控件 插入ActiveX控件 插入插件
插入Shockwave影片 插入Shockwave影片
Shockwave是Macromedia公司制定 Shockwave是Macromedia公司制定 的一种网上媒体交互压缩格式的标准, 的一种网上媒体交互压缩格式的标准,其生 成的压缩格式可以被快速下载, 成的压缩格式可以被快速下载,并且被目前 的主流浏览器所支持。 的主流浏览器所支持。
上机实战
本课上机实战主 要练习在有基本框架 的页面中插入Flash 的页面中插入Flash 影片、Flash文本 文本、 影片、Flash文本、 Flash按钮及背景音 Flash按钮及背景音 乐等知识。通过练习, 乐等知识。通过练习, 读者应掌握网页中各 种动态元素的插入方 法,并重点掌握 Flash媒体元素的插 Flash媒体元素的插 入。
插入Flash影片 插入Flash影片
插入Flash影片之前,首先应在Flash 插入Flash影片之前,首先应在Flash 影片之前 制作软件中完成影片的制作, 制作软件中完成影片的制作,最好将其制作 好后保存在站点相应文件夹中。 好后保存在站点相应文件夹中。
插入Flash按钮 插入Flash按钮
插入ActiveX控件 插入ActiveX控件
ActiveX控件是 ActiveX控件是Microsoft对浏览器的能力扩展, 控件是Microsoft对浏览器的能力扩展 对浏览器的能力扩展, ActiveX控件的作用和插件基本上是相同的 ActiveX控件的作用和插件基本上是相同的,但两者 控件的作用和插件基本上是相同的, 还是存在着差异,载入网页时, 还是存在着差异,载入网页时,如果浏览器不支持 ActiveX控件 浏览器会自动安装所需软件, ActiveX控件,浏览器会自动安装所需软件,如果是 控件, 插件,则需用户手动安装相关软件。 插件,则需用户手动安装相关软件。
插入插件
如果想在浏览器中访问更多类型的媒体 对象( Shockwave影片和 影片和MIDI音乐等 音乐等), 对象(如Shockwave影片和MIDI音乐等), 就必须借助插件,前面介绍的Shockwave就 就必须借助插件,前面介绍的Shockwave就 是插件中的一员。 是插件中的一员。
为网页加入音乐文件