《dreamweaver(二)》由会员分享，可在线阅读，更多相关《dreamweaver(二)（222页珍藏版）》请在金锄头文库上搜索。
1、Dreamweaver 8 基础,现代教育技术中心,目录,第1章 初识Dreamweaver 8 第2章 站点的基本操作 第3章 为网页添加文本 第4章 为网页添加图像 第5章 创建超级链接 第6章 在网页中应用表格 第7章 在网页中应用框架 第8章 在网页中应用层,目录,第9章 为网页插入动态元素 第10章 行为与事件 第11章 CSS样式 第12章 为网页添加表单 第13章 布局模式、模板与资源列表 第14章 动态网页数据库基础 第15章 站点的发布 第16章 综合实例,课堂讲解 上机实战,第9章 为网页插入动态元素,课堂讲解,了解动态元素 插入Flash影片 插入Flash按钮 插入Fl
2、ash文本 插入Flash Video 插入其他动态元素 为网页加入音乐文件,了解动态元素,媒体的来源 系统集成 网络下载 从素材库导入 自己制作 Flash简介,系统集成,在Dreamweaver 8中集成了许多Flash按钮，可以在它的页面中方便地插入Flash按钮和Flash文本。,网络下载,提供各种媒体下载的网站非常多，如果不知道具体的网址，可通过google、百度等搜索引擎搜索。虽然网络上的媒体异彩纷呈，下载后便可使用，非常方便，但如需作商业用途，则请参照相关的版权信息，以免引发版权纠纷。 http:/ 素材精品屋 http:/ 动态网站制作指南 http:/ 网页特效集锦 http
3、:/ 3lian素材 http:/www.J Java网站 http:/ Macromedia公司的 一个交互性娱乐服务网站,从素材库导入,对于没有使用网络的用户，可以购买市面上出售的网页制作素材库光盘，使用时只需将素材导入Dreamweaver 8中即可。,自己制作,在网上下载和购买的媒体虽然方便，但在实际中往往不能直接为我们所用。如果自己对制作这些素材的软件熟悉，有一定的美术、编程基础，也可自己制作。不过各种媒体的制作软件都不同，Flash动画是使用Macromedia Flash软件来制作的，而Shockwave影片则是通过Macromedia Director来创建的。在网页中使用最多
4、的就是Flash元素了。,Flash简介,*.fla：Flash的源文件，在Flash应用程序中创建，只能在Flash中打开，不能在Dreamweaver 8或浏览器中打开。必须在Flash中将其导出为SWF或SWT的格式文件，才可以在浏览器中播放。 *.swf：压缩格式的Flash文件，是运用于网络中最优的格式文件，可以在浏览器和Dreamweaver 8中播放，但不能在Flash中打开进行编辑。使用Dreamweaver 8集成的Flash按钮和Flash文本创建的文件就是这种类型的文件。 *.swt：这种类型的文件允许对Flash动画文件中的信息进行编辑。它主要用在Flash按钮对象中，
5、可以利用自己的文本或链接来修改模板，创建自己的SWF来插入到设计视图中。在“Dreamweaver 8ConfigurationFlash Objects Flash Buttons and Flash Text”文件夹中可以查看这些文件。,插入Flash影片,插入Flash影片之前，首先应在Flash制作软件中完成影片的制作，最好将其制作好后保存在站点相应文件夹中。,插入Flash按钮,在Dreamweaver 8中可以插入自己制作的Flash按钮，也可插入Dreamweaver 8集成的动态按钮。,插入Flash文本,Flash文本是Dreamweaver 8集成的文本动画。插入Flash
6、文本与插入Flash按钮的方法类似。,插入Flash Video,插入Flash Video是Dreamweaver 8新增加的功能，使用该功能可以轻松的在网页中插入一段Flash视频，在网页中浏览该视频时，网页不仅显示该视频信息，还将显示播放Flash视频的控件。,插入其他动态元素,插入Shockwave影片 插入Java Applet 插入ActiveX控件 插入插件,插入Shockwave影片,Shockwave是Macromedia公司制定的一种网上媒体交互压缩格式的标准，其生成的压缩格式可以被快速下载，并且被目前的主流浏览器所支持。,插入Java Applet,Java Applet
7、是美国SUN公司开发的Java程序设计语言中的一个小应用程序，它能实现动态、安全和跨平台的网络应用。将Java Applet嵌入到HTML语言中能实现网页中各种各样的特殊效果和较为复杂的控制。,插入ActiveX控件,ActiveX控件是Microsoft对浏览器的能力扩展，ActiveX控件的作用和插件基本上是相同的，但两者还是存在着差异，载入网页时，如果浏览器不支持ActiveX控件，浏览器会自动安装所需软件，如果是插件，则需用户手动安装相关软件。,插入插件,如果想在浏览器中访问更多类型的媒体对象（如Shockwave影片和MIDI音乐等），就必须借助插件，前面介绍的Shockwave就是
8、插件中的一员。,为网页加入音乐文件,当访问者打开了添加背景音乐的网页时背景音乐即会自动播放，设置背景音乐可以加深浏览者对网站的印象，更加突出网站主题。 加入背景音乐 添加背景音乐代码 通过插入插件来添加背景音乐 页面音乐的链接和嵌入,添加背景音乐代码,其中src指定音乐文件的位置，hidden=true 表示不显示播放器，loop=true表示循环播放。,页面音乐的链接和嵌入,前面讲解了背景音乐的设置，但有时需要对一段文本或一张图像链接声音文件，产生诸如单击文本或图像时能听到“噗”一声的效果。嵌入声音到网页中也是通过插入插件的方法实现的，这里不再赘述。另外，也可以通过添加行为的方法来实现声音的
9、链接和嵌入。,上机实战,本课上机实战主要练习在有基本框架的页面中插入Flash影片、Flash文本、Flash按钮及背景音乐等知识。通过练习，读者应掌握网页中各种动态元素的插入方法，并重点掌握Flash媒体元素的插入。,课堂讲解 上机实战,第10章 行为与事件,课堂讲解,什么是行为 什么是事件 认识“行为”面板 添加、修改和删除行为 获取更多的行为 应用行为,什么是行为,行为（Behavior）是在Dreamweaver 8中预置的JavaScript程序，由事件（event）和对应动作（actions）组成。它能实现用户与网页间的交互，通过某个动作来触发某项计划。如当用户在页面中将鼠标移动并
10、单击某一个链接后，载入了一幅图像，这就产生了两个事件onMouseOver和onClick，同时触发了一个动作载入图像。,什么是事件,浏览器都会提供一组事件，事件与动作相关联。当访问者与网页进行交互时，浏览器生成事件，但并非所有的事件都是交互的，如设置网页每10s自动重新载入。 根据所选对象和在“显示事件”子菜单中指定的浏览器的不同，显示在“事件”下拉列表框中的事件将有所不同。Internet Explorer和Netscape Navigator是当今主的流浏览器。IE4表明此事件适用于Internet Explorer 4.0浏览器，NE4表明此事件适用于Netscape Navigato
11、r 4.0浏览器。,认识“行为”面板,在使用行为前要先了解行为的具体操作场所“行为”面板，在Dreamweaver 8右侧的浮动面板组中打开“标签”面板，在其中单击“行为”选项卡打开“行为”面板，如没有“行为”面板，可以选择窗口行为菜单命令，也可按【Shift+F4】键打开“行为”面板。,添加、修改和删除行为,添加行为 修改行为 删除行为,添加行为,在不同类型的浏览器中可以根据需要将行为附加到整个文档、链接、图像、表单对象或任何其他的HTML元素中。,修改行为,选择添加行为的对象。 按【Shift+F4】键打开“行为”面板，在其“动作”列表中双击要修改的行为动作或将其选择并按【Enter】键，
12、也可单击鼠标右键，在弹出的快捷菜单中选择“编辑行为”命令，在打开的对话框中进行修改，然后单击“确定”按钮。,删除行为,在“行为”面板中选择要删除的行为。 单击 按钮或在行为上单击鼠标右键，在弹出的快捷菜单中选择“删除行为”命令，还可以直接按【Delete】键即可。,获取更多的行为,Dreamweaver 8自带的行为比较少，如果想获取更多的行为可以从Macromedia公司和其他第三方的开发网站下载。在“行为”下拉列表中选择“获取更多的行为”选项，则会打开Macromedia公司官方网站提供的行为下载页面。,应用行为,设置文本 “设置层文本”行为 “设置框架文本”行为 “设置文本域文本”行为
13、“设置状态栏文本”行为 播放声音 打开浏览器窗口 交换图像 恢复交换图像 改变属性,检查浏览器 检查插件 检查表单 设置导航栏图像 转到URL 弹出信息 拖动层 显示-隐藏层 弹出式菜单,调用JavaScript 控制Shockwave或Flash 预先载入图像 跳转菜单 跳转菜单开始 时间轴,“设置层文本”行为,“设置层文本”行为可以用指定的内容替换现有层的内容和格式设置，但将保留层的属性，包括颜色。该内容可以包括任何有效的HTML源代码。,“设置框架文本”行为,“设置框架文本”行为可以动态设置框架的文本，用指定的内容替换框架的内容和格式设置。该内容可以包含任何有效的HTML源代码。使用此行
14、为可以动态显示信息。,“设置文本域文本”行为,“设置文本域文字”行为可以用指定的内容替换表单文本域的内容。,“设置状态栏文本”行为,“设置状态栏文本”行为可在浏览器窗口底部左侧的状态栏中显示消息。如可以使用此行为在状态栏中说明链接的目标而不是显示链接的URL。,播放声音,“播放声音”行为用来播放声音和音乐文件，页面背景音乐和鼠标单击时的声音都可以用此行为设置。,打开浏览器窗口,打开一个新的浏览器窗口，在其中显示所指定的内容，网页设计者可指定该新窗口尺寸、是否可调节大小、是否有菜单等属性。,交换图像,“交换图像”行为可将一个图像替换为另一个图像，这是通过更改“scr”属性来实现的，此动作一般用来
15、创建翻转按钮以及同时替换多个图片。,恢复交换图像,“恢复交换图像”行为用于将替换的图像恢复为原始的图像文件。,改变属性,“改变属性”行为用于改变网页元素的属性值。,检查浏览器,“检查浏览器”行为是为了根据浏览者使用的浏览器版本的不同来决定访问的不同网页，以提高网页的兼容性。可将此行为添加到与任何浏览器都兼容页面的body标签上，也可以将此行为添加到一个空链接上，并让该行为根据访问者浏览器的类型和版本确定链接的目标页面。,检查插件,“检查插件”行为用于检查访问者的电脑中是否安装了特定的插件，而决定将浏览者带往不同的页面，如浏览者电脑中安装了Flash插件，那么就播放Flash给浏览者观看，如果没
16、有安装，就直接将浏览者带往没有Flash的页面。,检查表单,“检查表单”行为用于检查指定文本域的内容，以确保用户输入了正确的数据类型。使用“onBlur”事件添加到文本域，可以在用户填写表单时对域进行检查，若使用“onSubmit”事件将其添加到表单，在用户提交表单时可同时对多个文本域进行检查。使用该行为可以防止表单提交到服务器后指定的文本域包含无效的数据。,设置导航栏图像,“设置导航栏图像”行为用于将某个图像变为导航条图像，也可更改导航条中图像的显示和动作。使用“设置导航栏图像”行为，可以实现选择插入图像对象导航条菜单命令一样的功能。,转到URL,选择“转到URL”行为可在当前窗口或指定框架内打开一个新的页面。此行为在一次单击改变两个或更多框架的内容时特别有用，它也可以在时间轴内被调用，在特
