JavaScript 应用

JavaScript 应用

一、教学目标：进一步理解动态 Html，以简单的 JavaScript 特效为例，使学生加深对动态 Html 的理解，并能够把这些特效插入到个人网页的合适位置；要求学生了解动态Html 的设计原则。

二、教学内容分析：本节没有太多新概念，主要是对前面所学的内容的扩展和提升。重点是利用 JavaScript 制作动态 Html 以及利用 JavaScript 修饰自己的主题网站。前半部分主要讲授几种 JavaScript 特效，后半部分介绍了动态 Html 的设计原则，并要求学生能够对网页的设计进行客观的评价。

三、教学建议及策略：本节没有太多概念，教师先演示学生分小组进行实践讨论。目的在于使学生熟练应用 JavaScript，能够修饰自己的主题网站并使用网页制作软件和发布网站。教师课前做好充分的准备，提供较多的典型的有特色的 JavaScript 源代码供学生参考，培养学生的创新能力与探索精神，利用动态网页制作原则合理地修饰自己的网站。

四、教学过程

1、教师演示：插入简单的javascript 网页特效。怎样插入“显示当前日期”的代码

强调难点：一定要注意插入代码的位置。

教师事先准备好这几个小程序，学生分组练习，分四组，每个组只要完成其中一个特效。练习：请插入以下几个网页特效（1）、记数器（2）、显示当前时间（3）、跟随鼠标的时钟（4）、礼花背景

2、学生作品交流与评价

教师小结：这里只是插入的最简单的代码，还有一些复杂的代码在以后的章节中有要求进一步学习，javascript小程序是实现动态HTML特效的主要工具。还有css等等同学们对于动态HTML非常感兴趣，特鼓励同学好好专研，成为javascript的编程高手。

3、学生练习

将教师事先提供的多个 JavaScript 特效小程序加入到自己的网站网页当中，进行修饰，然后调试，观察效果，体验动态网页的感受。实践完毕，学生进行分组讨论 JavaScript 特效给网页带来了哪些好处，总结我们在修饰网页使用 JavaScript 特效应该注意哪些问题。

4、学生发言阐述观点，教师进行必要的补充。

在插入 JavaScript 特效时还要注意以下问题。

（1）．首先确定版权问题。并不是所有网上的代码都可以无偿使用，只有免费资源才可以下载。

（2）．判断是否要修改。在把一个 JavaScript 特效的源代码应用到自己的网页之前，先要判断它是否需要修改，一般说来像日期时间、鼠标特效、页面特效等是不需要修改的，但像菜单、文字等特效是要根据自身网页的特性和需要来进行修改的。

（3）．确定插入位置和如何插入。一般来说，在我们下载的允许使用的源代码中，都会有如何插入的说明，我们只需按照其说明确定插入位置和方法就可以使用了。