网页设计ppt电子课件教案第5章使用行为和javascript制作特效网页

《网页设计ppt电子课件教案第5章使用行为和javascript制作特效网页》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第5章使用行为和JavaScript制作特效网页教学内容：行为可以说是Dreamweaver中最有特色的功能，它可以让用户不用编写一行JavaScript代码即可实现多种动态页面效果。DreamweaverCS4中自带的行为多种多样、功能强大。JavaScript在实际设计网页过程中非常有用，运用它可以设计出一些丰富多彩的网页。教学重点熟悉行为的概念掌握行为中常见的动作和事件教学难点掌握Dreamweaver内置行为的使用掌握JavaScript的使用教学目标和基本要求______________________________

2、___________________________________________________________________________教学时间：本章共分_______课时教学方法案例教学多媒体教学理论面授教学素材课程范例文件：sample第5章练习文件：exercise第5章本章各节课时分配及链接5.1任务14创建打开浏览器窗口网页——（）课时5.2任务15创建弹出提示信息网页——（）课时5.3任务16使用转到URL行为创建跳转页面网页——（）课时5.4任务17在浏览器状态栏显示文本——（）课时5.5任务

3、18使用效果——（）课时5.6任务19显示当前日期和时间——（）课时5.7综合实训——设计动感特效网页——（）课时本章小结思考与练习5.1任务14创建打开浏览器窗口网页行为是用来动态响应用户操作、改变当前页面效果或执行特定任务的一种方法。行为是由对象、事件和动作构成。5.1.1简单讲评当访问者打开一个页面时，有时会自动打开另一个窗口，通常在该窗口中放置一些通知或广告等内容。利用行为中的“打开浏览器窗口”动作可以轻松的制作出弹出网页特效，同时还可以编辑弹出窗口的大小、名称、状态栏菜单栏等属性。5.1.2核心知识行为是为响应某一具体

4、事件而采取的一个或多个动作，当指定的事件被触发时，将运行相应的JavaScript程序，执行相应的动作。所以在创建行为时，必须先指定一个动作，然后再指定触发动作的事件。5.1.3实际操作创建弹出窗口效果的具体操作步骤如下。步骤2单击文档窗口中的标签，选择“窗口>行为”命令，在打开的“行为”面板中单击“添加行为”按钮，在弹出的快捷菜单中选择“打开浏览器窗口”命令。步骤3在弹出的“打开浏览器窗口”对话框中单击“要显示的URL”文本框右边的“浏览”按钮，在弹出的“选择文件”对话框中选择网站根目录下的jianjie.htm文

5、件。步骤4单击“确定”按钮，添加到文本框中，将“窗口宽度”设置为500，“窗口高度”设置为400，在“属性”中勾选“需要时使用滚动条”复选框。步骤5单击“确定”按钮，添加行为。5.2任务15创建弹出提示信息网页使用“弹出消息”动作可以制作弹出提示信息的网页。5.2.1简单讲评“弹出消息”显示一个带有指定消息的JavaScript警告，因为JavaScript警告只有一个按钮，所以使用此动作可以提供信息，而不能为用户提供选择。5.2.2核心知识在“行为”面板中单击“添加行为”按钮，在弹出的快捷菜单中选择“弹出信息”命令，在弹出的“

6、弹出信息”对话框中的“消息”文本框输入要提示的文本信息，单击“确定”按钮，即可添加“弹出信息”行为。5.2.3实际操作创建弹出提示信息网页的具体操作步骤如下。步骤2在“行为”面板中单击“添加行为”按钮，在弹出的快捷菜单中选择“弹出信息”命令。步骤3在弹出的“弹出信息”对话框中的“消息”文本框输入“科源种业有限公司欢迎您!”。步骤4单击“确定”按钮，添加行为。5.3任务16使用转到URL行为创建跳转页面网页“转到URL”动作在当前窗口或指定的框架中打开一个新网页。此操作尤其适用于通过一次单击更改两个或多个框架的内容。5.3.1简单

7、讲评下面制作一个跳转页面网页。5.3.3实际操作创建自动跳转页面效果的具体操作步骤如下。步骤2在“行为”面板中单击“添加行为”按钮，在弹出的快捷菜单中选择“转到URL”命令。步骤3在弹出的“转到URL”对话框中单击URL文本框右边的“浏览”按钮，在弹出的“选择文件”对话框中选择index1.htm。步骤4单击“确定”按钮，添加到文本框中。5.4任务17在浏览器状态栏显示文本浏览器窗口的状态栏默认显示链接的目标信息，使用“设置状态栏文本”动作可以改变状态栏中显示的信息。5.4.1简单讲评下面制作设置状态栏文本网页。5.4.2核心知

8、识设置文本行为包括“设置容器的文本”、“设置文本域文字”、“设置框架文本”和“设置状态栏文本”4个选项，可以分别为APDiv、文本域、框架和状态栏对象添加文本消息。在“行为”面板中单击“添加行为”按钮，在弹出的快捷菜单中选择“设置文本>设置状态栏文本”命令，在弹