《Dreamweaver网页设计与网站开发》第八章.ppt

Companyname主讲：Dreamweaver网页设计与网站开发第八章使用行为创建动态效果第一节行为简介与概述一、行为的概念在Dreamweaver中，行为实际上是插入到网页内的一段JavaScript代码，由对象、事件和动作构成。二、常见动作类型动作是最终产生的动态效果，可以是播放声音、交换图像、弹出提示信息、自动关系网页等。下面是Dreamweaver中默认提供的动作种类（见表8-1）第一节行为简介与概述三、常见事件事件用于指定选定行为动作在何种情况下发生。例如想应用在单击图像时跳转到指定网站的行为，则需要把事件指定为单击事件（onClick）。下面根据使用用途分类，介绍Dreamweaver中提供的事件种类（见表8-2）。第二节使用Dreamweaver内置行为一、弹出提示信息（1）启动DreamweaverCS6，在菜单栏中选择【文件】→【打开】命令，打开素材（见图8-1）。（2）在菜单栏中选择【窗口】→【行为】命令，打开【行为】面板。在【行为】面板中单击【添加】按钮，在弹出的快捷菜单中选择【弹出信息】选项（见图8-2）。（3）弹出【弹出消息】对话框，首先在【消息】列表框中输入文本，然后单击【确定】按钮（见图8-3）。（4）在菜单栏中选择【文件】→【保存】命令，保存页面。在工具栏中单击【在浏览器中预览】按钮，即可在浏览器中预览页面效果（见图8-4）。第二节使用Dreamweaver内置行为二、打开浏览器窗口使用打开浏览器窗口动作，那么在打开当前网页的同时，还可以再打开一个新窗口，同时还可以根据动作来编辑浏览器窗口的大小、名称、状态栏和菜单栏等属性。具体操作方法如下：（1）启动DreamweaverCS6，在菜单栏中选择【文件】→【打开】命令，打开素材文件（见图8-5）。（2）在菜单栏中选择【窗口】→【行为】命令，打开【行为】面板，在【行为】面板中单击【添加】按钮，在弹出的快捷菜单中选择【打开浏览器窗口】命令（见图8-6）。第二节使用Dreamweaver内置行为（3）在弹出的【打开浏览器窗口】对话框中单击【要显示的URL】文本框右边的【浏览】按钮（见图8-7）。（4）在弹出的【选择文件】对话框中选择准备使用的文件，然后单击【确定】按钮（见图8-8）。（5）在【打开浏览器窗口】对话框中，设置宽度和高度的数值为“500”，然后选中【需要时使用滚动条】复选框，最后单击【确定】按钮（见图8-9）。第二节使用Dreamweaver内置行为三、浮动面板概述（6）在菜单栏中选择【文件】→【保存】命令，保存页面。在工具栏中单击【在浏览器中预览】按钮，即可在浏览器中预览页面效果（见图8-10）。在【打开浏览器窗口】对话框中可以进行如下设置：【要显示的URL】单击【浏览】按钮选择一个文件，输入要显示的URL。【窗口宽度】指定窗口的宽度（以像素为单位）。【窗口高度】指定窗口的高度（以像素为单位）。【导航工具栏】是一行浏览器按钮（包括【后退】、【前进】、【主页】和【新载入】）。【地址工具栏】是一行浏览器选项（包括地址文本框）。【状态栏】是位于浏览器窗口底部的区域，在该区域中显示消息。【菜单条】位于浏览器窗口上的显示菜单。如果要让访问者能够从新窗口导航，应该显示设置此选项。如果不设置此选项，则在新窗口中，用户只能关闭或最小化窗口。【需要时使用滚动条】指定如果内容超出可视区域时显示滚动条。如果不勾选滚动条此选项，则不显示滚动条。如果【调整大小手柄】选项也关闭，则访问者将不容易看到超出窗口原始大小以外的内容。【调整大小手柄】指定调整窗口的大小，方法是拖动窗口的右下角或单击右上角的最大化按钮。如果未设置此选项，则调整大小控件将不可用，右下角也不能拖动。【窗口名称】输入窗口的名称，此名称不能包含空格或特殊字符。第二节使用Dreamweaver内置行为三、检查插件使用【检查插件】行为，浏览器就可以根据访问者是否安装了指定的插件这一情况，将其转变到不同的页面。如浏览者电脑中安装了Flash插件，那么就播放Flash给浏览者观看；如果没有安装，就直接将浏览者带到没有Flash的页面。具体设置网页检查插件的操作方法如下：（1）启动DreamweaverCS6，在菜单栏中选择【文件】→【打开】命令，打开文件（见图8-11）。（2）选中检查插件文本，在【属性】面板的【链接】下拉列表框中输入“#”，为文字设置空链接（见图8-12）。第二节使用Dreamweaver内