高二js特效复习教案.docVIP

高二动态网页之js特效专题复习简案 【教学目标】 知识目标：JavaScript相关概念 技能目标：1.JavaScript固定使用格式 2.能够运用JavaScript源码文件，并作简单修改 情感目标：培养观察力和自我学习能力。 【重点难点】JavaScript源码的正确使用。 【教学过程】 概念梳理 客户端脚本语言：是指可以直接对客户端进行编写并使页面发生动态变化的脚本语言，JavaScript 和VBScript 是最常用的开发动态网页的客户端脚本语言。 客户端脚本的特点：由客户端浏览器负责解释脚本，不需要占用服务器资源。 二、选择题 1.下列选项中是客户端脚本语言的是（ ） A. Html B. Internet Explorer和Flash MX C. VBA D. VBScript和JavaScript 2.关于JavaScript代码的下列叙述，正确的是( ) A. JavaScript代码放在body/body标记对之间 B. JavaScript代码放在script/script标记对之间 C. JavaScript代码放在title/title标记对之间 D. JavaScript代码放在head/head标记对之间 3.下列关于JavaScript的描述，正确的是（ ） A. 将JavaScript嵌入HTML页面的时候，必须使用script标签。 B. 在网页编写时可以把JavaScript语句写在一个文件中，同时被多个页面调用，这个文件的扩展名是jpg。 C. JavaScript必须在服务器上运行，然后将结果由网页显示出来。 D. JavaScript是一种面向对象的网页脚本语言，但只适合在Windows xp系统中运行。 三、操作训练 任务一、 DHTML效果——“格式”菜单—动态html效果。 古玩今玩九连环设置为DHTML特效要求“”时，紫色 任务二、在gwjw.htm页面中，在body/body标签之间加入下面的代码，并添加JavaScript特效文件的格式文件（头、尾），预览观察其效果。 alert(欢迎光临我的主页！) 效果如图： JavaScript的基本格式： script language=”javascript” 语句 /script 注意常见错误：1.英文标点输成中文标点 2.拼写错误 (可由学生来纠错) 任务三、利用所提供的js代码，完成JavaScript特效的添加。 （1）打开huanbao.htm，打开同文件夹下的文本文档“鼠标跟随.txt”，按照里面的说明在网页正确位置添加代码。（2修改相关代码使得跟随文字颜色为红色，字体大小为15pt。效果如图： 任务四、在上述网页huanbao.htm中“日期显示”日期显示.txt”中的代码，并尝试修改其格式。 效果如图： 任务五、将日期显示的JavaScript代码变换成外联式样样式表。 方法如下： ①将语句单独保存在和网页文件同层的一个扩展名为“.js”（新建文本文件将代码粘贴上去保存，更改文本文件的扩展名“.txt”为“.js”）的文件中。 ②增加调用路径语句 src=*.js script language=javascript src=*.js /script 三、课堂小结 JavaScript相关概念 JavaScript基本格式 JavaScript代码的应用与修改