六年级信息技术《制作简单的网页》教学设计.docx

六年级信息技术《制作简单的网页》教学设计.docx

《六年级信息技术《制作简单的网页》教学设计.docx》由会员分享，可在线阅读，更多相关《六年级信息技术《制作简单的网页》教学设计.docx（11页珍藏版）》请在冰豆网上搜索。

六年级信息技术《制作简单的网页》教学设计

六年级信息技术《制作简单的网页》教学设计

课题名称：

《制作简单的网页》

姓名：

工作单位：

学科年级：

信息技术六年级

教材版本：

一、教学内容分析

本课是贵州教育出版社出版的六年级小学信息技术课程，学习的内容是制作简单的网页，这里的知识和我们一起学习的word、幻灯片的制作软件有相似之处，学习起来像认识新朋友，又像是见到老朋友。

二、教学目标

知识与技能 

（1）能熟练地启动和退出FrontPage2003； 

（2）熟悉FrontPage2003的窗口组成和主要图标、按钮的功能及使用；

（3）能熟练地建立、打开、关闭、保存、预览网页和浏览网页。

过程与方法 

（1）学习FrontPage2003的基本用法，从而掌握利用编辑软件制作网页的基本方法； 

（2）培养学生先从模仿入手，再到创作网页的能力。

情感态度价值观 

（1）通过学习活动走进网页制作的新世界，使学生从制作的角度去认识网页，形成积极、主动的学习态度。

（2）培养学生的创新精神，提高学生的信息素养。

三、教学重难点

教学重点：

（1）熟悉FrontPage2003的窗口组成和按钮的功能及使用。

（2）会用FrontPage2003创建简单的网页和保存网页文件。

教学难点：

（1）掌握创建和打开站点的方法。

（2）通过实例学会用FrontPage2003创建简单的网页和保存网页文件。

四、学习者特征分析

学生为六年级的学生，已经学习了word、ppt等软件，并且掌握了两个软件的菜单等知识，所有学习本节课的知识有一定基础，老知识像新朋友的过渡与迁移，难度不太大，加以预习，应该容易掌握好本节课的知识。

五、教学过程

教师活动

预设学生活动

设计意图

一、创设情境，激趣导入

同学们都喜欢上网浏览网页，一个个图文并茂的网页在给我们传递知识的同时，还给我们以美的享受。

网页中除了文字，还可以包含各种图片、声音、动画甚至是一段视频。

其实制作网页并不难，文字编辑软件Word就可以制作网页，不过要说到常用的网页编辑工具软件，那我们一定要了解FrontPage。

今天我们就来学习如何制作一个简单的网页。

在制作这个简单的网页之前，我们一起欣赏上一届的同学制作的网站。

展示：

让学生浏览上届学生制作的网站。

（学生制作的网站中有图片、声音、动画和视频。

）给学生创造一个良好的学习心境，激发学生的学习兴趣和创作灵感）

板书课题。

制作简单的网页

二、自主探究，学习新知

（一）认识网页制作常用软件——FrontPage2003

教学方法：

演示法，小组合作法，自主学习法

师：

Frontpage2003是微软公司开发的用来制作和编辑网页的工具软件，是Office软件系列当中的一个，具有非常强大的网页编辑功能。

1.启动FrontPage2003的方法。

让学生观看启动FrontPage2003的微视频（播放微视频）

生：

自主探究启动FrontPage2003的操作步骤

小结：

操作步骤

步骤1：

单击任务栏上的“开始”按钮；

步骤2：

在随后弹出的“开始”菜单中，将鼠标指针移动到“所有程序”；

步骤3：

在弹出的“所有程序”菜单中，将鼠标指针移动到“MicrosoftOffice”；

步骤4：

单击程序菜单中的“MicrosoftOfficeFrontpage2003”。

2.认识Frontpage2003程序窗口

师：

Frontpage2003程序窗口同Word的程序窗口非常相似。

师：

Word的程序窗口包括哪些内容？

生：

小组合作。

生：

汇报学习情况

师展示课件并讲解：

Frontpage2003程序窗口。

（二）制作最简单的网页

教学方法：

小组合作，自主学习

师：

在Frontpage2003的编辑窗口中输入文字跟在Word中的操作基本一致。

师：

Word的编辑窗口是怎样操作的？

生：

自主探究学习。

生：

汇报操作。

师生小结：

Frontpage2003的编辑窗口操作步骤。

操作步骤

步骤1：

选择合适的输入法，比如“智能ABC输入法”；

步骤2：

单击编辑区左下方的“设计”按钮，将视图状态调整到“设计”模式；

步骤3：

在程序窗口的编辑区中输入“自我介绍”的文字。

师提示：

为了保证你在浏览该网页时候能达到最佳的视觉效果，请使用IE4.0以上的浏览器，分辨率为800X600以上。

生：

练习操作。

（三）在网页中插入图片

教学方法：

自主学习，小组合作法。

师：

只有文字的网面是很单一的，下面将图片插入到网页中。

在Frontpage2000中可以像在Word里面一样插入剪贴画，还可以插入外部的图片文件。

1.插入图片

师：

在Word里面我们是怎样插入剪贴画，或插入外部的图片文件的？

要求学生回答。

生：

……

师：

要求学生联系在Word里面我们是怎样插入剪贴画，或插入外部的图片文件的方法相互合作探究如何在网页中插入图片？

生：

合作探究。

师生小结插入图片方法。

让一名学生讲解并演示插入图片方法。

操作步骤

步骤1：

在网页的编辑窗口中，将鼠标指针移动到需要插入的图片位置上单击鼠标左键，然后单击菜单栏上的“插入”→“图片”→“来自文件”

步骤2：

在随后弹出的“图片”对话框中选择需要插入的图片文件，单击“插入”按钮。

