教学目标解析优秀PPT.ppt

教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 教学目标教学目标 (1)(1)了解行为的三要素；了解行为的三要素；(2)(2)驾驭创建行为的三个步驾驭创建行为的三个步骤；骤；(3)(3)娴熟运用娴熟运用dreamweaverdreamweaver中中常见行为的设定常见行为的设定下一页上一页教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 教学重点教学重点(1)(1)弹出式菜单的设计；弹出式菜单的设计；(2)(2)层的限制；层的限制；下一页上一页教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 教学难点教学难点 设置文本动作的运用设置文本动作的运用 下一页上一页教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 教学方法教学方法1 1、项目工程互动式教学法、项目工程互动式教学法2 2、“讲、学、练讲、学、练”相结合相结合 下一页上一页教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 下一页上一页一、关于一、关于DreamweaverDreamweaver行为行为行为有三个最重要的构成部分，分别为对象(Object)、事务(Event)和动作(Action)。对象是产生行为的主体。网页中很多的元素都可以成为对象，如网页中插入的图像、一段文字、一个多媒体文件等。对象也是基于成对出现的HTML标签的，在创建时要首先选中对象的标签。事务是触发动态效果的条件。教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 下一页上一页 在创建行为时，这三者的依次为：1、选择对象 2、添加动作 3、调整事务教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 下一页上一页二、二、DreamweaverDreamweaver主要内置动作主要内置动作教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 下一页上一页1、“交换图像”和“复原交换图像”步骤如下：（1）选中对象网页上应当有正常状态的图像，如图所示，选中图像，打开行为面板。选中图像，事实上也就是选中了图像的标签。（2）添加动作（3）设定事务 教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 下一页上一页2、弹出信息3、打开阅读器窗口4、限制Shockwave或Flash5、播放声音6、变更属性教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 下一页上一页7、显示-隐藏层具体的操作步骤如下：（1）在页面上添加两个层，分别为layer1和layer2,在layer1中插入一个事先准备好的图片，在layer2中添加文字，如图：教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 下一页上一页（2）调整这两个层在页面中的显示位置。设置layer2的显示属性为隐藏，如图：教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 下一页上一页（3）在layer1层中的图片上添加显示和隐藏层的行为动作”。选择图片，打开行为面板。单击加号(+)按钮并从“动作”弹出菜单中选择“显示隐藏层”。选中layer2,单击“显示”按钮如图，单击确定。教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 下一页上一页（4）单击事务下拉菜单，选择触发动作的事务为onMouseOver；（5）再次选中图片，打开行为面板，单击加号(+)按钮并从“动作”弹出菜单中选择“显示隐藏层”。选中layer2，单击“隐藏”按钮如图，单击确定。教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 下一页上一页（6）再次单击事务下拉菜单，选择触发动作的事务为onMouseOut；（7）设置完成后，行为面板如图：教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 下一页上一页8、“显示弹出式菜单”和“隐藏弹出式菜单”（1）选中产生弹出菜单行为的对象，通常是图片或文本的按钮。（2）单击行为面板上的加号按钮，在弹出菜单中选择“显示弹出式菜单”。（3）内容面板设置。弹出设置面板共有四个子面板。内容面板设置弹出菜单上按钮的内容和排列依次，外 观如图所示。教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 下一页上一页（4）外观面板设置教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 下一页上一页（5）高级面板设置 教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 下一页上一页（6）位置设定。位置设定面板包括两项重要的设置，如图所示。（7）设置完毕后，单击“确定”按钮。教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 下一页上一页9、设置文本（一）设定框架文本 该行为的运用方法如下：（1）创建并保存框架网页，同时在属性面板上给框架起名。该行为只有在框架网页中才能够运用。（2）选中框架中要应用该行为的对象。（3）打开行为面板，单击面板上的加号按钮。在弹出的菜单中选择“设置文本”“设置框架文本”，弹出窗口如图所示：教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 下一页上一页（4）设置行为：“框架”项中选择显示设置文本的框架。“新建HTML中设定在选定框架中显示的HTML代码。选中“保留背景色”，可以保留原来框架中的背景颜色。单击“获得当前HTML”按钮，可以在窗口中显示框架中标记之间的代码。教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 下一页上一页(二)设置状态条文本 设定状态栏文字的步骤如下：（1）用鼠标选中要应用该行为的对象。（2）打开行为面板，单击加号按钮，在弹出的菜单中选择“设置文本”“设置状态条文本”。（3）在弹出的窗口中输入要在状态栏显示的文字。（4）单击“确定”按钮，结束设置。教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 下一页上一页（三）设定文本域文本 该行为可以更改表单中文本域内显示的文字。该行为的操作步骤如下：（1）确保在网页中有表单和文本域，同时在属性面板中设定了表单中文本域的名字。（2）选中编辑窗口中要应用该行为的对象。（3）打开行为面板，单击加号按钮，在弹出的菜单中选择“设定文本”“设置文本域文字”。教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 下一页上一页（四）设置层文本设置层文本动作用您指定的内容替换页上现有层的内容和格式设置。该内容可以包括任何有效的 HTML 源代码。具体实现的步骤：（1）选择“插入”-“布局对象”-“层”；（2）在层内输入你须要的文字；（3）打开行为面板，从“动作”中选择“设置文本”-“设置层文本”，如图：（4）设置弹出的面板。“文本域”项选择要应用该行为的文本域的名称。“新建文本”输入替换的文本。教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 下一页上一页（4）单击确定，设定激活行为的事务。教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用 下一页上一页10、调用 JavaScript 在网页中添加调用JavaScript行为的方法如下：（1）选中应用行为的对象。（2）单击行为面板上的加号按钮，在弹出的菜单中选择“调用JavaScript”，弹出窗口如图所示。教学方法教学目标教学重点教学难点教学过程 项目十五项目十五 Dreamweaver中行为及其应用中行为及其应用【小结】【小结】行为是可视化的操作，可能创建只有程行为是可视化的操作，可能创建只有程序语言才能做到的效果。行为的功能不仅序语言才能做到的效果。行为的功能不仅仅局限在已有的功能，运用第三方插件增仅局限在已有的功能，运用第三方插件增加新的行为，可以创建更为激烈人心的效加新的行为，可以创建更为激烈人心的效果。果。下一页上一页谢 谢！