网页轻松做——FrontPage2000网页制作

江苏省姜堰市第二中学　何蓉

一、教材内容分析

“FrontPage 2000网页制作”是教育科学出版社出版的高中《信息技术基础》第六章“信息集成与信息交流”第一节“信息集成”的内容。本课是“信息集成与信息交流”的重点和难点，是在进行了主题网站的规划设计后学习的，要求学生学会根据需求集成信息（制作网站），并在建立网站过程中掌握网页制作的基本方法，体会信息集成过程所涉及的各方面知识的综合运用，通过学生的自主探究，科学研究的方法，发展创新意识，动手能力。并且网站建立的成功与否直接关系到“信息的发布”的讲解。

二、教学对象分析

本节课授课的对象为高一学生，已经具有独立的意识和倾向，易于接收新事物，上课时不喜欢教师过多的讲授，希望有独立思考和探索的时间。在前阶段的学习，学生已经初步掌握了文字、图片、声音、视频等多媒体信息的简单加工和处理技术，并且已经利用WORD进行过小报的制作，学生兴趣浓厚。只有个别学生在初中时学过网页制作，由于间隔时间长，已经有所遗忘。由于零起点带来的影响，班级两极分化现象严重，主要体现在操作的熟练程度上。

经过第一课时的学习，学生初步了解信息集成的一般过程，掌握了选题立意及设计规划的重要性，确定自己的选题，并在纸上对网页做了初步规划，素材已经按照要求存放，多数学生产生浓厚的学习兴趣并盼望这节课的快点到来。

三、教学目标

1．知识与技能：

（1）了解网页制作过程；

（2）掌握网页制作的基本方法：文字的插入、图片的插入和设置、动画的插入和设置、表格的相关操作等

2．过程与方法：

以任务为驱动，以帮助文件提供技术支持，让学生在自我探索、自我学习中完成任务，掌握网页制作的基本方法，并体会整体规划的重要性。

3．情感态度与价值观：

（1）在做自己感兴趣的主题网站过程中形成和保持对信息技术的求知欲，感受探索与创造的乐趣

（2）学会欣赏他人的劳动成果，给出中肯的评价意见，提高艺术修养和审美情趣

四、教学重点、难点

教学重点：网页制作的基本方法

教学难点：利用表格进行网页布局

五、课前准备

1.素材准备

素材学生已经按要求分门别类的存放在指定的文件夹下。结构如下：

　　2.开辟FTP空间供学生下载素材及上传网页

3．将FrontPage 2000技术支持文件发至每台学生机，并提醒学生带好教材

4. 学生自评表

六、教法设计

1．任务驱动法

将FrontPage2000的基本操作学习隐含在任务——建立一个子网页中。避免了枯燥的技能训练，利于学生循序渐进地学习信息技术的知识和技能，让学生在学习任务中，看书自学、尝试操作、主动探究。教师在整个过程中起到组织、引导、协调、控制、咨询的作用。

2.案例分析法

通过展示优秀网页作品，在教师的引导下，学生注意观察并分析网页的组成元素及组织方式，了解主页与子页面的异同，为自己的网页制作打下基础。

七、学法指导

新颁布的《基础教育课程改革指导纲要》把“以学生发展为本”作为新课程的基本理念，提出“改变过于强调接受学习、死记硬背、机械训练的现状，倡导学生主动参与、乐于研究、勤于动手”。基于这一理念，将学生的学法设计如下为自主学习。学生在学会知识的迁移的基础上，通过查看教材和帮助文件，掌握网页制作的基本方法。

八、媒体运用

硬件设备：多媒体机房、投影仪

软件设备：极域电子教室、FrontPage2000的帮助文件

九、教学过程

1．案例分析

师：上一节课大家已经准备好做网页所需的素材，下面我们一起欣赏上一届学生的优秀作品，希望明年你们的作品也能让学弟学妹们欣赏。（利用极域电子教室进行广播教学）

1）网页的构成元素及布局

