太极拳的特点-就业排行榜

《简单网页制作》教学设计
一、设计意图：
目前网络对学 生的吸引力很大，学生上网都会浏览网页内容，对
网页的制作也有很大的兴趣，想知道一个网页是怎样制 作成功的。但
是网页的制作相对复杂，对于一些的代码的编辑学生也较难理解，因
此本课选择了 FrontPage网页制作工具，引导学生简单的了解网页制
作的过程，采用了所见即所得的形式避开 代码的繁琐，调动学生自行
设计的积极性，对网页制作有一个简单的入门了解。
二、教学目标
1、知识目标
（1）理解网页制作的简单步骤。
（2）学会用FrontPage的制作简单网页。
2、技能目标
（1）掌握的FrontPage的背景添加的操作。
（2）掌握FrontPage的文字编辑、艺术字、图片的插入的操作。
（3）知道HTML的简单编码。
3、情感目标
（1）培养学生的口头表达能力、操作和分析概括能力。
（2）培养学生展示自我、表现自我的能力。
（3）培养学生独立思考问题、解决问题的能力和团结协作精神。
（4）在网页制作的过程中，提高学生对FrontPage的认识。
三、重难点、问题预测及对策

1

1、重难点
（1）重点：FrontPage的基本操作。
（2）难点：HTML的理解。
2、问题预测
本节课是网页制作的第一节内容， 需要学生掌握的技能并不困
难。由于在学习网页制作的过程中，需要培养学生的制作网页的积极
性，才能引发学生对网页制作的兴趣，实现自主学习，自主开发。
3、对策
以制作班级 自己的主页引起学生注意，引发学生的兴趣。让学生
运用FrontPage的插入、背景修改等工具， 通过作品展示激发学生的
动力。
在教学过程的设计上，通过自主设计自己的个人主页来达到解 决
一个个知识点的目的，同时通过学生自己创作，引导学生正确的审美
情趣和创作激情。
四、课前准备
精美网站、优秀班级主页、素材图片等。
五、教学流程
1、情感导入：通过优秀班级主页欣赏，引发学生兴趣，跃跃欲
试。
2、自主学习：引导学生做自己班级的主页。
3、示范教学：学生归纳总结，老师帮助、提醒，使学生掌握正
确的操作步骤。

2

4、扩展思维：多种工具的综合使用，发挥学生的创造能力，完
善作品。
六、教学课时
1课时
七、教学过程
1、创设情景巧妙导入
教师活动 学生活动 设计意图
师：如果我们想找资料、想下载图片，怎么办？ 生：网上寻找 以问题、案例引入


课题，让学生自然
生：打开网页 而然地诱发学习、
师：到网上去找资料的时候，第一步我们会怎生：腾讯、搜狐、创作的冲动。
么做?

师：同学们都喜欢浏览哪些网站啊？


新浪等等




因特网的一个国际性信息传播网络，它连
接着全世界数以百万计的单位，拥有丰富的文
字、图片、声音等多媒体信息及强大的信息传
播功能。这些信息的载体就是网页，它吸引我
们眼球的不仅是丰富的内容，还有网页的规划
与设计，让我们在浏览信息的同时，得到的美
的享受。今天，我们就一起来学习网页的制作。


3

师：首先，我们来欣赏一些精美的网站。现在生：想！
越来越多的单位、个人利用网站来宣传自己，
交流信息。
列举：刘翔、学校、大型网站欣赏


师：同学们欣赏了刚才的网站，有没有跃跃欲
试的感觉啊，是不是想动动手啦？但是有的同< br>学又犯难了，头脑里面出现了一个问号，做网
页是不是很难啊？
接下来我们再来欣赏一个网页。优秀班级网页
欣赏。
小结反思：课题引入阶段，为了 提高学生的兴趣，我通过几个简单问题增加学生的
信息，让学生介绍自己喜欢的网站，诱发学生的学习动 力。介绍因特网对于学生来
说知识比较枯燥，但是从他们喜欢的网站出发，能够快速的吸引学生的注意力 。又
通过建设班级网页的形式，让学生有展现自己的想法，为接下来动手练习做了一个
很好的铺 垫。
2、指出途径主动尝试

