当前位置:首页>>信息技术>>教师之家>>教学资源>>初中·教学资源>>教学案例与设计

  一、教学设计部分

 

教学内容分析

 

  本课的主要内容与地位

 

  主要教学内容:设置网页的背景、设置表格(单元格)的背景、设置背景音乐、插入Flash动画和插入滚动字幕

 

  网页是否美观大方,很大程度上取决于各元素的色彩搭配是否和谐得当、色调是否与网站主题相吻合,以及网站中元素是否能满足网站要表达的感情等。

 

  对网页进行美化是每一个网站建设者的不懈追求。

 

  本课与前后内容的关系

 

  网页美化是对前期所做的网页的修饰,是提升网站可观赏性的一个非常重要的手段,是网站建设中一个非常重要的环节。

 

教学目标分析

 

  知识目标/技能目标

 

  知识目标

 

  了解对网页进行美化的常用方法。

 

  理解美化网页对网站质量的提高作用。

 

  技能目标

 

  掌握设置网页及表格的背景、设置背景音乐、Flash动画和滚动字幕的一般方法。

 

  情感态度与价值观目标

 

  提高审美意识,发现美、认识美,美化生活从自身做起。

 

  本课的重难点

 

  重点:设置网页背景、设置背景音乐、插入Flash动画和滚动字幕

 

  难点:网页的色彩调配

 

  本课的课时分配建议

 

  一课时

 

教学策略设计建议

 

  教法建议

 

  教学过程中,教师应引导学生参考借鉴优秀网站在色彩、布局上的做法,自主地学习有关版面设计和色彩搭配方面的知识,并应用到自己的网站设计中。

 

  本节涉及多个对话框,教师应布置合理的分组,由学生通过实践体会对话框中各参数的含义。

 

  学法建议

 

  美化效果在很大程度上取决于对美的鉴赏能力,学生在平时应多注意电视广告、杂志封面、街头广告牌等的设计的方法,并将它们应用到自己的网页设计中。

 

教学资源与环境建议

 

  本课教学资源索引

 

  1.第三课的半成品网页:IndexhtmParentshtm

 

  教学评价建议

 

  自评、互评、师评要注意的问题

 

  学生是否具有乐观向上的学习意识;学生能否掌握进行网页修饰的基本方法;学生是否具有发现美、欣赏美,并利用技术手段创造美的能力。

 

教学过程参考案例

 

  第一阶段:导入新课,明确学习目标

教学

环节

教师活动

学生活动

设计理念

导入新课

出示几个对比明显的图片(色彩单调的和色彩丰富的)和网页(修饰过的和未修饰的)。

 

师:通过以上展示的内容,大家能总结出什么规律?哪种情况会带给我们美的享受?

 

师:可见,修饰和美化作用是多么重要啊!我们制作网页也是如此,今天我们要学习的内容就是──网页的美化

 

 

讨论,回答

通过图片和网页的对比,让学生真切感受到色彩、背景音乐、动态效果对网页的强化作用,引发学生的学习热情。

 

  第二阶段:范例精讲,学生自主探究,完成范例

教学

环节

教师活动

学生活动

设计理念

学习

 

  与

 

  探究

师:就像人的穿衣打扮一样,网页的修饰和美化主要包括哪些内容呢?

 

任务一、设置网页背景

 

师:根据教材提示,分组完成背景的设置,看谁设计的效果好。

 

教师巡视指导

 

任务二、设置表格的背景

 

师:有时我们需要在网页的某个局部设置不同色彩的背景,如何实现呢?联想上一节课学过的表格知识,根据教材提示试一下吧。教师巡视指导

 

任务三、插入背景音乐

 

根据教材提示设置网页的背景音乐,并体验是否勾选“不限次数”对效果的影响。

 

教师巡视指导

 

任务四、插入Flash动画

 

根据教材提示,插入Flash动画,然后分组修改“插件属性”对话框中的参数,填写表1-4-1

 

教师巡视指导

 

任务五、插入滚动字幕

 

根据教材提示,插入滚动字幕,然后分组修改“字幕属性”对话框中的参数,填写表1-4-2

 

教师巡视指导

 

 

  

 

分别设置颜色和图片作为网页背景,并对比二者的视觉效果。

 

分别设置某个表格或表格中的单元格的背景。讨论与网页背景在层次上的关系。

 

实践操作过程,设置网页背景音乐。

 

  

 

  

 

操作,分组讨论对话框中各参数的作用

 

 

  

 

通过分组竞赛的方式完成教学任务,能够激发学生的学习热情。

 

 

  

 

  

 

  

 

  

 

  

 

让学生动手操作,通过观察参数对显示效果的影响强化对知识点的理解。

 

  第三阶段:知识、情感拓展

教学

环节

教师活动

学生活动

设计理念

知识与情感

师:单调的网页通过我们的努力可以变得漂亮,生活中的环境也需要我们去美化。你的房间和学习用品是自己整理还是由父母整理?课后尝试完成实践作业──每天做五件家务。并以网页的形式表达你的感受,

反思、实践,

 

制作“我的家务我来做”网页feeling3htm

通过做家务体会父母在家务等日常事务中的艰辛付出。

 

  第四阶段:综合实践,巩固与提高,自由创作,迁移运用

教学

环节

教师活动

学生活动

设计理念

实践

创新

师:通过前面的操作,大家对几个操作有了初步的认识,还需要通过进一步实践来巩固。请大家根据书中表格的要求,完成对三个网页的修饰和美化。

根据要求完成操作。

对美化效果进行评价。

 

  第五阶段:教学总结,设疑激趣,为下一节课作好铺垫

教学

环节

教师活动

学生活动

设计理念

课堂小结

课堂小结本节课的学习内容。

 

师:经过我们对网页的美化,每一个网页看上去都令人赏心悦目。但是,同学们想一下,它们和我们在Internet上浏览过的网页有什么区别吗?

 

师:对,它们只是一个个独立的、孤立的网页,还不能从一个网页跳转到另一个网页。下一节课,我们将学习这方面的知识,请同学们课后预习第五课的内容。

回顾,总结

 

 

 

生:网页之间没有联系。

在引入“超链接”前,让学生通过回顾自己浏览网页的经历,对这一概念有一个心理上的准备。

 

教学反思

 

  本节课操作步骤不难掌握,难点是色彩、音乐、动画与网站主题的搭配的把握。建议教师安排学生以分组竞赛的方式来激发学生的学习热情。

 

  二、补充资料部分

 

1.课件与学件

 

  学生用学件

名称

文件名

设置网页的背景

网页背景.swf

设置表格(单元格)的背景

表格背景.swf

插入背景音乐

背景音乐.swf

插入Flash动画

Flashswf

插入滚动字幕

滚动字幕.swf

 

2.资料库

 

网页色彩设计原理

 

  一、色彩的基本知识

 

  二、色环

 

  三、色彩的心理感觉

 

  四、色彩的搭配

    
【上一篇】
【下一篇】