教师启动FrontPage 2000，展示优秀作品，要求学生边观察边互相讨论：网页由哪些部分组成？

学生回答：网页包括文字、图片、动画、音乐元素

教师提问：这些元素是如何组织在一起的？

学生很快发现在网页中多了些虚线，正是这些虚线将各种素材分别列出的。

教师总结：这些虚线就是表格的边框线，只不过将其粗细设置为“0”而已。我们在做网页时，往往先根据规划创建表格，将页面分为几个层次，然后将所需的文字、图片等网页元素有组织地放置到各自单元格中。由此可见，表格在网页中可以起着定位和布局的作用。

教师操作：通过主页的链接打开其中一个子网页，请学生注意观察子页面的设置与主页面有什么不同，并问：子页面分为几个部分？

子页面利用表格进行布局，学生通过观看表格的虚线框，很快回答:

分为三块，第一块为网页标题，第二块为网页目录，第三块为具体内容。

教师提问：如果我也想做这种结构的子页面，将怎么设置?

学生回答：建立一个3行一列的表格。

教师新建一普通网页，问：谁愿意上来试试？

学生演示:直接使用“插入表格按钮”建立3*1的表格。由于教师机设置表格边框的默认值为1，因此表格一出现就有学生说这位学生做错了。

教师解释：这与表格的默认设置有关，我们只要改变表格的宽度和边框粗细就行了。在以前的教学中教师经常提示学生用鼠标右键进行相关设置。

学生演示：在表格中按右键，在快捷菜单中出现表格属性、单元格属性、网页属性。学生选择表格属性，在表格属性对话框中设置边框线为0。

教师问：我的网站目录如果设置了五个栏目，怎么用表格实现？

学生演示：在第二行中插入1*5的表格

[设计意图] 由于这是FrontPage2000的第一节课，学生虽然有WORD的操作基础，但是操作熟练程度差异很大。尤其是要利用表格进行子页面的布局，虽然表格不复杂，但是仍会有学生无法动手。因此通过一个学生的演示和教师的配合，使学生对表格的相关操作有直观的了解。

2. 任务布置

投影仪将本节课任务投影至屏幕上

根据自己确立的主题做一个子页面，要求

（1）利用表格布局

（2）要求图文并茂、动静结合

（3）内容能够反映主题

（4）整体设计和谐

（5）技术问题可通过教师提供的帮助文档寻求帮助，可以相互讨论，也可以直接请教教师。

（6）做完的学生将网页放至FTP空间，填写自我评价表并互相交流

3．学生自主探究，教师个别辅导

经过对优秀作品的观察和分析，学生对自己的网页如何制作心中有数，从表情上可以看出很多学生想伸手一试。（教师解除屏幕广播）

学生操作时，教师巡视。对于个性问题单独辅导，遇到共性问题及时提醒其他学生注意。

学生打开FrontPage，利用表格布局。由于受教前面教学的影响，大部分学生选择建立3*1的表格进行布局，仍有个别学生对于表格的操作不太清楚，教师个别辅导。

为防止学生把过多的时间放在图片的选取和设置上，而忽视网页中最重要的元素——文字。教师提醒学生:先完成文字部分的内容，最后再加入图片和动画。

由于在WORD中做过小报，学生已经掌握将文字从TXT文件中粘贴至FrontPage中。因此文字的添加很顺利。

遇到的问题：

①怎么在网页中插入艺术字？教师提示：在WORD中设置后利用复制粘贴的方式操作。

②FLASH动画怎么插入不了？教师提醒学生自己查找资料解决。

③如何删除表格中的某一单元格？教师提醒学生想想在WORD和EXCEL中怎么操作的。

④如何设置图片和文字的环绕方式？提醒学生试试图片属性。

15分钟后，差距有些明显，但基本的框架已经出现，文字已经完整。

教师提醒：基本完成后的学生，试试怎么给网页或表格设置背景。文字的大小颜色如何与之相匹配。

４．交流成果，总结任务