教师活动
师：欣赏了刚才的网页，接下来就是同学们动
手的时间了，我们一起来完成第一个任务，制
作我们自己班级的主页。
学生活动 设计意图
通过学生的主动探
究、合 作交流，在
教师引导下自主完
成任务一，掌握网
页制作的基本方
法。
制作网页的软件有很多，今天我们要使用
的工具是FrontPage。老师已经把制作简单网页
的步骤列举出来了，接下来，我们一起动手，

4

在老师的指引下，我们一起来做我们班级的主
页。
小结反思：介绍软件的制作的 过程会让学生听起来一头雾水，我通过自己的学习网
页介绍做好网站的基本常识，让学生通过自学的形式 进行了解。但是对于一些自学
习惯差的学生来说，学习兴趣会降低，就需要老师进行多巡查并进行分组练 习，采
用相互合作、互相帮助的形式完成网站的基本常识学习，这个环节难度较高，所以
采用了 老师先自学，然后老师引导的形式，对于自学能力较差的班级，老师讲的内
容会增加。
3、自主创作激发潜能
教师活动
师：通过刚才的小试牛刀阶段，同学们应该都
掌握了网页制作的基本技能。接下来，我们再
来完成创意空间的任务。这个任务希望大家能
独立完成，老师不再引导了，大家动手试试
看……






学生活动 设计意图
分层教学：学生操
作，教师个别指导，
以完成网页制作的
学习。

学生在教师的引生：
(1)完成作品。 导，鼓励下，自主
(2)作品上交。 学习、探究，解决
问题。并通过演示、
学生示范解说。 解说，培养学生的
动手操作 能力，思
维能力、语言表达
能力，提高学生的
自信心。

5

小结反思：通过上小结的演示，学生们都已经跃跃欲试，因此需要尽量多留时 间给
学生自行练习，加深对知识的应用能力，老师需要多巡查，及时发现学生在动手过
程中的问 题，并予以及时提醒。
4、课堂小结
教师活动 学生活动 设计意图
将学生自己创作的作品，进行展示、评价。 检查学生完成情力求每个学生都完
师：总结：通过本节课的学习，我们掌握的网况。
页制作的基本技能，我们一起回顾一下都有哪
些操作。
成对网页的基本制
作，大部分学生尝
试全新的创作。
增强学生的道德素
质。
师：首先要设计自己页面的基本构成，然后对
页面进行简单的布局最后要注意，在网页设计
时一定要有立体空间感以及页面的新颖度，这
样做出来的页面效果才能更好。
友情提 示：通常在做网页之前应该建立相应的
文件夹，如在“E”盘建立一个“WEB”文件夹
用来存 放网页，同时在“WEB”下再建立一个专
门存放图片的文件夹“images”。
通过这节 课的学习，我们已经初步掌握了网页
制作的基本方法，但网页制作的方法和软件还
远远不止这些 ，希望同学们在今后的学习和生
活中继续探索，发挥自己的想象力和创造力，
创作出更 丰富多彩的网站，留住我们美好生活

6

的精彩。 小结反思：因为网站的基本常识这个内容对于初中生来说难度较高，动手做起来也
比较复杂，所以有 同学在动手过程中可能会无从下手，导致不能完成任务，所以需
要分组进行相互帮助，老师可以安排已经 会做的小组同学对还不能完成任务的同学
当他们的小老师，提高学生指导能力。并且在最后的作品展示中 请同学讲解自己制
作网页的基本步骤和设计意图，也锻炼了学生的语言表达能力。
八、总结及课后反思
从课堂效果来看，本设计是符合学生认知规律的。基本上每个学
生都能掌握本课时的教学目标，特别是技能目标，对网页的基本制作
都能圆满完成。但是，对于知识目标 来讲，可能是信息技术教学一贯
重实践、轻理论的关系，虽然学生能做出网页的基本制作的效果，但却无法清楚的说出他们的原理。
另外，每个学生的基础差别不一，有的同学根本无需讲解 ，通
过老师的描述，可以轻而易举的完成操作，而有的同学基本上要老师
手把手地教，如果不讲 清楚下一步鼠标应该点哪个菜单，他就无法进
行下一步操作。对于这两个极端的同学，虽然是少数，却给 课堂教学
带来一定的困扰。如何让分层教学更好地进行，如何让“因材施教”
的光芒普照到每一 位同学，这还有待我们研究解决。

