网页制作案例

1、我的个人主页 网页制作案例【教学背景】本节课是八年级上册教材第一单元“我的风采”网页制作活动2的内容，首先在170班上的，这个班是八年级当中基础较差的一个班，学生自主学习能力差，协作精神不强，老想上网而不喜书本内容的学习，想借本节课自主制作个人网站来加强对学生正确上网的教育。素材中的自我介绍、自画像、自我形象设计、兴趣爱好的图片、音乐、视频学生充分利用网络资源，发挥自己的上网能力，作了一些前期准备。【案例设想】本节课的主题：让学生认识并利用FrontPage软件制作简单的网页，学会建立站点和设计有一定主题思想的主页，本课是用该软件创建个人网站，也就是用所掌握的信息技术知识解决生活中的实际问题，

2、使学生能够学以致用。发挥信息技术学科的优势，以素质教育的新理念，增强学生的动手能力，提高学生的综合素质。1.知识目标：（1）了解网页的概念；（2）初识FrontPage2003并学会简单地应用；（3）了解建立网站的一般方法；（4）学习制作包含文字、图片和声音的网页。2.技能目标：学生通过探究学习过程中，掌握网站的建立方法与创建简单网页的操作。3.情感目标：培养学生在学习过程，自主探究能力和分类汇总知识的能力。培养学生自我欣赏和自我展示的欲望，以增强学生不断进步、自我完善的向往。教学重点与难点：（1）重点：建立网站与在网页中插入文字、图片、设置背景和背景音乐。（2）难点：将网页存在网站内并把涉及

3、到的文件分类汇总在相应的站点文件夹中。教学策略设计：1、根据教材内容和学生的实际情况，本课采用“任务驱动”、“问题探究”等教学方法，创设一个板报展览的情境（创设情境），以逐个任务和问题驱动学生多动手、多思考、多实践，从而了解和掌握FrontPage的基本知识和技能。并以英语的鼓励语言和信息技术专业术语增强学生的学习兴趣。2、本课传授给学生的学法是“问题驱动下的自主学习分组协作学习探究发现学习”。让学生在创建个人主页网站的过程中，既鼓励个性张扬，又提倡某些问题的分组协作与自主探究，指导学生对图片及文字的来源进行探究发现（从网络中搜集）。建构主义学习理论强调以学生为中心，要求学生由知识的灌输对象转

4、变为信息加工的主体。故此本课教学过程中，以问题驱动，激发求知欲望，让学生带着逐个任务通过探究发现、相互合作、实际操作等方式，自主学习，使学生在完成任务的过程中不知不觉实现知识的传递、迁移和融合。3、是在网络教室中完成的，利用多媒体局域网络，实现教师演示、个别指导、网上交流、作品提交及作品展示评比。在出现共性问题与个别错误时教师可以利用网络教室软件演示和个别指导，在创作作品的同时，生生可以进行网上交流。体现教师的指导、组织作用，学生主体、探究协作地位。教学评价设计：1.采用小组间竞争机制，比赛哪个小组解决问题或是完成任务的速度快与质量高，增强学生协作互助的意识。2.最后进行作品展示，评出“速度”

5、奖，“质量”奖，“原创风味”奖等几个奖项，进一步激发学生的学习热情。对自己的作品有一个反思，增加相互学习、相互交流的机会，让学生学会自己梳理知识，增强自学能力，提高学生的综合能力。【教学情境描述】一、情景导入像往常一样，经过精心的准备，我走进教室：“同学们，先前我们学习了使用搜索引擎查找我们所需要的资料，这些资料是以网页形式存在于网络中，大家想不想拥有自己创建的网页？”（激发学生的求知欲）（学生回答：想）从这节课开始我们就学习制作网页，到底什么是网页呢？二、问题驱动任务一：大家打开D：八年级上册光盘资料上的自学园地，通过阅读和浏览了解网页概念，网页与网站的关系？看哪个小组能最先解答该问题？学生

6、阅读课本（3分钟）分小组讨论自己的理解小结：1.网页使用文字、图形、声音影视等多媒体的形式表达信息，使表达的信息更加鲜活；2.问网站时看到的第一个页面（网页）就称作网站的首页或主页；3.网页如同大家一样都必须有一个“家”，这个家就是网站；4.存在网站中的网页之间采用了链接式的方法将网页串接起来。任务二：在我们了解网页与网站后，会有疑问：使用什么软件制作网页呢？带着这个问题阅读课本P10P11，同时跟随课本启动这个软件。看哪个小组成员最先完成？学生阅读并实践小结：大家会有疑问为什么选择它，还有别的软件吗？有，如Dream weaver、网页制作软件等，课本中使用了FrontPage这个软件简单易

