运用特效程序美化网页.docVIP

运用特效程序美化网页 课题 运用特效程序美化网页 课时 1课时 班级 高一( 15 )班 教师 刘小凤 教材 分析 本节课是学生在学习中国地图出版社的《信息技术基础（必修本）》中第四单元加工表达信息——第三节 《尝试开发技巧》中的一环节。 一个网站，除了要求网页的内容精彩之外，还要有动静相宜、有声有色的效果来衬托，才能增加网页的观赏性，才能吸引浏览者访问。 学情 分析 通过上几节课的网页制作学习，学生已基本掌握静态网页的制作，如在网页中利用表格规划版面，网页上加上多彩的图像、迷人的动画、漂亮的背景、美妙的音乐、滚动的字幕等。并且大致了解HTML语言的基本元素。 教学 目标 [知识与技能]： 1、了解网页特效程序的嵌入 2、掌握修改简单的程序语言 3、学习使用网页特效美化电子作品 [过程与方法]：通过分析一些实例，了解程序设计如何发挥解决问题的作用，对利用程序设计解决实际问题有一个初步的认识，通过探索实践让自己的网页作品更神奇。 [情感态度与价值观]： 1、经历并实践创作电子作品的全过程，形成积极主动学习和利用信息技术、参与信息作品创作的态度。 2、通过设计自己的网页培养学生创新的意念和能力 3、遵守相关的伦理道德与法律法规。不阅读、不复制、不传播妨碍社会治安和污染社会环境的有暴力、色情内容的有害信息。 教学 重点 1、掌握JavaScript语言程序插入网页中的具体位置 2、网页特效程序的嵌入规则 3、利用搜索引擎查找相关的网页特效程序 教学 难点 能对嵌入的特效程序做简单的修改 教学过程 教师活动 学生活动 设计意图 导入新 课 1、展示学生做的部分网页，引导学生相互学习、取长补短。 2、教师展示修改后的学生网页（加入了网页特效），让学生对两者进行比较。 3、引导学生浏览一些使用特效的网页，如标题栏跑马灯效果、页面上的飞絮、鼠标文字环绕、页面下雨效果等。 在作品展示中相互学习，从别人的作品中找到对自己创作有用的灵感。 讨论：两个网页之间的比较 通过观看网页特效思考这些特效是如何实现的？ 有简洁的起始：通过展示学生的作品，达到学生相互学习、取长补短的效果。 设计任务驱动引导探究新 知 任务：在网页中插入日期 提问：如何对日期进行更新？（每日手工更新吗？这样行得通吗？如果要插入时间呢，又该怎么办？） 通过给学生指引方向，引导学生得出可行的方案。 思考教师提出的问题，在与老师、同学的讨论中想一个解决的方案。——利用网页特效程序实现。 有明确的学习目标： 让学生有明确的学习目标，在解决问题的过程中学到新知 分析揭密： 用 Frontpage2003打开有显示日期的网页文件，在“代码”视图下观察该文件的HTML代码。 简单复习HTML标记（HTML、HEAD、TITLE、BODY等），可以发现是以下代码控制自动显示日期的： script language=JavaScript var date; var today = new Date(); date = 今天是 + (today.getYear()) + 年 + (today.getMonth() + 1 ) + 月 + today.getDate() + 日 + ; document.write(date); /script Frontpage2003的设计视图已经熟悉，要做出更专业的网页，有必要多了解HTML代码。 通过对常见的HTML标记的复习可以排除与日期无关的代码，并快速找出实现显示日期的 JavaScript程序 有精要的重、难点讲解： 这部分是本节课的重点，对学生来说也是难点，虽然前面已经讲过常见的HTML标记，但由于学生平时接触不多，并不太熟悉，所以学需要不断复习。在复习HTML基本语言的基础上教师要带领学生逐步揭示 JavaScript程序的奥秘。 教学过程 教师活动 学生活动 设计意图 设计任务驱动引导探究新知 这是一段嵌在HTML文件中的JavaScript语言程序，它实现了在网页上显示系统日期。 JavaScript是一种介于Java与Html之间的基于对象事件驱动的编程语言，网页中应用JavaScript，可使网页更生动。 认识JavaScript语言程序，目前还不需要学生理解这段程序每一句话的意义，但要求学生大致知识该程序的作用和使用方法。 从一个例子入手，使用学生认识JavaScript程序。 实践新知： 打开一个已做好的网页，将以上代码复制到文件体的位置后保存。浏览该网页就会实现中文显示系统日期。 通过实践进一步向学生证明这段JavaScript程序的作用，使学生进一步掌握JavaScript程序的使用方法。 有实效的对重、难点的检测： 通过教师的演示，证明本节课的难点问题，从而进一步使学生加深印象，掌