师：

返回到网页的编辑窗口中，就可以看到图片已经插入到编辑的网页中

2.调整图片的大小和位置

师：

图片进入编辑窗口后，我们可以根据网页情况对图片的位置、大小进行调整。

师：

让学生联系Word中调整图片的大小和位置的方法探究在Frontpage2003中调整图片的大小和位置的方法。

生：

小组合作探究。

生汇报操作方法。

操作步骤

步骤1：

在图片上单击鼠标左键，选中该图片，这时图片的四周出现8个小方块，叫做“调节控制柄”；

步骤2：

将鼠标指针移动到其中一个调制控制柄上，这时鼠标指针变成了调整状态；

步骤3：

按住鼠标的左键不放进行拖动就可以调整图片的大小；

步骤4：

单击格式栏上的“居中”按钮，将图片调整到该文本行的居中位置。

生：

模仿操作。

3.保存网页

师：

做好了一张网页后，需要保存下来。

师：

要求学生根据以往所学保存文件的方法互相合作探究保存网页的方法。

生：

合作探究

师：

检查学生的探究效果。

师演示操作并讲解

步骤1：

单击菜单栏上的“文件”→“保存”或者“另存为”；

步骤2：

在“另存为”对话框中，选择需要保存文件的位置，然后在“文件名”文本框中输入网页的文件名，最后单击“保存”按钮；

步骤3：

如果要保存的网页中有图片，还会弹出“保存嵌入式文件”对话框，选择图片文件保存的文件夹并给图片文件重命名后单击“确定”按钮。

生：

练习操作。

4.预览网页

师：

制作好了网页，你想马上查看效果吗？

单击编辑窗口左下方的“预览”按钮。

就可以查看网页了。

师提示：

编辑中的网页和最后完成的网页的显示效果优势是不一样的，所以，我们在制作的过程中使用“预览”按钮查看正在编辑的网页，可以帮助我们调整网页的显示效果到比较理想的状态。

三、想一想

在网页上的图片是使用JPG格式好还是使用BMP格式好？

四、练一练

试着完成一个介绍自己的网页。

1.在D盘或E盘中新建一个站点，站点名称使用学校+班级，

2.打开此站点文件夹，观察里面有哪些文件和文件夹。

让学生动手创建站点。

提问1.站点内第一张网页一般起什么名字？

让学生通过问题方式掌握内容。

提问2.用探究学习新建网页的方法：

如何在站点内增加一张新的网页？

（1）探究、观察学习。

（2）教师个别辅导。

（3）打开自己的网页。

掌握打开网页方式。

五、展示并进行评价学生作品。

1.师评

2.生生互评

六、渗透法制教育：

《中华人民共和国计算机信息系统安全保护条例》

为了保护计算机及其相关的和配套的设备、设施（含网络）等信息系统的安全，促进计算机的应用和发展，保障社会主义现代化建设的顺利进行，我国特制定了本条例。

请同学们在使用计算机的时候一定要遵守《中华人民共和国计算机信息系统安全保护条例》。

七、全课总结

同学们在这节课中有什么新的收获？

学生发言，教师总结。

八、作业设计

请学生再次自主制作一个自我介绍的网页内容。

要求：

1.编辑的时候让学生将视图状态调整到“代码”模式。

2.保存到网上邻居→教师机→班级名→个人文件夹下。

九、安全警示语

1.下楼道时靠右行驶。

2.玩耍不要追打、疯狂，注意安全。

3.放学路上注意交通安全。

不要在路上逗留，尽快回家。

认真观看作品，在借鉴中学习。

认真观看，观摩学习

小组合作

自主探究

合作探究怎样插入图片

汇报操作方法

合作探究保存网页

创建站点

展示作品

老师评价

生生互评

这样的作品，来源于师哥师姐，有亲切感，学生很容易接受。

充分运用微课改变教学策略，让学生主体地位得到很好的体现。

培养学生的合作意识

培养学生的自主探究能力

在难点上进行合作探究，体现团队的协作精神，懂得团队合作。

培养了学生的团队意识。

培养学生表达能力

使评价多元化

六、板书设计

 十、板书设计

第五课 制作简单的网页

（一）认识网页制作常用软件——FrontPage2003

1.启动FrontPage2003的方法。

2.认识Frontpage2003程序窗口

（二）制作最简单的网页

（三）在网页中插入图片

1.插入图片

2.调整图片的大小和位置

3.保存网页

4.预览网页

课后反思

《制作简单的网页》是贵州教育出版社信息技术第七册中的一个重点知识，也是学生学习FrontPage2003使用中的一大亮点。

我在教学简单网页制作网页的时候，先通过让学生观看图文并茂的网页激发学生的学习的积极性。

从而导入新课。

在新课教学中，首先介绍书上的知识，为了更好地激发学生的学习兴趣，适当的时候还采用了微视频辅助教学。

然后让学生联系一些与FrontPage2003相似的Word的相关知识，让学生回顾旧知识后自己思考、设计、相互讨论、探究，最后完善。

通过这种方式不仅发挥了学生的主动性和创造性，更是让学生把在课堂上学到的理论性的知识与实践知识相结合起来。

同时，在学生实践的过程中，我根据不同的情况把课堂上大部分时间交给学生，让他们自己动手制作。

教师不做过多指点，只是多加引导，让学生在实践中自我摸索、不断提高。

另外我在教学中还采用分组讨论、互相指评、课堂练习等方式进行教学。

这样的教学方法使学生从亲身实践中获取了知识，因此学得扎实，记得牢固，同时也提高了学生分析问题和解决问题的能力。

当然，在教学中也还存在很多问题，但我会努力，不断的提高自身的教育教学水平。

做一个探究型的优秀教师。