简单网页制作教学设计

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

一、设计意图：

目前网络对学生的吸引力很大，学生上网都会浏览网页内容，对网页的制作也有很大的兴趣，想知道一个网页是怎样制作成功的。但是网页的制作相对复杂，对于一些的代码的编辑学生也较难理解，因此本课选择了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”。

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

况。

力求每个学生都完

成对网页的基本制

作，大部分学生尝

试全新的创作。

增强学生的道德素

质。