第8章 使用行为创建特效网页.ppt

第8章使用行为创建特效网页教学内容：教学内容：教学内容：教学内容：行为可以说是DreamweaverCS6中最有特色的功能，它可以让用户不用编写一行JavaScript代码即可实现多种动态页面效果。教学重点教学重点了解行为概述掌握Dreamweaver CS6内置行为的使用8.1 行为的概述有许多优秀的网页，它们不只包含文本和图像，还有许多其他交互式的效果，例如当鼠标移动到某个图像或按钮上，特定位置便会显示出相关信息，又或者一个网页打开的同时等。8.1.1认识事件事件就是指在特定情况下发生选定行为动作的功能。例如，单击图片之后转移到特定站点上，发生这种行为是因为事件被指定了onClick，所以在单击图片的一瞬间发生了转移到特定站点的这一动作。8.1.2 动作类型在Dreamweaver中，行为是事件和动作的组合。事件是特定的时间或是用户在某时所发出的指令后紧接着发生的，而动作是事件发生后网页所要做出的反应。8.2制作指定大小的弹出窗口使用【打开浏览器窗口】动作可以在一个新的窗口中打开URL，可以指定新窗口的属性、特性和名称，例如访问者在使用此行为单击缩略图时，在一个单独的窗口中打开一个较大的图像，使新窗口与图像恰好一样大。JavaScript是Internet上最流行的脚本语言。它存在于全世界所有Web浏览器中，能够增强用户与网站之间的交互。8.38.3调用调用JavaScriptJavaScript下面制作调用JavaScript打印当前页面，制作时先定义一个打印当前页函数printPage()，然后在中添加代码OnLoad=printPage()，当打开网页时调用打印当前页函数printPage()。利用JavaScript函数实现打印功能。8.3.1利用JavaScript实现打印功能制作自动关闭网页的效果如图8.11所示，具体操作步骤如下。8.3.2利用JavaScript实现关闭网页使用【检查表单】动作和【检查插件】动作可以设置浏览器环境，下面就讲述这两个动作的使用。8.48.4设置浏览器环境设置浏览器环境8.4.1检查表单【检查表单】动作检查指定文本域的内容以确保用户输入了正确的数据类型。8.4.2检查插件【检查插件】动作用来检查访问者的计算机中是否安装了特定的插件，从而决定将访问者带到不同的页面。顾名思义，【显示-隐藏元素】动作就是改变一个或多个AP元素的可见性状态。【显示-隐藏元素】动作显示、隐藏或恢复一个或多个AP元素的默认可见性。8.5 8.5 显示显示/隐藏元素隐藏元素8.6 8.6 对图像设置动作对图像设置动作浏览网页时，经常碰到网页上插入大量图片的情况，使用【预先载入图像】动作和【交换图像】动作可以设置网页特效。8.6.1预先载入图像当一个网页包含很多图像，但有些图像在下载时不能被同时下载，需要显示这些图像时，浏览器再次向服务器请求指令继续下载图像，这样会给网页的浏览造成一定程度的延迟。8.6.2交换图像交换图像就是当鼠标指针经过图像时，原图像会变成另外一幅图像。一个交换图像其实是由两幅图像组成的：原始图像（当页面显示时候的图像）和交换图像（当鼠标指针经过原始图像时显示的图像）。8.78.7设置文本设置文本【设置文本】行为中包含了4项针对不同类型的动作，分别为【设置状态栏文本】、【设置文本域文字】、【设置框架文本】和【设置容器中文本】。8.7.1设置状态栏文本【设置状态栏文本】动作在浏览器窗口底部左侧的状态栏中显示消息。可以使用此动作在状态栏中说明链接的目标而不是显示与之关联的URL。8.7.2设置容器中的文本使用【设置容器中的文本】动作可以将指定的内容替换网页上现有AP元素中的内容和格式设置。8.7.3 设置框架文本【设置框架文本】动作用于设置框架内容的动态变化，在适当的触发事件触发后在该框架显示新的内容。8.8 8.8 设置效果设置效果要向某个元素应用效果，该元素当前必须处于选定状态，或它必须具有一个ID。例如，如果要向当前未选定的Div标签应用高亮显示效果，该Div必须具有一个有效的ID值。8.8.1 增大/收缩效果下面通过实例讲述增大/收缩效果如图8.58所示。具体操作步骤如下。8.8.2 挤压效果下面使用【挤压】效果制作图片的挤压变形，如图8.63所示，具体操作步骤如下。8.9 8.9 转到转到URLURL跳转网页行为，可以设定在当前窗口或是指定的框架窗口中打开某一个网页。创建自动跳转页面网页，跳转前和跳转后的页面分别如图8.68和图8.69所示。