制作一个简单的网页 教学案例

制作一个简单的网页教学案例

【课时安排】1课时

【教学内容分析】

本节课的主题：让学生了解网页概念并利用FrontPage软件制作简单的网页，学会建立网站的制作流程并建立一个只有文字的网页，本课是用该软件创建以“诗文荟萃”为主题的网站，也就是用所掌握的信息技术知识解决生活中的实际问题，使学生能够学以致用。发挥信息技术学科的优势，以素质教育的新理念，增强学生的动手能力，提高学生的综合素质。

以教材为基石，作为构建知识的桥梁，依据《课程标准》，创造性、合理的对教材进行二次开发与重组。如：导入新课时，利用学生对美好事物的向往，激发学生的求知欲和学习兴趣；采用任务驱动教学，增强学生自学能力；充分采用教材资源，使学生学会自学，并有的放矢；对学生的评价方式，采用学生作品展示，是学生学习的一个延续，对学生学习起到一种推进的作用。

【分析教学对象】

1、学生的年龄特点和认知特点

八年级的学生对周围的一切充满了好奇，他们急于表现自己，对于教师布置的任务能够认真对待。对于FrontPage的知识了解不多；对网站兴趣较大，但制作知识几乎为零。本节课给学生提出一个初步的任务：创建一网站，并制作一个简单网页，让学生体验初步的成功，这对于今后的学习有很大帮助。初二的学生创作欲强，因此本节课中，提倡、鼓励独立完成作品，培养学生自学意识与自学能力。

2、学习者对即将学习的内容应该具备的水平

本课是学生初次认识FrontPage并能应用它制作简单的网页，培养学生综合运用知识解决问题的能力，以及各方面素质的一次综合评价。

【教学目标的设计】

1.知识目标

（1）了解网页的概念；

（2）了解建立网站的一般流程；

（3）初识FrontPage2003并学会建立网站；

（4）学习制作一个只有文字的简单网页。

2.技能目标

学生通过探究学习过程中，掌握网站的建立方法与创建简单网页的操作。

3.情感目标

培养学生在学习过程，自主探究能力和分类汇总知识的能力。

【教学重点与难点】

（1）重点：建立网站、保存网页的方法。

（2）难点：网站与网页的区别，网页文件名与文件标题的区别。

【教学策略设计】

1、根据教材内容和学生的实际情况，本课采用“任务驱动”、“问题──探究”等教学方法，创设一个板报展览的情境（创设情境），以逐个任务和问题驱动学生多动手、多思考、多实践，从而了解和掌握FrontPage的基本知识和技能。

2、本课传授给学生的学法是“问题驱动下的自主学习──分组协作学习──探究发现学习”。让学生在学习过程中，提倡某些问题的分组协作与自主探究。建构主义学习理论强调以学生为中心，要求学生由知识的灌输对象转变为信息加工的主体。故此本课教学过程中，以问题驱动，激发求知欲望，让学生带着逐个任务通过探究发现、相互合作、实际操作等方式，自主学习，使学生在完成任务的过程中不知不觉实现知识的传递、迁移和融合。

3、是在网络教室中完成的，利用多媒体局域网络，实现教师演示、个别指导、网上交流、作品提交及作品展示评比。在出现共性问题与个别错误时教师可以利用网络教室软件演示和个别指导，在创作作品的同时，生生可以进行网上交流。体现教师的指导、组织作用，学生主体、探究协作地位。

【教学评价设计】

1.采用小组间竞争机制，比赛哪个小组解决问题或是完成任务的速度快与质量高，增强学生协作互助的意识。

2.最后进行作品展示，评出“速度”奖，“质量”奖，“自觉标兵”奖等几个奖项，进一步激发学生的学习热情。对自己的作品有一个反思，增加相互学习、相互交流的机会，让学生学会自己梳理知识，增强自学能力。

【教学过程设计】

一、情景导入

网络就像是一个信息的海洋，我们就像是一条小鱼，可以畅游在信息的海洋，获取各种各样的信息，这些信息都是以网页形式存在于网络中，但并不真正属于我们自己，大家想不想在网上拥有自己家（网站）呢？（激发学生的求知欲）（学生回答：想）

