简单网页制作教学设计

《简单网页制作》教学设计

一、设计意图：

目前网络对学生的吸引力很大，学生上网都会浏览网页内容，对网页的制作也有很大的兴趣，想知道一个网页是怎样制作成功的。但是网页的制作相对复杂，对于一些的代码的编辑学生也较难理解，因此本课选择了FrontPage网页制作工具，引导学生简单的了解网页制作的过程，采用了所见即所得的形式避开代码的繁琐，调动学生自行设计的积极性，对网页制作有一个简单的入门了解。

二、教学目标

1、知识目标

（1）理解网页制作的简单步骤。

（2）学会用FrontPage的制作简单网页。

2、技能目标

（1）掌握的FrontPage的背景添加的操作。

（2）掌握FrontPage的文字编辑、艺术字、图片的插入的操作。

（3）知道HTML的简单编码。

3、情感目标

（1）培养学生的口头表达能力、操作和分析概括能力。

（2）培养学生展示自我、表现自我的能力。

（3）培养学生独立思考问题、解决问题的能力和团结协作精神。

（4）在网页制作的过程中，提高学生对FrontPage的认识。三、重难点、问题预测及对策

1、重难点

（1）重点：FrontPage的基本操作。

（2）难点：HTML的理解。

2、问题预测

本节课是网页制作的第一节内容，需要学生掌握的技能并不困难。由于在学习网页制作的过程中，需要培养学生的制作网页的积极性，才能引发学生对网页制作的兴趣，实现自主学习，自主开发。

3、对策

以制作班级自己的主页引起学生注意，引发学生的兴趣。让学生运用FrontPage的插入、背景修改等工具，通过作品展示激发学生的动力。

在教学过程的设计上，通过自主设计自己的个人主页来达到解决一个个知识点的目的，同时通过学生自己创作，引导学生正确的审美情趣和创作激情。

四、课前准备

精美网站、优秀班级主页、素材图片等。

五、教学流程

1、情感导入：通过优秀班级主页欣赏，引发学生兴趣，跃跃欲试。

2、自主学习：引导学生做自己班级的主页。

3、示范教学：学生归纳总结，老师帮助、提醒，使学生掌握正确的操作步骤。

4、扩展思维：多种工具的综合使用，发挥学生的创造能力，完善作品。

六、教学课时

1课时

七、教学过程

学又犯难了，头脑里面出现了一个问号，做网

页是不是很难啊？

接下来我们再来欣赏一个网页。优秀班级网页

欣赏。

小结反思：课题引入阶段，为了提高学生的兴趣，我通过几个简单问题增加学生的信息，让学生介绍自己喜欢的网站，诱发学生的学习动力。介绍因特网对于学生来说知识比较枯燥，但是从他们喜欢的网站出发，能够快速的吸引学生的注意力。又通过建设班级网页的形式，让学生有展现自己的想法，为接下来动手练习做了一个很好的铺垫。

2、指出途径主动尝试

教师活动学生活动设计意图

师：欣赏了刚才的网页，接下来就是同学们动手的时间了，我们一起来完成第一个任务，制作我们自己班级的主页。

制作网页的软件有很多，今天我们要使用的工具是FrontPage。老师已经把制作简单网页的步骤列举出来了，接下来，我们一起动手，在老师的指引下，我们一起来做我们班级的主页。通过学生的主动探究、合作交流，在教师引导下自主完成任务一，掌握网页制作的基本方法。

小结反思：介绍软件的制作的过程会让学生听起来一头雾水，我通过自己的学习网页介绍做好网站的基本常识，让学生通过自学的形式进行了解。但是对于一些自学习惯差的学生来说，学习兴趣会降低，就需要老师进行多巡查并进行分组练习，采用相互合作、互相帮助的形式完成网站的基本常识学习，这个环节难度较高，所以

采用了老师先自学，然后老师引导的形式，对于自学能力较差的班级，老师讲的内容会增加。

3、自主创作激发潜能

教师活动学生活动设计意图

师：通过刚才的小试牛刀阶段，同学们应该都掌握了网页制作的基本技能。接下来，我们再来完成创意空间的任务。这个任务希望大家能独立完成，老师不再引导了，大家动手试试看……生：

(1)完成作品。

(2)作品上交。

学生示范解说。

分层教学：学生操

作，教师个别指导，

以完成网页制作的

学习。

学生在教师的引

导，鼓励下，自主

学习、探究，解决

问题。并通过演示、

解说，培养学生的

动手操作能力，思

维能力、语言表达

能力，提高学生的

自信心。

小结反思：通过上小结的演示，学生们都已经跃跃欲试，因此需要尽量多留时间给学生自行练习，加深对知识的应用能力，老师需要多巡查，及时发现学生在动手过程中的问题，并予以及时提醒。

4、课堂小结

教师活动学生活动设计意图

将学生自己创作的作品，进行展示、评价。师：总结：通过本节课的学习，我们掌握的网页制作的基本技能，我们一起回顾一下都有哪些操作。

师：首先要设计自己页面的基本构成，然后对页面进行简单的布局最后要注意，在网页设计时一定要有立体空间感以及页面的新颖度，这样做出来的页面效果才能更好。

友情提示：通常在做网页之前应该建立相应的文件夹，如在“E”盘建立一个“WEB”文件夹用来存放网页，同时在“WEB”下再建立一个专门存放图片的文件夹“images”。

通过这节课的学习，我们已经初步掌握了网页制作的基本方法，但网页制作的方法和软件还远远不止这些，希望同学们在今后的学习和生活中继续探索，发挥自己的想象力和创造力，创作出更丰富多彩的网站，留住我们美好生活的精彩。检查学生完成情

况。

力求每个学生都完

成对网页的基本制

作，大部分学生尝

试全新的创作。

增强学生的道德素

质。

小结反思：因为网站的基本常识这个内容对于初中生来说难度较高，动手做起来也比较复杂，所以有同学在动手过程中可能会无从下手，导致不能完成任务，所以需要分组进行相互帮助，老师可以安排已经会做的小组同学对还不能完成任务的同学当他们的小老师，提高学生指导能力。并且在最后的作品展示中请同学讲解自己制作网页的基本步骤和设计意图，也锻炼了学生的语言表达能力。

八、总结及课后反思