英国天气-非主流经典语录

网页制作的教学设计
一、教学目标

1 、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；

2 、认识 FRONTPAGE 的界面；

3 、掌握在主页中插入文字、图片、水平线；

4 、掌握页面文件与图片的保存。

二、教学重点

1 、能在指定位置建立只有一个网页的站点（难点）

2 、能在页面中插入文字、图片、水平线

3 、掌握页面文件与图片的保存（难点）

三、学情分析

学生已经学习了 WORD 、 POWERPOINT 与上网浏览信息，对计算机的基本操作
（ WORD 中文档的编辑，网页的浏 览等）比较熟练。这使得学生主动探索、自主学习成
为可能。每位学生必须完成基本任务，有能力的学生 还可以完成提高篇的学习，以充分发挥
学生的积极性与自主性。

四、教学方法

在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一< br>个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。

五、教学过程设计

教师活动： 1 、引入课题：（激发兴趣，活跃气氛）

同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做
什么？（网站）

浏览新浪网站，浏览的第一个页面称为什么？（主页）

我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。

问题 1 ：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，

通 过超链接把不同的页面链接起来）

问题 2 ：网页是不是就是主页？ ( 第一个页面称为主页 , 网站设计者可以确定哪一个是
主页 , 主页的文件名一般为： , 主页也是网页 )

设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在 internet 上，
让所有的人访问浏览。

今天我们学习用 Frontpage 建立站点，制作一个主页。

先来研究一下没有发布的网站 , 打开教师做的网站

问：同学们看到了什么？（文件夹）

总结：

可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网
站相关的文件。

打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。

请学生浏览教师课件，了解学习任务

2 、新建站点

FP 的启动

问：与 word 比较，有什么不同？

（增加了视图区，编辑区有三个窗口）

总结：

视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面

普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式

预览窗口：浏览器中出现的效果，与 PowerPoint 中的 “ 放映幻灯片 ” 类似。

Html 窗口：编写 HTML （超文本标记语言，它是描述网页内容和外观的标准。）

打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的< br>正确输入，站点的名称。

（教会学生利用导学课件，根据导学软件完成任务）

任务 1 ：学生根据导学课件，在 d: 建立自己站点

教师巡视指导

请一位学生示范如何建立站点 , 教师总结

问：在文件夹列表中看到了什么？

分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在
images 文件夹中）

3 、编辑主页与保存主页

看效果图，请学生分析主页中的元素

总结：鲜明的主题，如：我的世界、我的宠物等，有 分割页面的水平线，与主题相关的图片，
对网站的简单介绍

根据导学软件，学生完成任务 2 ：设计主页、保存主页与图片

教师巡视指导

4 、总结反馈

请学生示范，讲解如何插入图片（来自剪贴画与来自文件）、插入水平线，如何保存

总结：必须切换到 “ 普通 ” 窗口下编辑

主页的保存中存在问题：

单击 “ 文件 ”----“ 保存 ” 或工具栏的 “ 保存 ” 按扭，弹出一个对话框，保
存嵌入式文件，改变文件夹，图片必须保存在本站点 images 文件夹中 , 便于站点的管理。

5 、请学生继续完成自己的主页，有能力的同学完成提高篇

教师巡视指导

6 、教师与学生共同评价总结

展示学生作品，教师与学生共同评价

请学生总结今天的学习内容：建立包含一个页面的站点，主页的设计与保存。

学生活动：学生回答问题、学观察鼠标指针、学生回答问题、学生观察网站的 表现形式、齐
声回答、学生浏览课件，并了解本节课的学习任务、学生观察 FP 界面与 word 的不同、
学生回答、学生观察教师演示不同编辑窗口的区别。学生上机操作，在指定位置建立自己站点、请先做好的学生当小老师，辅导其它学生。学生回答、学生操作，同桌互相帮助，并参
考教师做 的课件，利用网络环境下的课件自己探索学习，满足不同层次学生的需求、学生总
结

注：课件中包含每一个操作过程的操作步骤及拓展的知识、基本任务与提高任务的效果图。

点评：

