高中信息技术：《网页制作》(说课)

新修订高中阶段原创精品配套教材《网页制作》(说课)教材定制 / 提高课堂效率 /内容可修改

"Webpage Production" (Speaking)

教师：风老师

风顺第二中学

编订：FoonShion教育

《网页制作》(说课)

一、说教材

《网页制作》是普通高中课程标准实验教材必修模块《网络技术应用》的第4章《网站实现》的内容，该内容分为四个课时，我今天要说的是第二课时的内容。这是一节实践操作课，应以学生自己实践为主，老师只需指出注意的要点，让学生通过合作协调构思创新的方式完成整节课的内容

1、教学目标：

1）、利用表格定位网页

2）、添加网页元素

3）、使用模板制作其他页面

教学重点：利用表格定位网页

教学难点：使用模板制作其他页面

2、能力目标

通过学生自主探究学习，培养学生的实践能力，观察能力及解决问题的能力，以及对知识的迁移能力。

3、情感目标：

通过本课的学习，培养学生合作帮助、团结协作的良好

品质，在合作实践过程中，培养学生大胆构思、自我创新的精神，培养学生的美感及创作后的成就感。

二、说教法

根据学生已有的知识结构体系，我主要是采用提问的方式引出每个教学目标，中间穿插比较、观察的方式加深学生的印象，培养学生的观察能力。并以小组形式进行，每个小组记录整个制作过程的情感体验。

三、说教学过程

由于学生在必修模块里已接触过网站的组建，对如何建立网站已有了一定的经验，而且学生也撑握了字处理软件如word工具的基本功能，学会了对文字图片及表格的基本处理。基于学生现有的知识技能，我决定让学生以小组形式组合成

5个小组，由操作能力强的学生充当组长，带动其他成员完成网页制作，一来培养他们合作互助的关系，二来培养学生之间、师生之间的感情。我在整节课里只扮演一个组织者和提示者的角色，一步步引导学生完成本课的目标，让学生充分发挥自主性，协助性，培养他们合作、创新的能力。

对此，我设定了以下几个环节：

环节一

前面讲了网页的规划与设计，学生对将要建立的网站已有了一定的准备，如何让他们动手把他们构想中的网站有条理的组建起来。我会先提问学生都为他们的主页准备了哪些

内容和素材（如文本、图片、动画、音频、视频）？你打算怎样安排它们的具体位置才能使网页更加合理美观，方便访问者访问？让学生带着问题思考。我接着在frontpage中打开学生常去的网站：腾讯qq网站，让学生观察并提问他们发现了什么，再逐一把表格中的各元素删除，使网页上只留下一个空表格结构，从而引出目标一：利用表格定位网页。

紧接着让学生根据上节课设计好的版面，利用已学过的知识动手在网页中插入表格，调整表格的结构，使插入的表格结构与设计的版面尽量吻合，组长负责记录表格结构是否合理，并注明理由，使学生能合理的安排和组织表格结构，为以下的制作创造有利的条件。我会提醒学生要在编辑窗口和预窗口之间切换观察，使表格结构调整得更加合理。学生在调整表格中会遇到这么一个问题（或者由我设定出这个问题）：

a1

a2

a3

想调a3单元格的列宽度，a1单元格保持不变，不管学生怎样调整总是会带动a1的改变，在学生急切想知道答案时我及时引出了表格的嵌套，学生恍然大悟，印象加深。接下来我会叫学生回想下以前浏览过的网页有没有看到表格的框架，如何才能让表格不显示在我们的网页中呢，从而引

出表格属性的设置，让学生通过表格属性的设置来设置表格的边框、颜色等。根据课堂情况而定，可以再让学生尝试单元格属性的设定，能力好的学生可进一步尝试网页属性的设置，并比较三种属性之间的不同范围。

环节二

网页的框架搭好了，就象若大的房子已经想好了该在哪个位置摆放哪些家具和电器，往下一步就是要把这些实物摆放在相应的位置上来，你们接下来工作是为你们的网页添加各种素材到相应的单元格中，从而引出目标二：添加网页元素。学生动手把事先准备好的各种网页元素（如文本、图片、动画、音频、视频）添加到主页，也可使用教师机的共享资源库的素材。提醒学生在插入图片时应选择jpg或gif格式，有利于提高网页浏览速度，注意把握网页素材的比例，文字过多就会造成网页的吸引力减弱，图片过多就会使网站内容空洞、浏览速度下降。最后提问学生还能为网页添加哪些元素（水平线、超链接、背景音乐等）扩展学生知识，使能力强的学生可以进一步提高。

环节三

在轻松快乐的气氛中各小组已完成了早已酝酿已久的主页，并保存。学生体验到了成就感，兴趣高昂。我这时趁热打铁,提问学生，一个内容丰富的网站应该是由多个页面组成，才能更加完善你所表达的思想，接下来就是制作其他页

面。这时我打开榕树下这个网站的主页和其他子页面，让学生欣赏并观察这些页面的风格是否一致，学生认可后我提示学生，一个网站的风格一般是由主页和子页来共同体现，因此其他页面应和主页面的风格保持一致，那我们接下要做的其他页面的风格也应和主页风格保持一致。提问学生是否还是象做主页一样从头开始一个页面一个页面制作？还是有更方便的方法，减少重复相同的操作，结合frontpage模板功能引出目标三：使用模板制作其他页面。提示学生把风格一致的部分保留下来，删除其他部分，并当作模板保存下来，以供其他页面使用，以后准备制作网页时可从模板列表中选取并在此基础上进行编辑。要求学生为他们的网站制作模板。

最后，各小组把做好的主页和模板上传到ftp服务器，组长记录整个制作过程中的难点，心得体会，以备下次点评。我还可以根据课堂情况提示一些能力强的学生上网找些网页特效的代码插入网页，增加网页的吸引力，也使这些学生有更高的发展空间和互相学习的动力

在整个过程中为了避免一些学生产生低落情绪无法跟随整个操作，我会及时表扬或鼓励他们，增强他们的自信心。这就是我全部的说课内容，仅大家参考，并请各位评委和老师指正。

评委点评：

从教师说课中看到，本课教学目标设计比较恰当，教学