浙教版高中信息技术必修模块《信息技术基础》课程教学设计：6.2网页制作(一)-----民以食为天

6·2 网页制作（一）-----民以食为天教学设计

（高中）所属模块：信息技术必修《信息技术基础》

课时：1课时

适用学段：高中一年级上学期

一、教学设想

根据教材，设想第1课时的知识点由“美食”这个主题展开，通过一个示范网站让学生了解网页设计的一般步骤，了解网站的组成（主页面，分页面），了解网页中的各构成元素（图片、文字、超链接等），通过小组合作制作一个简单的网站，掌握网页标题的设置、表格的插入及属性设置、插入文字、插入图片、设置超链接、保存网页等操作，掌握网页制作软件Frontpage的基本使用方法，使学生对制作网站有一个很强的概念和认识。在本节中，要求通过小组学习的方式，既有分工又有合作，在完成一个简单网站的规划、制作的同时，让学生充分体验小组合作学习的乐趣和积极作用。这节所学的知识点虽然比较多，但是根据学生已有的知识水平，通过教材、助学网站、教师讲解、学生互助等一系列措施，通过小组合作，在1课时内还是应该能够完成一个简单网站的制作，也为后面的网站完善和学生自由创作提供条件。

二、教材分析

本节课是第六章《网页的设计与制作》的第二节内容《网页制作》的第1课时内容，根据新课程标准，《网页制作》这一节安排5个课时。本章教学任务是否完成，要看学生能否通过小组合作的方式来完成一个主题网站的设计与制作。我根据实际情况，对课程教学内容进行了调整，设想在第1课时就让学生对制作网页网站有一个很强的整体概念，在提供素材的情况下能完成简单网页的制作。在第2课时对网页进行完善及素材的收集，第3-6课时让学生分小组进行自由创作，这样一来，学生对制作网站就有一个很强的概念和认识。选择一个学生感兴趣的，健康积极的主题，激发学生的兴趣，是本堂课设计上的一个重点。教材中需要掌握的知识点也比较明确，用一个个相关联的任务将这些知识点联系起来，这样可以对教材的内容通盘考虑。

三、学生分析

通过前五章的学习，学生的信息素养有了较大的提高，利用信息技术解决实际问题的操作技能有了长足的进步，由于多数学生在初中没有制作过完整意义上的网页和网站，所以，对于本章的知识和技能而言，基本不存在“零起点”影响学生学习的问题。对于Frontpage，虽然在界面上和Word有些不同，但是很多问题学生可以迁移Word中的知识来学习，相对地说提高学习的兴趣，同时降低了学习的难度。

同学们对于上网都是很感兴趣的，在内心对于能制作一个网站就觉得很了不起，如果自己有能力制作的话那可是太好的事了。有了这个学生心理，就为学习这块内容提供了一定的情感基础。即使在制作中碰到困难，学生也能迎难而上，用功地制作自己的作品。

四、教学目标分析

知识目标

1、了解网页设计的一般步骤和网站的组成（主页面，分页面）。

2、了解网页中的各构成元素（图片、文字、超链接等）。

3、掌握网页制作软件Frontpage的基本使用方法，包括掌握网页标题的设置、表格的插入及属性设置、插

入文字、插入图片、设置链接到指定网页超链接、保存网页等操作。

能力目标

有意识地养成知识迁移的能力，学会与他人合作，通过多种途径进行学习。

情感目标

1、培养学生小组合作学习的能力和自主探究的精神。

2、体验与小组成员合作制作完成一个简单网站带来的成功感觉。

五、重点分析

1、表格在制作网页中的的定位作用及表格边框线粗细等属性设置。

2、网页中图片属性的设置。

3、设置链接到指定网页的超链接。

六、难点分析

1、网页中表格的修饰。

2、网页中的图文混排操作。

3、设置链接到指定网页超链接操作。

七、教学准备

1、教师设置好服务器，保证每台学生机都能登录到服务器。

2、教师传发上课素材到学生机，包括一个名为“网页制作”的文件夹（D盘）。

3、学生上课前浏览助学网站，了解课堂学习内容与任务。

4、学生按座位进行分组（4位同学一组）。预先分组，选出组长，与学生沟通好奖励的层次和奖品。

八、教学过程。

1、情景模拟，激情导入

教师：俗话说：“民以食为天”。同学们想想看，你从小长这么大吃过的最好吃的菜是什么菜？或是你目前最喜欢吃，最渴望吃到的菜有哪些？

学生：立即被“美食”主题吸引，说出自己喜欢的菜式。

教师：老师知道了大家都喜欢吃哪些菜，同学们看看老师给你们准备的菜，喜不喜欢？

学生：欣赏图片（课件播放中国八大菜系的经典菜），被色香味俱全的菜吸引了。

教师：许多同学看得口水都流下来了，我相信大家对美食都是来者不拒的。今天我们这节课的任务就是同学们分小组合作制作一个小型的美食网站，以后有机会把这个网站放到因特网上，让更多的人加入到我们的美食行列中来。

学生：跃跃欲试。

老师：一说到做网站，许多同学都会觉得很难，其实不然。同学们看老师做的示范网站。

教师一边示范网站，一边讲解网站的结构（主页面，分页面），网页中的各构成元素（图片、文字、超链接等），使学生有个感性的认识，了解网页中各元素的不同布局。

学生：一边欣赏网站，一边听教师讲解。

2、第一阶段任务，完成网页制作的准备工作

教师：在前面的学习中，我们已经知道常用的网页制作软件有Frontpage、Dreamweaver等，我们选Frontpage 软件来学习如何制作网站。

教师示范打开Frontpage软件。

教师：Frontpage跟我们前面学的Word、Excel一样，是Office办公软件中的一员，所以在实际操作中很多知识我们都可以进行迁移。同学们仔细观察，看看界面上和Word、Excel有哪些不同？

学生：视图栏；在工作区下有三个标签：普通、HTML、预览。

教师：同学们观察得很仔细。视图栏中显示Frontpage的各种对象，我们所用的是网页视图。工作区底下的三个标签在网页制作中作用很大。“普通”标签表示网页处在编辑状态，“HTML”表示处在超文本标记语言状态，反映的是网页的实质内容，“预览”窗口中可以对网页的实际效果预览。我们在“普通”

状态下进行网页制作，如果你懂HTML语言，你也可以直接用HTML语言进行编辑网页。

我想讲到这里，同学们就可以大显身手了。第一阶段的任务是完成网页制作的准备工作。

准备工作：1、针对学生机中菜系的资料，每个小组讨论做哪个菜系的网站

2、分工：哪个同学做主页面，哪个同学做分页面

3、将D盘“网页制作”的文件夹重命名为自己的名字，将相关菜系的文件夹复制到自己

文件夹中。

学生：各小组分别讨论，完成准备工作。