教学课题 “ 网页制作 ” 作为初中阶段的最后一部分内容，难 度较大，教学的深度较
难掌握。这就要教师在备教材的基础上，同时还要备学生，做到对学生的情况有较 为深刻地
了解，以便很好地完成教学任务，达到预期的教学效果。根据教材和《中小学信息技术课程指导纲要（试行）》中的精神，本课应以 “ 任务驱动 ” 的方式完成，一方面教会学生了
解和 熟悉具体软件的基本功能，另一方面又能主动地掌握并深入学习思考。寻着这个思路授
课教师在课前作了 大量的课前准备制作出了相应的教学课件 “ 网页制作 ” 。

一、调动学生的学习热情，变被动学习为主动学习

整个教学过 程张云 老师采取了 “ 引导加任务驱动 ” 的模式进行。首先教师进行导
入，导入概念，强调概念；再引导 学生学习课件的使用，引导他们读懂课件中的第一个任务：
建立一个只有一页的网站，（此处若能引导学 生，由学生来完成，减少老师的操作，效果会
更好），然后让学生模仿第一步的操作进行下面内容的学习 ，完成导学材料中给出的一个个
任务。

二、突出重点，及时点评

张云 老师在引导学生进行学习、操作后，就主动地去观察和发现学生中出现的问题，
甚至 于课前对可能出现的问题，也进行有预见性地准备；发现问题及时点评。（点评分为个
别点评和全班点评 ，点评不等于教师将操作过程演示一遍。 张云 老师在点评建成的网站时，
重点若再突出些，介绍再清 楚些，效果会更好。比如：站点中内容说明不够清楚等。）

三、发挥学生的协作学习精神

张云 老师在教学过程中，对有困难的学生进行个别辅导，同时还需发挥学生的协作学< br>习的精神，充分调动学生学习的积极性，让学有余力的学生充当 “ 小老师 ” ，从而体会
到学习的乐趣。（整个教学过程中，这点做地不够，没有充分地让师生互动起来）

四、重点突出、目标明确

最后， 张 老师在整个教学过程中， 应再突出教学重点，明确本节课的任务。（课前的
导入，最好给出教学目标，课后的小结应让学生总结他 本堂课学习到哪些知识，所以感觉这

节课重点不突出，内容分散。）

五、教学效果较好

由 于张云 老师在课前对本课作了大量的准备工作，课 件制作效果较好，所以学生完成
情况很好，教学任务完成情况较好。

网页制作的教学设计
一、教学目标

1 、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；

2 、认识 FRONTPAGE 的界面；

3 、掌握在主页中插入文字、图片、水平线；

4 、掌握页面文件与图片的保存。

二、教学重点

1 、能在指定位置建立只有一个网页的站点（难点）

2 、能在页面中插入文字、图片、水平线

3 、掌握页面文件与图片的保存（难点）

三、学情分析

学生已经学习了 WORD 、 POWERPOINT 与上网浏览信息，对计算机的基本操作
（ WORD 中文档的编辑，网页的浏 览等）比较熟练。这使得学生主动探索、自主学习成
为可能。每位学生必须完成基本任务，有能力的学生 还可以完成提高篇的学习，以充分发挥
学生的积极性与自主性。

四、教学方法

在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一< br>个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。

五、教学过程设计

教师活动： 1 、引入课题：（激发兴趣，活跃气氛）

同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做
什么？（网站）

浏览新浪网站，浏览的第一个页面称为什么？（主页）

我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。

问题 1 ：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，

通 过超链接把不同的页面链接起来）

问题 2 ：网页是不是就是主页？ ( 第一个页面称为主页 , 网站设计者可以确定哪一个是
主页 , 主页的文件名一般为： , 主页也是网页 )

设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在 internet 上，
让所有的人访问浏览。

今天我们学习用 Frontpage 建立站点，制作一个主页。

先来研究一下没有发布的网站 , 打开教师做的网站

问：同学们看到了什么？（文件夹）

总结：

可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网
站相关的文件。

打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。

请学生浏览教师课件，了解学习任务

2 、新建站点

FP 的启动

问：与 word 比较，有什么不同？

（增加了视图区，编辑区有三个窗口）

总结：

视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面

普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式

预览窗口：浏览器中出现的效果，与 PowerPoint 中的 “ 放映幻灯片 ” 类似。

Html 窗口：编写 HTML （超文本标记语言，它是描述网页内容和外观的标准。）

打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的< br>正确输入，站点的名称。

（教会学生利用导学课件，根据导学软件完成任务）

任务 1 ：学生根据导学课件，在 d: 建立自己站点