7

《简单网页制作》教学设计
一、设计意图：
目前网络对学生的吸引力很大， 学生上网都会浏览网页内容，对
网页的制作也有很大的兴趣，想知道一个网页是怎样制作成功的。但是网页的制作相对复杂，对于一些的代码的编辑学生也较难理解，因
此本课选择了FrontPag e网页制作工具，引导学生简单的了解网页制
作的过程，采用了所见即所得的形式避开代码的繁琐，调动 学生自行
设计的积极性，对网页制作有一个简单的入门了解。
二、教学目标
1、知识目标
（1）理解网页制作的简单步骤。
（2）学会用FrontPage的制作简单网页。
2、技能目标
（1）掌握的FrontPage的背景添加的操作。
（2）掌握FrontPage的文字编辑、艺术字、图片的插入的操作。
（3）知道HTML的简单编码。
3、情感目标
（1）培养学生的口头表达能力、操作和分析概括能力。
（2）培养学生展示自我、表现自我的能力。
（3）培养学生独立思考问题、解决问题的能力和团结协作精神。
（4）在网页制作的过程中，提高学生对FrontPage的认识。
三、重难点、问题预测及对策

1

1、重难点
（1）重点：FrontPage的基本操作。
（2）难点：HTML的理解。
2、问题预测
本节课是网页制作的第一节内容， 需要学生掌握的技能并不困
难。由于在学习网页制作的过程中，需要培养学生的制作网页的积极
性，才能引发学生对网页制作的兴趣，实现自主学习，自主开发。
3、对策
以制作班级 自己的主页引起学生注意，引发学生的兴趣。让学生
运用FrontPage的插入、背景修改等工具， 通过作品展示激发学生的
动力。
在教学过程的设计上，通过自主设计自己的个人主页来达到解 决
一个个知识点的目的，同时通过学生自己创作，引导学生正确的审美
情趣和创作激情。
四、课前准备
精美网站、优秀班级主页、素材图片等。
五、教学流程
1、情感导入：通过优秀班级主页欣赏，引发学生兴趣，跃跃欲
试。
2、自主学习：引导学生做自己班级的主页。
3、示范教学：学生归纳总结，老师帮助、提醒，使学生掌握正
确的操作步骤。

2

4、扩展思维：多种工具的综合使用，发挥学生的创造能力，完
善作品。
六、教学课时
1课时
七、教学过程
1、创设情景巧妙导入
教师活动 学生活动 设计意图
师：如果我们想找资料、想下载图片，怎么办？ 生：网上寻找 以问题、案例引入


课题，让学生自然
生：打开网页 而然地诱发学习、
师：到网上去找资料的时候，第一步我们会怎生：腾讯、搜狐、创作的冲动。
么做?

师：同学们都喜欢浏览哪些网站啊？


新浪等等




因特网的一个国际性信息传播网络，它连
接着全世界数以百万计的单位，拥有丰富的文
字、图片、声音等多媒体信息及强大的信息传
播功能。这些信息的载体就是网页，它吸引我
们眼球的不仅是丰富的内容，还有网页的规划
与设计，让我们在浏览信息的同时，得到的美
的享受。今天，我们就一起来学习网页的制作。


3

师：首先，我们来欣赏一些精美的网站。现在生：想！
越来越多的单位、个人利用网站来宣传自己，
交流信息。
列举：刘翔、学校、大型网站欣赏


师：同学们欣赏了刚才的网站，有没有跃跃欲
试的感觉啊，是不是想动动手啦？但是有的同< br>学又犯难了，头脑里面出现了一个问号，做网
页是不是很难啊？
接下来我们再来欣赏一个网页。优秀班级网页
欣赏。
小结反思：课题引入阶段，为了 提高学生的兴趣，我通过几个简单问题增加学生的
信息，让学生介绍自己喜欢的网站，诱发学生的学习动 力。介绍因特网对于学生来
说知识比较枯燥，但是从他们喜欢的网站出发，能够快速的吸引学生的注意力 。又
通过建设班级网页的形式，让学生有展现自己的想法，为接下来动手练习做了一个
很好的铺 垫。
2、指出途径主动尝试

