《DreamweaverCS6完美网页制作基本实例与技能从基础学习到精通教案整编利用行为和脚本制作动感特效网页.ppt》由会员分享，可在线阅读，更多相关《DreamweaverCS6完美网页制作基本实例与技能从基础学习到精通教案整编利用行为和脚本制作动感特效网页.ppt（17页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第12章 利用行为和脚本制作动感特效网页,教学内容：行为可以说是DreamweaverCS6中最有特色的功能，它可以让用户不用编写一行JavaScript代码即可实现多种动态页面效果。Dreamweaver CS6中自带的行为多种多样、功能强大。,教学重点 了解行为概述 掌握Dreamweaver CS6内置行为的使用 掌握利用脚本制作特效网页,有许多优秀的网页，它们不只包含文本和图像，还有许多其他交互式的效果，例如当鼠标移动到某个图像或按钮上，特定位置便会显示出相关信息，又或者一个网页打开的同时等。,12.1 行为的概述,在Dreamweaver中，行为是事件和动作的组合。事件是特定的时间或
2、是用户在某时所发出的指令后紧接着发生的，而动作是事件发生后网页所要做出的反应。,12.2 行为的动作和事件,动作是最终产生的动态效果，动态效果可能是播放声音、交换图像、弹出提示信息、自动关闭网页等。,12.2.1 常见的动作类型,事件就是指在特定情况下发生选定行为动作的功能。例如，单击图片之后转移到特定站点上，发生这种行为是因为事件被指定了onClick，所以在单击图片的一瞬间发生了转移到特定站点的这一动作。,12.2.2 事件,Dreamweaver CS6提供了很多行为动作，这些行为动作都是一些比较常用的功能，Dreamweaver自带的行为是在Internet Explorer 4.0以
3、及更高版本中使用而编写的。,12.3 使用Dreamweaver内置行为,交换图像就是当鼠标指针经过图像时，原图像会变成另外一幅图像。一个交换图像其实是由两幅图像组成的：原始图像（当页面显示时候的图像）和交换图像（当鼠标指针经过原始图像时显示的图像）。,12.3.1交换图像,当浏览者单击一个按钮，或者执行了某一个动作后，可在网页中显示一个消息框。,12.3.2 弹出信息,使用【打开浏览器窗口】动作可以在一个新的窗口中打开URL，可以指定新窗口的属性、特性和名称，例如访问者在使用此行为单击缩略图时，在一个单独的窗口中打开一个较大的图像，使新窗口与图像恰好一样大。,12.3.3 打开浏览器窗口,跳
4、转网页行为，可以设定在当前窗口或是指定的框架窗口中打开某一个网页。,12.3.4 转到URL,当一个网页包含很多图像，但有些图像在下载时不能被同时下载，需要显示这些图像时，浏览器再次向服务器请求指令继续下载图像，这样会给网页的浏览造成一定程度的延迟。,12.3.5预先载入图像,使用【设置容器中的文本】动作可以将指定的内容替换网页上现有AP元素中的内容和格式设置。,12.3.6设置容器中的文本,顾名思义，【显示-隐藏元素】动作就是改变一个或多个AP元素的可见性状态。【显示-隐藏元素】动作显示、隐藏或恢复一个或多个AP元素的默认可见性。,12.3.7 显示-隐藏元素,【检查插件】动作用来检查访问者的计算机中是否安装了特定的插件，从而决定将访问者带到不同的页面。,12.3.8 检查插件,【检查表单】动作检查指定文本域的内容以确保用户输入了正确的数据类型。使用onBlur事件将此动作分别附加到各文本域，在用户填写表单时对文本域进行检查；或使用onSubmit事件将其附加到表单，在用户单击【提交】按钮时同时对多个文本域进行检查。,12.3.9 检查表单,【设置状态栏文本】动作在浏览器窗口底部左侧的状态栏中显示消息。可以使用此动作在状态栏中说明链接的目标而不是显示与之关联的URL。,12.3.10设置状态栏文本,