联系本站客服加+微信号15139388181 或QQ：983228566 |
视频标签：网页的美化,特效制作
所属栏目：信息技术优质课视频
视频课题：粤教版信息技术选修3《网络技术应用》4.4网页的美化与特效制作-山东省优课
本视频配套资料的教学设计、课件 /课堂实录及教案下载可联本站系客服
4.4网页的美化与特效制作
一、教学目标 1、知识与技能
（1）了解网页特效，欣赏网页动态效果。 （2）了解制作网页特效的几种方法。
（3）学会制作简单的网页特效，掌握引入脚本语言来实现网页特效。 2、过程与方法
（1）通过欣赏示范网页，了解网页特效。
（2）了解网页特效制作的几种方法，丰富主题网站的内容。
（3）学会运用通过FrontPage2003提供的功能快速添加自己需要的网页特效，并能对特效能进行简单的修改。
（4）学会粘贴JavaScript和VBScript代码制作动态网页，了解网页特效工具的使用。 3、情感态度与价值观
（1）体验互联网上精美网页的动感效果，培养学生网页设计的审美能力，激发学生的学习兴趣。
（2）培养学生的创新能力和自主学习能力，通过教师引导，增强学生的自主探究能力。 （3）培养学生对中国传统文化的热爱。 二、学情分析
教学对象为高中二年级学生，这一阶段的学生通过前面三节课的学习，已经具备了制作静态网页的能力，但学生知识水平还停留在一般网站的基本操作，HTML代码的大概了解上，做出的网页还没有动感效果。像滚动字幕、图片切换、插入视频、飘动变换的鼠标等形式多样的特殊效果，还不懂如何来实现动态效果，本节课安排学生自主探究网页动态特效的制作，也可进一步了解JavaScript编程语言。学生可渐近地掌握程序设计基础，符合学生的认知习惯。 三、教材分析 1、本节的作用和地位
前面的网页制作主要是利用FrontPage2003制作静态网页，了解了网页制作的基本过程，但还要学会如何用多媒体素材来生动地表达网站主题，如何实现丰富多彩的网页动态
效果，以美化网页和实现网页的特效。本节课主要是动态网页特效的制作，通过运用不同方法制作动态效果，加深学生对于脚本语言的理解，使学生的知识与能力有一定的提升。 2、本节主要内容
（1）了解网页特效，欣赏网页动态效果。 （2）掌握制作网页特效的几种方法。
（3）学会制作简单的网页特效，了解引入脚本语言来实现网页特效。 3、重点难点分析 教学重点：
（1）引导学生学会欣赏网页特效，增强对网站的鉴赏力。 （2）掌握利用FrontPage2003实现部分网页特效。
（3）了解加入JavaScript和VBScript代码的方法来实现网页特效。 教学难点：
理解恰当的网页特效可以增强网站的艺术感染力和表现力。 4、课时要求 1课时 四、教学理念
在教学过程中，利用中国诗词大会作引入，自然地引入优秀传统文化教育，带领同学们鉴赏古诗词网页《春日》，激发学生的学习兴趣，从而将学生轻松地带入学习环境。利用自主学习网站营造高效率的学习环境，培养学生探究问题、解决问题，深入学习技术的兴趣和能力。教学过程中主要利用任务驱动法进行探究性学习方式，使学生在完成任务的过程中实现了知识的传递和迁移。 五、教学策略
本节课主要是技术操作练习，采用问题引导、任务驱动、自主探究等形式组织教学。通过问题引导，将学生的注意力凝聚于课内问题的解决和任务的完成。通过任务驱动，学生主动的思考与探究，课堂内学生成为学习的主体，提高了课堂的效率。
为了更好的达到预期的课堂效果，我采用了以下教学策略：课堂内安排三个教学任务，加一个拓展任务，任务的设置由易到难。前面三个任务，通过学习网站和教师的提示，让学生熟练掌握FrontPage2003中制作特效的方法以实现不同的效果。拓展任务在学习网站中提供部分JavaScript和VBScript代码，学生可以利用微课学习如何在指定的位置插入
3
这些代码来实现效果。最后是学以致用的环节，要求同学们小组协作利用本节课所学的知识对指定的网页进行美化与特效，以达到知识的迁移。 六、教学环境: 多媒体网络课室 七、教学过程 教学
环节
教学内容
老师活动 学生活动 设计意图
情境
引入
简介中国诗词大会，借用第十场总决赛主
持人的开场白引出，让大家进行《春日》古诗网页的鉴赏。
1．展示网
页。 2．引导学生欣赏动态网页的美感。 3.引入新
课
1．鉴赏诗词体会意境 2．欣赏网页的动态美 3．引发思考
基于信息技术与其他课程整合的理念。通过欣赏诗词网页让学生感受到动态效果对网页的强化作用，引发学生对本节课的兴趣。
任务驱动探究
学习
1．任务一：插入滚动字幕
利用自主学习网站展示滚动字幕效果，并给予相关在操作提示，让学生自己动手完成滚动字幕的插入，并探究滚动字
幕效果在几种不同形式。
选取做的较好的同学为大家分享制作过程。
1．鼓励学生提出问题，利用留言区与教师和同学们进行即时交流。 2．巡回指
1.学生利用自主学习网站进行自主探究，逐步完成三个学
习任务。 2.利用留
让学生亲自动手操作，体验制作方法，为后期作品的
制作奠定基础。
4
2．任务二：图片切换特效
引导学生参照自主学习网站的任务提示，动手制作图片切换特效，启发学生利用该特效制作漂亮的动态按钮。
及时总结问题，对今后的网页制作提出建议。
3．任务三：插入视频
鼓励学生动手实践，掌握web组件中ActiveX控件的插入，学会ActiveX控件中自定义控件的引入，完成视频的插入。
适时引入音频插件的插入介绍，对于难点内容加以强化。
导学生，鼓励学生大胆创新，深入探究。 3．针对学生提出的问题进行
合理解答。
言区及时与教师和同学进行问题交流和探讨。 3.适时完善探究任
务。 知识拓展
进行拓展知识的探究掌握加入JavaScript和VBScript代码的方法来实现网页特效。
鼓励学生进行拓展知识的探究并给予一定的指导。
观看自主学习网站中的微视频进行自主学习。
实现分层次教学，培养学生的自信心，激发学生自主探究的积极性。
学以
致用制作
作品
利用广播教学软件为各组下发素材，引导学生利用本节课所学的有关网页动态特
效的制作方法完成作品。
巡回给予指导。
各小组分工协作，推选一份优秀作品提交至指定
位置。
发扬同学间团结互助，共同进步的优秀品质。
5
网页
比拼
从各组选出优秀作品进行评比，鼓励学生上台展示优秀作品，边演示边讲解。
1．从学生完成作品的能力及创新表现进行点评。
2．引领学
生自觉培育和践行社会主义核心价值观
各小组代表展示本组优秀作品。
引导学生对自己的作品进行评价，培养学生的概括能力及评判能力。
评价反馈
在自主学习网站中完成评价反馈，为自己
在本节课的表现量分。
对学生的自我评价
进行总结。 完成自主学习网站
中评价反
馈。
发展学生的个性和创造精神。
课堂总结 老师进行简单的总结，然后请同学们归纳总结本节课的收获，引导学生梳理知
识，认识自己的优势与不足。
八、学习评价
通过本节课的学习，学生掌握了几种常见的网络动态特效的制作方法，并能合理地运用到网页制作中。 九、教学反思
本节课教学采用“以学生为中心的网络教学模式”， 很好的利用了自主学习网站，让学生成为知识技能的“探究者”、难点问题的“突破者”，使学生真正的成为学习的主人。课堂气氛生动活跃，学生在不知不觉中掌握了所要学习的知识。在对学生作品进行评价时给予表扬激发学生的成就感，并能够联系学生的心理及成长规律适当渗透德育教育，真正做到教书育人。但在课堂教学中也存在不足之处：设计时希望全体同学都参与制作，可能由于时间关系制作过程中学生之间的协作交流不足，未达到的预期效果。
视频来源：优质课网 www.youzhik.com