从这节课开始我们就学习制作网页，到底什么是网页呢？

二、问题驱动

任务一：大家打开课本P46，通过阅读解网页概念，超链接标志？看哪个小组能最先解答问题？

学生阅读课本（2分钟）分小组讨论自己的理解……

小结：

1.网页使用文字、图形、声音影视等多媒体的形式表达信息，使表达的信息更加鲜活；

2.网页如同大家一样都必须有一个“家”，这个家就是网站；

3.存在网站中的网页之间采用了链接式的方法将网页串接起来。

任务二：在我们了解网页与网站后，会有疑问：使用什么软件制作网页呢？带着这个问题阅读课本P45。看哪个小组成员最先完成？

学生阅读并实践……

小结：

大家会有疑问为什么选择它，还有别的软件吗？有，如Dream weaver、网页制作软件等，课本中使用了FrontPage这个软件简单易学，并且窗口与我们使用操作系统windows都是基本一致的。

任务三：有了制作软件，如何才能做好一个网站呢？该做哪些准备工作呢？学生自读P47，总结制作网站流程。

请几位学生叙述制作网站的流程，强化“三思而行的意识”，避免盲目操作。并总结。

任务四：自学P48了解网页制作具Front page 2003。

自读教材，初识软件界面。

任务五：创建“诗文荟萃”网站。教材要求将站点建在“D：\诗文荟萃”，但

因机房是多个班共用，所以就要求学生先建立个人文件夹，然后再建立站点例：“F:\张三\诗文荟萃”。

学生自主学习P49“新建网站”，小组讨论并实践……

以小组为单位，师查看完成情况，完成快的学生帮助慢的同学，实现共同进步。

广播教学：我们建立网页默认名称是new_page_1.htm，但是通常使用的主页文件名是index类型，是web页。除了主页以外，其他的网页名称大家可以自由命名（建议大家尽量使用英文或数字作为网页名，上传到网上后易于检索到，地址不易出错。）保存时有两个文件夹，_private文件夹用来存放制作网页过程中自动生成的一些文件，请大家不要随意删除，以免影响网页的浏览效果；images文件夹用来存放网页中用到的图片文件，大家在今后的网页中使用到的图片全保存到这个文件夹中；

任务六：制作一个只有文字的网页。看哪位同学完成的速度最快，质量最高，创作主题明确风格优美？（参照P50）

学生动手实践……

学生上台边讲边演示，培养学生语言表达能力。

师：广播教学，P51“小博士”。（因此内容较多，且文件名和文件标题是一难点内容）

任务七：继续添加网页，P52“做一做”、P53“动动手”。（此处老师应将用到的大篇幅文字素材及时发至学生机）

学生独立完成任务；学生代表上台演示教学。

三、达标练习

学生独立完成课后练习（此练习要求只有完成课堂任务的基础之上才可以做，目的是不要求学生贪多，而追求知识的精）。

四、作品提交与展示

让学生自主展示作品，并让其他同学做评价，评出其中的优点和不足，然后老师再做出评价。让学生在评价和被评价中得到进步与提高。

五、总结

让学生自己进行总结……

【教学反思】

这节课的设计两头松中间紧，在时间的把握上可以增加一定的弹性。带着疑问使学生逐步进入到网页制作路途中来，有利于下节课内容的开展，同时也激发学生的兴趣，培养学生自主探究能力。知识点上的衔接比较紧密，要注重学生分类汇总知识能力的培养。

本次教学主要采用了“任务驱动，强化实践”教学模式，通过创设情景、任务分解、提出任务、探索方法、上机实践主要环节来组织教学，有利于提高学生进行自主学习、探索的能力的提高。在知识传授的过程中主要是通过学生来讲解，让不同层次的学生都能享受成功的喜悦，从而得到发展提高。学生作品展示是学习的一个重要环节，学生创作作品的过程，有那些收获，遇到那些困难，是如何克服的，那方面有待改进和提高，及时找出不足，调整学习目标，促进自身发展。