网页设计与制作课件第7章 节 使用框架制作网页.ppt

（6）单击该插件图标，打开“属性”面板，在面板中单击“参数”按钮。 （7）在弹出的“参数”对话框中，将“Loop”的值和AUTOSTART”的值都设为“true”。 （8）单击“确定”按钮，完成“播放声音”行为参数的设置。 4.拖动层 （1）在Dreamweaver中新建一个文档，然后选择“插入→布局对象→层”命令，在文档中插入一个层。 （2）将鼠标指针插入到刚创建的层中后（左图），选择“插入”→“图像”命令（右图），打开“选择图像源文件”对话框。 （3）在对话框中选择要插入的图像（左图），然后单击“确定”按钮，将图像插入到层中（右图）。 （4）打开“属性”面板，调整层的大小，将层的大小与图像的大小调整为一致。 （5）选中Dreamweaver状态栏中的body标签，然后选择“窗口→行为”命令（左图），打开“行为”面板，单击“添加行为”按钮 ，在弹出的下拉菜单中选择“拖动层”命令（右图）。 （6）选择“拖动层”命令后，打开“拖动层”对话框，在其中进行设置后，单击“确定”按钮。 （7）单击“确定”按钮后，将“拖动层”行为添加到“行为”面板中。 （8）保存文档后，按“F12”键在浏览器中预览效果（左图），可以将该层在网页中任意进行拖动（右图）。 5.设置层文本 （1）在文档中的标签栏中选择body标签，然后打开“行为”面板。 （2）单击“添加行为”按钮，在打开的“行为”下拉菜单中选择“设置文本→设置层文本”命令。 （3）在打开的“设置层文本”对话框中进行设置，在“层”下拉列表中选择要设置的层，在“新建HTML”文本框中输入HTML源代码或JavaScript函数等，然后单击“确定”按钮即可。 （4）在Dreamweaver的“行为”面板中可以看到刚刚创建的“设置层文本”行为。 6.设置框架文本 （1）选择页面中的框架，然后打开“行为”面板。 （2）单击“添加行为”按钮，在打开的“行为”下拉菜单中选择“设置文本→设置框架文本”命令。 阶段3 插入视频 （1）将光标插入需要嵌入视频文件的位置，选择“插入”→“媒体”→“插件”命令，打开“选择文件”对话框。 （2）在“选择文件”对话框中，选择要嵌入到文档中的视频文件，然后单击“确定”按钮。 （3）在完成视频文件的选择后，文档中光标的位置会插入一个插件图标。 （4）选中插件图标，打开“属性”面板，设置插件的宽度与高度。 （5）保存文件后，按下“F12”键在浏览器中进行预览。 任务3 行为与事件 在网页中使用行为，可以在不涉及代码的情况下制作出很多特殊效果，而且方便快捷，因此学习掌握行为的使用方法很有必要。 阶段1 行为的基本操作 1.什么是行为 Dreamweaver中的行为，实际上就是一系列具有特定功能的JavaScript程序脚本。这些程序都是预置在Dreamweaver中的。 一个完整的行为，需要包括两个方面的内容才能运行—“事件”和“动作”。其中，“事件”是指在计算机上发生的一些操作，例如单击鼠标、页面加载完毕等；而“动作”则是指在发生了事件后，所触发并执行的一系列处理动作。 2.认识“行为”面板 “行为”面板可以为网页中选定的对象添加多种行为。选择“窗口→行为”命令，打开“行为”面板，在面板中单击“添加行为”按钮 ，即可在弹出的列表中，查看在Dreamweaver中所有可以应用的行为命令。 “行为”面板 交换图像：创建图像变换效果。可以是一对一的变换，也可以是一对多的变换。 弹出信息：在浏览器中弹出一个新的信息框。 恢复交换图像：将设置的变换图像还原成变换前的图像。 打开浏览器窗口：在新的浏览器窗口中载入一个URL。用户可以为这个窗口指定一些具体属性，也可以不加以指定。 拖动层：实现在浏览器中任意移动层的效果。 控制Shock Wave或Flash：控制Shock Wave或Flash动画的播放、停止和返回等播放过程。 播放声音：播放指定的声音。 改变属性：改变页面元素的各项属性。 时间轴：制作与时间轴相关的动画效果。有转到时间轴帧、播放时间轴、停止时间轴3个级联选项。 显示—隐藏：设置多个层的显示与隐藏效果。 检查插件：检查用户浏览器是否安装有相应的插件，并设置在有和无插件的情况下跳转到不同的URL中。 设置导航条图像：改变导航条中的图像属性。 调用JavaScript：调用相应的JavaScript脚本 跳转菜单：编辑设置一个跳转菜单。 跳转菜单开始：根据菜单所选择的索引转到URL。 转到URL：实现多个页面的跳转。 预先载入图像：在页面载入时预先读入特定图像。 3.添加、修改和删除行为 在Dreamweaver中使用行为，可以实现很多功能，但并不需要用户接触程序代码和掌握代码编程技能。 下面介绍创建行为的方法 （1）选择“窗口→