教师活动
师：欣赏了刚才的网页，接下来就是同学们动
手的时间了，我们一起来完成第一个任务，制
作我们自己班级的主页。
学生活动 设计意图
通过学生的主动探
究、合 作交流，在
教师引导下自主完
成任务一，掌握网
页制作的基本方
法。
制作网页的软件有很多，今天我们要使用
的工具是FrontPage。老师已经把制作简单网页
的步骤列举出来了，接下来，我们一起动手，

4

在老师的指引下，我们一起来做我们班级的主
页。
小结反思：介绍软件的制作的 过程会让学生听起来一头雾水，我通过自己的学习网
页介绍做好网站的基本常识，让学生通过自学的形式 进行了解。但是对于一些自学
习惯差的学生来说，学习兴趣会降低，就需要老师进行多巡查并进行分组练 习，采
用相互合作、互相帮助的形式完成网站的基本常识学习，这个环节难度较高，所以
采用了 老师先自学，然后老师引导的形式，对于自学能力较差的班级，老师讲的内
容会增加。
3、自主创作激发潜能
教师活动
师：通过刚才的小试牛刀阶段，同学们应该都
掌握了网页制作的基本技能。接下来，我们再
来完成创意空间的任务。这个任务希望大家能
独立完成，老师不再引导了，大家动手试试
看……






学生活动 设计意图
分层教学：学生操
作，教师个别指导，
以完成网页制作的
学习。

学生在教师的引生：
(1)完成作品。 导，鼓励下，自主
(2)作品上交。 学习、探究，解决
问题。并通过演示、
学生示范解说。 解说，培养学生的
动手操作 能力，思
维能力、语言表达
能力，提高学生的
自信心。

5

小结反思：通过上小结的演示，学生们都已经跃跃欲试，因此需要尽量多留时 间给
学生自行练习，加深对知识的应用能力，老师需要多巡查，及时发现学生在动手过
程中的问 题，并予以及时提醒。
4、课堂小结
教师活动 学生活动 设计意图
将学生自己创作的作品，进行展示、评价。 检查学生完成情力求每个学生都完
师：总结：通过本节课的学习，我们掌握的网况。
页制作的基本技能，我们一起回顾一下都有哪
些操作。
成对网页的基本制
作，大部分学生尝
试全新的创作。
增强学生的道德素
质。
师：首先要设计自己页面的基本构成，然后对
页面进行简单的布局最后要注意，在网页设计
时一定要有立体空间感以及页面的新颖度，这
样做出来的页面效果才能更好。
友情提 示：通常在做网页之前应该建立相应的
文件夹，如在“E”盘建立一个“WEB”文件夹
用来存 放网页，同时在“WEB”下再建立一个专
门存放图片的文件夹“images”。
通过这节 课的学习，我们已经初步掌握了网页
制作的基本方法，但网页制作的方法和软件还
远远不止这些 ，希望同学们在今后的学习和生
活中继续探索，发挥自己的想象力和创造力，
创作出更 丰富多彩的网站，留住我们美好生活

6

的精彩。 小结反思：因为网站的基本常识这个内容对于初中生来说难度较高，动手做起来也
比较复杂，所以有 同学在动手过程中可能会无从下手，导致不能完成任务，所以需
要分组进行相互帮助，老师可以安排已经 会做的小组同学对还不能完成任务的同学
当他们的小老师，提高学生指导能力。并且在最后的作品展示中 请同学讲解自己制
作网页的基本步骤和设计意图，也锻炼了学生的语言表达能力。
八、总结及课后反思
从课堂效果来看，本设计是符合学生认知规律的。基本上每个学
生都能掌握本课时的教学目标，特别是技能目标，对网页的基本制作
都能圆满完成。但是，对于知识目标 来讲，可能是信息技术教学一贯
重实践、轻理论的关系，虽然学生能做出网页的基本制作的效果，但却无法清楚的说出他们的原理。
另外，每个学生的基础差别不一，有的同学根本无需讲解 ，通
过老师的描述，可以轻而易举的完成操作，而有的同学基本上要老师
手把手地教，如果不讲 清楚下一步鼠标应该点哪个菜单，他就无法进
行下一步操作。对于这两个极端的同学，虽然是少数，却给 课堂教学
带来一定的困扰。如何让分层教学更好地进行，如何让“因材施教”
的光芒普照到每一 位同学，这还有待我们研究解决。

7