　　做完的同学将网站整体上传，填写自评表，并通过FTP空间交流作品。教师引导学生从网页的布局、内容的选择、色彩的设置、字体的设置等角度全面地分析作品。

学生推荐部分优秀作品广播演示，教师进行点评并总结网页的布局形式及设计的原则，让学生明白网页的形式是多样的，优秀作品不是靠一节课就能完成的，鼓励学生在以后的实践课中借鉴他人优秀之处，逐步完善自己的网页，争取自己的作品能成为优秀作品展示给下一届的学生。

十、教学评价

1. 形成性评价

进行及时的反馈与调整对日后正确习惯的养成将起到极大的订正作用，同时正确的操作更有助于对知识的理解。任务完成过程中教师应及时观察学生的反映情况，根据表现随时做出评价。

2.总结性评价

学生任务完成的效果反映了他们对教学内容的掌握情况，教师课后检查学生的作业，并结合学生的自评表，调整下一节课的教学内容。

教学反思

本节课是《基于网络平台的信息技术课例研究》课题的一节典型的技能学习课。学习的主要技能目标是：掌握网页制作的基本方法：文字、图片、动画及表格的相关操作。

以往的网页制作课，在教学过程中过于注重技术的操作步骤和效果实现, 而未将技术实现的应用价值附加其中,学生每节课按老师所讲进行简单模仿,造成遗忘率高并且在进行综合应用时（建立个人网站）学生不能很好地将所学内容迁移应用到自己的网站制作中。

本节课，教师从课例研究的视角出发，在遵循学生的学习心理、注重激发学生兴趣的前提下，运用建构主义理论，本着“以学生的发展为本”之理念，将操作技能的学习融合于网页制作之中，让学生在“做中学”，缩减了教师的讲解，以便给予学生更充裕的时间进行自主学习。

通过对本节课的课例研究，有下列收获：

一、任务的设置要有针对性，满足学生的需求

在初步分析学生情况时，设置了以下两个层次的任务。

第一个任务是基础任务，利用模板完成主页面设计

第二个任务是创造性任务，至少做一个子页面并要求利用表格布局并保持主页面的风格，且与主页面建立超链接。

经过“大路论坛”中专家和同行的讨论，认为考虑太全面，课时太紧，任务量大，且易加大两极分化。

同时在对学生进行调查研究发现：学生不喜欢利用模板完成主页面设计，认为缺乏个性，无法自由发挥。在此基础上教师重新设置任务，改为利用表格布局完成子页面的设置。

为让学生尽快地明确任务要求，在课前分发学生自评表。根据学生做的情况来看，本节课的教学目标基本实现。

二、强化教师的引导作用，指导学生自主学习

教师在巡视过程中发现，有些学生喜欢直接问教师该怎么作，而不愿意通过教材、帮助文件获取解决办法并进行尝试。因此教师在学生提问时，如果是能够通过查找资料或运用迁移解决的问题教师不直接回答，提醒学生自己找答案。而对于一些拓宽的知识，如艺术字在网页中如何使用，则给予解答。教师将更多的时间用于观察学生做的效果，及主动发现学生是否需要帮助，及时调整课堂进度，使操作熟练的学生有事可做，进度慢的学生能够及时获得帮助。

三、从整体把握教材，不为备一节课而备一节课

信息技术课的每个模块从横向上看是互相分隔的，但是从纵向看又是相互联系的。需要教师对教材进行整体把握，从全局的角度考虑如何将每个模块联系在一起。

本节课所使用的文字和图片素材，是信息检索时学生根据自己的兴趣和爱好从网上下载，并根据教师的指导按信息管理的方式分门别类的存放。多媒体信息加工时，学生利用已有的相关素材设置了动画，为本节课提供了动画素材。文字信息加工时，WORD中的小报制作为信息的规划设计提供了认知基础。

一节精心设计的课，并不总能能保证学生长久的兴趣，教师唯有从整体把握教材，注重前后知识联系，精心构思教学设计，逐渐让学生体会技术的附加价值，从而提升学生的信息素养。