[工学]Dreamweaver_数据库2.pptVIP

第3章 Dreamweaver高级应用 学习目标 通过本章学习，应该掌握以下内容： 多媒体网页 行为和特效 模板和库 交互式表单 建立动态站点 3.1 网页中的多媒体 3.1.1 插入Flash动画 3.1.2 插入Flash按钮 3.1.3 插入图像查看器 3.1.4 插入声视频文件 Flash动画 Flash动画主要包括.fla和.swf两种类型的文件 通过【插入记录】【媒体】菜单下的Flash命令插入Flash动画 【5_1.html】 【5_2.html】 通过【属性】面板修改动画属性 Flash按钮 通过【插入工具栏】【常用】选项卡中单击【Flash按钮】菜单项创建 若弹出如图5-8所示警告语句并且无法创建和保存Flash按钮，请读者重点注意swf文档的保存路径中不要包含中文字符 图像查看器 “图像查看器”可以快速地创建一个Flash相册效果，并且可以动态的显示相册内的照片 创建步骤 通过选择【插入记录】【媒体】【图像查看器】菜单项，弹出【保存Flash元素】对话框，键入保存的文件名，如输入“Photo.swf”，单击“保存”按钮创建 根据实际需要进行简单的参数设置。 为Flash相册指定调用的图片，并设置相册外观。选择【窗口】【标签检查器】打开【Flash元素】面板设置 【5_5.html】Flash相册 音视频文件 音视频文件格式 声音：MIDI、 WAV、 MP3、 RM格式 视频：WMV、 AVI、 MPEG、 FLV格式 网页中的背景音乐以MIDI和MP3这两种格式为主 embed标签默认使用的是Windows Media Player播放器 若要播放其他格式的文件，还需修改相应的参数，从而获得更多对媒体的控制 如果要插入的对象不是 Flash、Shockwave、Applet 或 ActiveX 对象，请从“插入”“媒体”子菜单选择“插件”。 【5_6.html】插入音视频 3.2 行为和特效 3.2.1 认识行为 行为是由Event事件和Action动作两个基本元素组成 动作是一段JavaScript代码，利用这些代码可以完成相应的任务；而事件则由浏览器定义、产生和执行，它可以被附加到各种页面元素上，也可以被附加到HTML标记中 事件用于指明执行某项动作的条件，如onMouseOver 利用【行为】面板可以为选定对象设置和编辑行为、删除行为、调整行为的顺序等 3.2.2 向页面添加行为 3.2.3 Spry效果 添加行为 行为可以添加到整个文档中，也可以附加到链接、图像、表单元素或其他HTML元素中的任一种之上 （1）弹出信息 【5_8.html】 （2）设置状态栏文本 【5_8.html】 （3）播放时间轴 【5_9.html】 【注意事项】 如果在IE浏览器窗口最上方有浅黄色警告信息闪烁，表示IE限制了此网页运行脚本语句，我们可以点击该警告信息，临时选择“允许阻止的内容”，将看到弹出信息框 Spry效果 Spry主要包括下列效果 增大/收缩：使元素变大或变小 挤压：使元素从页面的左上角消失 显示/渐隐：使元素显示或渐隐 晃动：模拟从左向右晃动元素 滑动：上下移动元素 遮帘：模拟百叶窗，向上或向下滚动百叶窗来隐藏或显示元素 高亮颜色：更改元素的背景颜色 【注意事项】 要向某个元素应用效果，该元素当前必须处于选定状态，或者它必须具有一个 ID。例如，如果要向当前未选定的 div 标签应用高亮显示效果，该 div 必须具有一个有效的 ID 值。如果该元素尚且没有有效的 ID 值，则需要向 HTML 代码中添加一个 ID 值。 当使用效果时，系统会在“代码”视图中将不同的代码行添加到文件中。其中的一行代码用来标识 SpryEffects.js 文件，该文件是包括这些效果所必需的。请不要从代码中删除该行，否则这些效果将不起作用。 3.3 模板和库 将具有相同版面结构的页面制作成模板，将相同的元素（如版权信息）制作成库项目，存放在站点中供随时调用，可以提高网页制作效率 3.3.1 创建模板 3.3.2 创建可编辑区域 3.3.3 模板应用实例 创建模板 创建模板3种方式 利用【模板】面板 将普通网页另存为模板 从文件菜单中新建模板 模板文件的后缀名为dwt，保存在自动创建的Template文件夹 如果模板中没有定义任何可编辑区域，在关闭时系统会显示警告信息，可以先单击【确定】，以后定义可编辑区域 可编辑区域 可编辑区域能改变以模板为基础的文档内容，只有在可编辑区域里，才可以编辑网页内容 新添加的可编辑区域有蓝色标签，标签上是可编辑区域的名称。如果要删除可编辑区域，只要将光标置于要删除的可编辑区域内，选择【