7、学，并且窗口与我们使用操作系统windows都是基本一致的。 任务三：我们知道了网页的制作软件，我们将做一个什么样的网站呢？这就需要我们确定一个网站的主题，并以此主题准备网页的素材。我们以课本P1“我的风采”为主题创建网站，结合课本P2P13在D盘下创建自己的站点，站点名可以自己取，建议大家尽量使用英文或数字做为站点名。小组比赛。学生小组讨论并实践注:（提示）站点默认是在my documents下，在此也可以输入自己要想建文件夹名称，也可以输入已经存在的文件夹名称，系统可以把它转换为站点。可以将易错点进行广播教学纠正学生的错误任务四：我们通过打开一个网站，网站中的第一个网页清晰明了地对网站内容

8、进行分类和归纳，这样的网页通常人们称之为“主页”，那么我们也开始创建自己简单的“我的风采”主页。结合课本P8P23完成操作。鼓励他们自由创作有一定主题思想的网页。看哪位同学完成的速度最快，质量最高，创作主题明确风格优美？学生到教师机上来“我的风采”文字和“水平线”；教师演示插入图片和设置背景和背景音乐；学生动手实践可以将易错点再进行广播教学纠正学生的错误任务五：把“我的风采”这个主页保存在自己的网站中。结合课本P23完成操作。注:（提示）敲回车时两行文字间距大，按住shift键再敲回车键就是正常行距了。广播教学：我们建立网页默认名称是new_page_1.htm，但是通常使用的主页文件名是in

9、dex类型，是web页。除了主页以外，其他的网页名称大家可以自由命名（建议大家尽量使用英文或数字做为网页名，上传到网上后易于检索到，地址不易出错。）保存时有两个文件夹，_private文件夹用来存放制作网页过程中自动生成的一些文件，请大家不要随意删除，以免影响网页的浏览效果；images文件夹用来存放网页中用到的图片文件，大家在今后的网页中使用到的图片全保存到这个文件夹中；刚才我们的主页中还插入了声音文件，所以我们还要在自己的站点中新建一个music的文件夹，并把在今后的网页中使用到的声音文件全保存到这个文件夹中，这样有利于网页文件的管理。主页保存在建立站点的文件夹中，此文件夹有它独有的图标。

10、教师演示在站点中新建文件夹music的操作和把主页保存在网站中的操作。学生动手实践三、作品提交与展示让学生自主展示作品，并让其他同学做评价，评出其中的优点和不足，然后老师再作出评价。让学生在评价和被评价中得到进步与提高。四、总结让学生自己进行总结【教学反思】1、本节课注意了学生的年龄特点和认知特点：本班学生对网站的制作充满了好奇，也急于表现自己，对于教师布置的任务能够认真对待。对于FrontPage的知识掌握的较好，但综合运用能力尚有欠缺；能够上网搜集资料，但速度与技巧还有待提高。本节课给学生提出一个总的任务：创建只有一个网页的个人主页网站，此项任务的设置合理、艺术，对于学生各项能力的提高有很

11、大帮助，学生基本能完成任务。本班学生创作欲强，平时喜欢上网，我因材施教，在此本节课中，我提倡、鼓励独立完成作品，培养学生自我欣赏和自我展示的欲望，个人的简介、兴趣爱好、特长都可以在个人主页中得以展示，以增强学生不断进步、自我完善的向往。本课是学生初次认识FrontPage并能应用它制作简单的网页，培养学生综合运用知识解决问题的能力，以及各方面素质的一次综合评价。2、本节课注意了调动学生的能动性和协作精神本次教学主要采用了“任务驱动，强化实践”教学模式，通过创设情景、任务分解、提出任务、探索方法、上机实践主要环节来组织教学，有利于提高学生收集、处理和应用信息以及利用计算机进行自主学习、探索的能力的提高。在知识传授的过程中主要是通过学生来讲解，让不同层次的学生都能享受成功的喜悦，从而得到发展提高。学生作品展示是学习的一个重要环节，学生创作作品的过程，有那些收获，遇到那些困难，