简单网页制作教学设计

1 / 7

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

一、设计意图：

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

二、教学目标

1、知识目标

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

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

2、技能目标

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

（2）掌握FrontPage的文字编辑、艺术字、图片的插入的操作。（3）知道HTML的简单编码。

3、情感目标

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

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

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

（4）在网页制作的过程中，提高学生对FrontPage的认识。

三、重难点、问题预测及对策

2 / 7

1、重难点

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

（2）难点：HTML的理解。

2、问题预测

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

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

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

四、课前准备

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

五、教学流程

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

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

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

3 / 7

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

六、教学课时

1课时

七、教学过程创设情景巧妙导

教师活学生活设计意

师如果我们想找资料想下载图片怎么办

师：到网上去找资料的时候，第一步我们会么?

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

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

师：首先，我们来欣赏一些精美的网站。现在越来越多的单位、个人利用网站来宣传自己，交流信息。

列举：刘翔、学校、大型网站欣赏

师：同学们欣赏了刚才的网站，有没有跃跃欲试的感觉啊，是不是想动动手啦？但是有的生：网上寻

生：打开网

生腾讯搜狐新浪等

生：想

以问题、案例引课题，让学生自而然地诱发学习创作的冲动

4 / 7

学又犯难了，头脑里面出现了一个问号，做网页是不是很难啊？接下来我们再来欣赏一个网页。优秀班级网页欣赏。

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

2、指出途径主动尝试

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

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

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

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

5 / 7

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

3、自主创作激发潜能

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

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

(1)完成作品。

(2)作品上交。

学生示范解说。分层教学：学生操作，教师个别指导，以完成网页制作的学习。

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

小结反思：通过上小结的演示，学生们都已经跃跃欲试，因此需

要尽量多留时间给学生自行练习，加深对知识的应用能力，老师需要多巡查，及时发现学生在动手过程中的问题，并予以及时提醒。

4、课堂小结

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

6 / 7

将学生自己创作的作品，进行展示、评价。

师：总结：通过本节课的学习，我们掌握的网页制作的基本技能，我们一起回顾一下都有哪些操作。

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

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

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

力求每个学生都完成对网页的基本制作，大部分学生尝试全新的创作。

增强学生的道德素质。