【网页制作】网页制作

【jiaoan.jxxyjl.com--高中信息技术教案】

（一）教学要求

1、 掌握网站构思的一般方法。

2、 学会收集、整理素材的基本方法。

3、 掌握网页制作的基本方法。

4、 掌握链接网页的各种方法。

（二）教学设计建议

本节安排五个课时，是本章的重点，本章教学任务完成与否，要看学生能否通过小组合作的学习方式来完成一个主题网站的设计和制作。

本节教材中安排了三个实践探究活动，包括一个讨论交流活动和两个实践体验活动，并且给出了比较详细的操作示例。

教材通过让同学们组织一个小组来共同设计、制作一个有关世界遗产的主题网站，学习网站的构思、制作以及素材收集、整理的基本方法。

我国是一个有五千年历史的文明古国，并且有九百六十万平方公里的大好河山，同学们的家乡总有一些值得纪念的人文历史和自然风光，一方面以这个主题作为网站的内容，大家比较有亲切感也容易找到素材，另一方面，通过网站制作的过程，也是一次爱国主义教育过程。

当然，教师也可以结合学校所在地的具体情况，设计制作一些更有纪念意义的主题网站，也可以结合学校近期的工作重点，设计制作一些网站。教师可以自行决定，只要是学生感兴趣的，健康的内容都可以作为网站的主题。

设计、制作一个网站仅靠一个人的力量很难在短时间内完成，需要几个人合作完成。在本节中，要求通过小组合作学习的方式，在小组中既有分工又有合作，在完成一个网站的规划、制作的同时，让学生充分体验小组合作学习的乐趣、积极作用和深远的影响。

在本节的教学中，可将学生分成若干个小组，每个小组五至六人，小组中的同学相互协作，共同完成一个网站的制作。

网站的设计、制作可分成三个主要方面：网站构思、素材整理、网页制作。

每个小组的同学依此分工，在学习时也各有侧重，有些同学主要考虑网站的内容和结构等问题，有些同学把主要精力花在有关素材的收集和整理上，还有些同学重点学习网页的制作方法。

由于事先进行了分工，学习中就有所侧重，在小组合作设计制作时，他们都各有所长，就能实现互为“专家”的合作学习模式。这是一种比较好的合作学习的方式，通过小组同学间的互帮互学，从而达到共同提高的目的。

由于每个小组中担任不同角色同学学习的侧重点不同，教师在教学中也不应采用面面俱到的办法，必须采取类似于“复式教学”的教学方法。

具体教学建议如下：

第一课时。

（1）确定任务，进行需求分析。在课堂中组织好合作小组，并对各合作小组的组成情况做好记录。要求每个合作小组的同学坐在一起，从中推举组长，并做好任务安排，落实每个人的学习任务。

（2）小组同学一起讨论确定准备制作的网站的主题，同时为下一节课的活动做好准备。

第二课时。

（1）将所有学生分成三大组进行“复式教学”，即“网站构思组”、“素材整理组”和“网页制作组”。将这三个大组的同学相对集中，便于进行“复式教学”。

（2)教师组织“网站构思组”的同学进行“网站的策划与构思”的讨论交流活动，其他同学自学有关的内容，着重学习如何掌握收集、整理素材的基本方法。

（3)讨论交流活动后，“网站构思组”的同学分别回到各自的小组中，在小组中向大家介绍自己的初步想法，通过讨论协商，对网站的总体框架和主要内容，达到认识基本一致。12

第三课时。

（1)继续进行“复式教学”。教师对“素材整理组”的同学，着重讲解如何对素材进行整理、处理，其他同学则查找并收集有关的文字、图片、声音、影像等素材。

（2) 然后，每个网站制作小组的同学一起将收集到的素材进行分类和评价，保留有用的素材，并在“素材整理组”同学的指导下，对素材进行必要的处理。如将图片的格式转换成jpg格式，文字素材进行重新编排，将声音和影视资源转换成rm或wmv等流媒体格式。教材中用画图软件进行格式转换是一种最简单的办法，如果是大量的文件需要转换格式，运用第三方软件将能提高工作效率。

第四课时。

（1)继续进行“复式教学”。针对“网页制作组”的同学，教师通过一个“设计制作网站主页”的实践体验活动，帮助大家掌握网页的基本制作方法。其他同学，按照主题网站的构思要求，收集、整理更多的素材。

（2)在每个网站制作小组中，每位同学在“网页制作组”同学的指导下，按照主题网站的总体规划，分别制作网站中的其他网页。

第五课时。

（1)由于超链接在网页中的地位非常重要，所以这部分内容需要教师组织全体同学进行“设置超链接”的实践体验活动，要求让每一位同学都能掌握设置各种超链接的方法。

（2) 经过网页制作小组同学的共同努力，基本完成一个主题网站的制作。对于主题网站的美化和优化工作，留待课余时间大家逐步完善。

由于本节需要动手操作的内容比较多，主题网站的设计、制作也需要充分的准备和实践的时间，所以，除了课堂中完成部分学习内容外，其他大部分的内容可能要作为回家作业让学生在课余时间通过合作的方式完成。

本文来源：https://jiaoan.jxxyjl.com/gaozhongxinxijishujiaoan/31821.html