教师巡视指导

请一位学生示范如何建立站点 , 教师总结

问：在文件夹列表中看到了什么？

分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在
images 文件夹中）

3 、编辑主页与保存主页

看效果图，请学生分析主页中的元素

总结：鲜明的主题，如：我的世界、我的宠物等，有 分割页面的水平线，与主题相关的图片，
对网站的简单介绍

根据导学软件，学生完成任务 2 ：设计主页、保存主页与图片

教师巡视指导

4 、总结反馈

请学生示范，讲解如何插入图片（来自剪贴画与来自文件）、插入水平线，如何保存

总结：必须切换到 “ 普通 ” 窗口下编辑

主页的保存中存在问题：

单击 “ 文件 ”----“ 保存 ” 或工具栏的 “ 保存 ” 按扭，弹出一个对话框，保
存嵌入式文件，改变文件夹，图片必须保存在本站点 images 文件夹中 , 便于站点的管理。

5 、请学生继续完成自己的主页，有能力的同学完成提高篇

教师巡视指导

6 、教师与学生共同评价总结

展示学生作品，教师与学生共同评价

请学生总结今天的学习内容：建立包含一个页面的站点，主页的设计与保存。

学生活动：学生回答问题、学观察鼠标指针、学生回答问题、学生观察网站的 表现形式、齐
声回答、学生浏览课件，并了解本节课的学习任务、学生观察 FP 界面与 word 的不同、
学生回答、学生观察教师演示不同编辑窗口的区别。学生上机操作，在指定位置建立自己站点、请先做好的学生当小老师，辅导其它学生。学生回答、学生操作，同桌互相帮助，并参
考教师做 的课件，利用网络环境下的课件自己探索学习，满足不同层次学生的需求、学生总
结

注：课件中包含每一个操作过程的操作步骤及拓展的知识、基本任务与提高任务的效果图。

点评：

教学课题 “ 网页制作 ” 作为初中阶段的最后一部分内容，难 度较大，教学的深度较
难掌握。这就要教师在备教材的基础上，同时还要备学生，做到对学生的情况有较 为深刻地
了解，以便很好地完成教学任务，达到预期的教学效果。根据教材和《中小学信息技术课程指导纲要（试行）》中的精神，本课应以 “ 任务驱动 ” 的方式完成，一方面教会学生了
解和 熟悉具体软件的基本功能，另一方面又能主动地掌握并深入学习思考。寻着这个思路授
课教师在课前作了 大量的课前准备制作出了相应的教学课件 “ 网页制作 ” 。

一、调动学生的学习热情，变被动学习为主动学习

整个教学过 程张云 老师采取了 “ 引导加任务驱动 ” 的模式进行。首先教师进行导
入，导入概念，强调概念；再引导 学生学习课件的使用，引导他们读懂课件中的第一个任务：
建立一个只有一页的网站，（此处若能引导学 生，由学生来完成，减少老师的操作，效果会
更好），然后让学生模仿第一步的操作进行下面内容的学习 ，完成导学材料中给出的一个个
任务。

二、突出重点，及时点评

张云 老师在引导学生进行学习、操作后，就主动地去观察和发现学生中出现的问题，
甚至 于课前对可能出现的问题，也进行有预见性地准备；发现问题及时点评。（点评分为个
别点评和全班点评 ，点评不等于教师将操作过程演示一遍。 张云 老师在点评建成的网站时，
重点若再突出些，介绍再清 楚些，效果会更好。比如：站点中内容说明不够清楚等。）

三、发挥学生的协作学习精神

张云 老师在教学过程中，对有困难的学生进行个别辅导，同时还需发挥学生的协作学< br>习的精神，充分调动学生学习的积极性，让学有余力的学生充当 “ 小老师 ” ，从而体会
到学习的乐趣。（整个教学过程中，这点做地不够，没有充分地让师生互动起来）

四、重点突出、目标明确

最后， 张 老师在整个教学过程中， 应再突出教学重点，明确本节课的任务。（课前的
导入，最好给出教学目标，课后的小结应让学生总结他 本堂课学习到哪些知识，所以感觉这

节课重点不突出，内容分散。）

五、教学效果较好

由 于张云 老师在课前对本课作了大量的准备工作，课 件制作效果较好，所以学生完成
情况很好，教学任务完成情况较好。