运用特效程序美化网页

1、 运用特效程序美化网页课题运用特效程序美化网页课时1课时班级高一( )教师教材分析本节课是学生在学习中国地图出版社的信息技术基础（必修本）中第四单元加工表达信息第三节 尝试开发技巧中的一环节。一个网站，除了要求网页的内容精彩之外，还要有动静相宜、有声有色的效果来衬托，才能增加网页的观赏性，才能吸引浏览者访问。学情分析 通过上几节课的网页制作学习，学生已基本掌握静态网页的制作，如在网页中利用表格规划版面，网页上加上多彩的图像、迷人的动画、漂亮的背景、美妙的音乐、滚动的字幕等。并且大致了解HTML语言的基本元素。教学目标知识与技能：1、了解网页特效程序的嵌入2、掌握修改简单的程序语言3、学习使用网

2、页特效美化电子作品过程与方法：通过分析一些实例，了解程序设计如何发挥解决问题的作用，对利用程序设计解决实际问题有一个初步的认识，通过探索实践让自己的网页作品更神奇。情感态度与价值观：1、经历并实践创作电子作品的全过程，形成积极主动学习和利用信息技术、参与信息作品创作的态度。2、通过设计自己的网页培养学生创新的意念和能力3、遵守相关的伦理道德与法律法规。不阅读、不复制、不传播妨碍社会治安和污染社会环境的有暴力、色情内容的有害信息。教学重点1、掌握JavaScript语言程序插入网页中的具体位置2、能对嵌入的特效程序做简单的修改教学难点能对嵌入的特效程序做简单的修改教学过程教师活动学生活动设计意图

3、导入新课1、展示上节课学生做的部分网页，引导学生相互学习、取长补短。2、教师展示修改后的学生网页（加入了网页特效），让学生对两者进行比较。3、引导学生浏览一些使用特效的网页，如标题栏跑马灯效果、页面飞絮、鼠标文字环绕、下雨效果等几个实例。想一想，这些效果都是怎样实现的呢？在作品展示中相互学习，从别人的作品中找到对自己创作有用的灵感。讨论：两个网页之间的比较通过观看网页特效思考这些特效是如何实现的？有简洁的起始：通过展示学生的作品，达到学生相互学习、取长补短的效果。 通过网页中的特效展示激发学生学习兴趣设计任务驱动引导探究新知任务：在网页中插入日期提问：如何对日期进行更新？（每日手工更新吗？这样

4、行得通吗？如果要插入时间呢，又该怎么办？） 通过给学生指引方向，引导学生得出可行的方案。思考教师提出的问题，在与老师、同学的讨论中想一个解决的方案。利用网页特效程序实现。有明确的学习目标：让学生有明确的学习目标，在解决问题的过程中学到新知分析揭密：用 Frontpage2003打开有显示日期的网页文件，在“代码”视图下观察该文件的HTML代码。简单复习HTML标记（、等），可以发现是以下代码控制自动显示日期的：var date;var today = new Date();date = 今天是 + (today.getYear() + 年 + (today.getMonth() + 1 ) +

5、 月 + today.getDate() + 日 + ;document.write(date);Frontpage2003的设计视图已经熟悉，要做出更专业的网页，有必要多了解HTML代码。通过对常见的HTML标记的复习可以排除与日期无关的代码，并快速找出实现显示日期的 JavaScript程序有精要的重、难点讲解： 这部分是本节课的重点，对学生来说也是难点，虽然前面已经讲过常见的HTML标记，但由于学生平时接触不多，并不太熟悉，所以学生需要不断复习。在复习HTML基本语言的基础上教师要带领学生逐步揭示 JavaScript程序的奥秘。教学过程教师活动学生活动设计意图设计任务驱动引导探究新知这

6、是一段嵌在HTML文件中的JavaScript语言程序，它实现了在网页上显示系统日期。JavaScript是一种介于Java与Html之间的基于对象事件驱动的编程语言，网页中应用JavaScript，可使网页更生动。认识JavaScript语言程序，目前还不需要学生理解这段程序每一句话的意义，但要求学生大致知识该程序的作用和使用方法。从一个例子入手，使用学生认识JavaScript程序。实践新知：打开一个已做好的网页，将以上代码复制到文件体的位置后保存。浏览该网页就会实现中文显示系统日期。学生操作通过实践进一步向学生证明这段JavaScript程序的作用，使学生进一步掌握JavaScript程

7、序的使用方法。实践探索（课堂任务）提问：现在我们知道如何实现中文显示日期、标题栏跑马灯效果、页面飞絮、鼠标文字环绕、下雨效果等这些网页的特效了吗？课堂任务：根据自己的爱好，每人在自己的网页作品中至少使用一种JavaScript特效。通过以上教师演示的“中文显示日期”的制作方法，试着举一反三，想一想其他特效的制作方法。学生实践有实效的对重、难点的检测：本节课的重点、难点光靠教师的演示巩固是不够的，必须由学生亲自实践，在遇到困难时努力探索，从而掌握方法。 教学过程教师活动学生活动设计意图扩展提高以标题栏跑马灯效果为例，对嵌入的特效程序做简单的修改。比一比，谁的网页特效更特别、更有创意，并且使用得恰到好处。观看教师演示动手修改自己的网页,分析思考探索增加的网页特效给学生提出更高的要求，修改特效，使其用得恰到好处，与网页的内容、结构等相配合交流总结展示学生作品，同时让学生介绍自己使用了什么特效，并介绍这种特效在