当前位置：首页 > 03教案(6)
项目8 内置行为与JavaScript
一、教学建议
动态网页和动态效果网页是两个不同的概念，动态网页是结合后台数据库实现数据信息互动、更新的网页；而动态效果网页则是有特效的网页，还是属于静态网页的范畴，制作网页动态特效的方法很多，通过该项目的学习，学生也可以掌握制作网页动态效果的方法。
该项目理论知识详尽，要求结合上机实践操作，巩固学生的理论知识，提高学生的学习兴趣，并以“项目总结”的形式通过“发现问题——解决问题——总结问题”的方式加深学生的印象，增强学习效果。
为了提高学生的应试能力，尤其是一些考级需要，建议教师在教学的过程中有意识地穿插该项目后面“自我评测”的操作题与该教材配套光盘中配套的实例题，让学生在实际操作的过程中解决一些问题，达到理论实践一体化的效果，以便学生更好更牢固的掌握知识点，学以致用。
二、教学简案
课题 参考资料 任务1 使用Dreamweaver的内置行为制作网页特效 教材 教学配套 授课节数 光盘素材 1课时 教学方法 教师讲解、演示。学生讨论，上机实践操作。 教学目标 1.掌握行为和事件的概念。 2.使用内置行为制作简单的网页特效。 1.事件与动作。 2.行为的概念及常用行为。 相关知识 3.在页面中添加行为。 4.时间轴。 学习重点 1.了解事件、动作、行为、时间轴等网页术语的概念及应用。 2.能熟练地在网页制作中运用内置行为制作特效。 一．事件与动作 事件可以理解为由浏览器生成的消息。绝大部分的事件是由访问者浏览网页时执行某种操作（如，移动鼠标等）引发的，也有极少数事件是由系统自动发生的。 教学内容 动作是Dreamweaver CS3 时先编写好的Javasript脚本程序，这些代码是由Dreamweaver工程师精心编写而成的，提供了较全面的跨浏览器兼容性。 onLoad：当图像或网页载入完成时发生。 onUnload：当访问者离开网页时发生。 onClick：当访问者在指定的元素上单击时发生。 onMouseOut：当鼠标从指定元素上移开时发生。 onMouseOver：当鼠标移动到指定元素师发生。 二．行为的概念及常用行为 一个完整的“行为”由“事件”和该事件所触发的“动作”两个部分组成。如弹出一个对话框、交换图片、播放音乐等。当网页中发生某“事件”时，就会执行该“事件”所对应的“动作”。 三．行为的概念及常用行为 一个完整的“行为”由“事件”和该事件所触发的“动作”两个部分组成。如弹出一个对话框、交换图片、播放音乐等。当网页中发生某“事件”时，就会执行该“事件”所对应的“动作”。 四．时间轴 时间轴时一系列帧的集合，一个帧就是网页的一个瞬态图。使用时间轴创建网页的动画效果不需要任何插件、JavaApplet动画、Activex控件，只需要更改层和图像在一段事件内的属性即可。 任务实施： 一、制作用于替换的图片素材 二、为网页元素设置ID值 三、制作图片的交替效果 四、制作提示框 五、状态栏提示信息 1.网页动态效果看起来比较复杂，实际制作起来还是较为简单的，可以从实施建议 网页设计中的专业术语事件、动作、行为、时间轴、表单引入课题。 2.指导学生完成本任务的实作内容，注意在浏览器中观察事件和行为的运行机制。“任务拓展”部分的内容主要是学习时间轴的运用。 课后评价 课题 参考资料 任务2 使用Spry框架制作动态导航菜单 教材 教学配套 授课节数 光盘素材 1课时 引导学生掌握Dreamweaver CS3软件中“行为”面板的使用方法，以及时间轴的应用。浏览网页并认真观察制作效果，有助于概念的理解。 教学方法 教师讲解、演示。学生讨论，上机实践操作。 教学目标 1.掌握使用Spry构建制作网页下拉菜单的方法 1.Spry框架概述。 相关知识 2.Spry框架中的构件。 3.Spry的使用。 学习重点 教学内容 1.了解Spry框架的概念及其操作方法。 2.能熟练地在网页设计中运用Spry框架制作动态导航菜单。 一．Spry框架概述 Spry框架是一个JavaScript库，网站设计人员使用它可以为用户提供更丰富的网页，向各种液面元素中添加不用种类的效果。 二．Spry框架中的构件 除了与XML相结合使用的构件外，Spry框架中还有制作页面特效的Spry菜单栏、Spry选项卡式面板、Spry折叠式和Spry可折叠面板构件，这些构件都可以通过CSS进行控制。 三．Spry的使用 选择插入栏上的“Spry”中的个选项，就可以使用Spry框架中的构件了，其中后四项按钮依次是Spry菜单栏、Spry选项卡式面板和Spry可折叠面板构件。 相关知识 任务实施： 一、制作水平菜单 二、制作垂直菜单 1.在任务1的基础上引入Spry框架在网页导航菜单上面的应用。 实施建议 2.使用Spry框架Dreamweaver CS3会自动生成相应的CSS样式表和JavaScript脚本程序。注意它们的存放方式。 课后评价 课题 参考资料 任务3使用JavaScript制作网页特效 教材 教学配套 授课节数 光盘素材 2课时 Spry框架的应用操作比较复杂，教师在指导学生上机实践过程中，应协助其解决操作过程中遇到的难题。 教学方法 教师讲解、演示。学生讨论，上机实践操作。 教学目标 1.掌握JavaScript脚本语言的应用。 相关知识 1.JavaScript简介。 2.使用JavaScript制作网页特效。 学习重点 1.能在网页中使用JavaScript脚本语言。 一．JabaScript简介 JavaScript时一种解释性的基于对象的脚本语言，用它可以编写出各种应用于网页动态效果的程序。在HTML基础上，使用JavaScript可以开发交互式Web网页，不仅增添网页和用户之间实时、动态、交互的功能，还能让网页包含更多活跃的元素和更加精彩的内容。 JavaScript短小精悍，主要是在客户端运行，这样就打打减少了服务器的负荷，提高了网页的浏览速度和交互能力。同时也就要求网页浏览器教学内容 能支持JavaScript语言。目前我们所使用的浏览器均能非常友好的支持JavaScript语言。 在网页中使用JavaScript时，代码需要放在标记之间，并将其加入到HTML，文档的相应位置，书写格式如下所示：
