“制作简单网页”教学设计

2011-02-21 16:50付维英
中国教育技术装备 2011年1期
关键词:文件夹研究性网页

付维英

1 教学内容分析

七年级学生使用的教材是由安善航老师主编、青岛出版社出版的《初中信息技术》。该教材共分上下两册,下册教材有3部分:网络基础及其应用,网页制作,用计算机处理多媒体信息。本课是“网页制作”中的第二课,主要介绍的内容是网页制作中最基础的部分,也是学习网页制作的入门内容。虽然难度不大,但内容重要,学生掌握起来应该不成问题。

2 学情分析

教学的对象是初中一年级的学生。在学习本章节之前,学生已经学习了网络基础知识,掌握了网络使用的基本方法;对文字的编辑、窗口的组成也有一定的基础;通过前面第一节对一些网站的介绍,学生对学习制作网页有较高的兴趣。并且能够以小组为单位,通过研究性学习、合作讨论的形式,完成根据主题设计一个网站并写出主页布局图的研究成果。

3 教学目标

知识与技能目标:了解Frontpage2000窗口的组成及各部分名称,并利用该软件制作一个简单的网站。

过程与方法目标:以小组协作形式,完成研究性成果,掌握站点的创建、主页的规划。

情感态度与价值观目标:培养学生的团队协作精神和自学创新的能力。

4 教学重难点分析

教学重点:利用Frontpage2000创建站点和网页,并能利用表格有效地规划网页,构建网页框架。

难点:用表格规划网页。

5 教学方法

任务驱动法,分组合作法,研究性学习法。

6 教学过程

6.1 引入新课

同学们,上节课我们学习了第五单元第一课:主题网站规划。其中老师布置了一个研究性作业:(广播展示)以我们同和的服务品牌“同和一家亲”为主题,以小组为单位,设计一个网站,并写出主页的布局图。大家都完成了吗?好,哪位小组长先来展示一下你小组的研究成果。(小组长通过实物投影仪依次展示小组成果,如图1所示。)

同学们的研究成果非常好。

6.2 新课讲授

这一节课,我们就以各个小组自己的研究成果为例,来学习第二课:制作简单的网页。(出示课题)制作网页的软件有很多,我们学习的是微软公司开发的FrontPage软件,这是一款非常优秀的网页制作软件。在本节课中,老师给大家布置几个任务,大家有没有信心完成?

【任务一】启动FrontPage软件,对照课本,认识软件窗口中各部分的名称。

学生做“拖一拖”小游戏。

大家回想一下,上节课我们在欣赏一个网站时,发现网站中包含很多的素材和网页文件,为了便于管理和使用这些文件和素材,需要把它们放在一个文件夹里,这个文件夹就叫站点文件夹。因此,在做网页之前,首先要创建一个站点。

【任务二】在C盘创建一个站点,名字为“同和”,要求该站点只有一个网页。

请大家自学课本,分组完成,看哪个小组做得快,做得好。哪个小组的同学帮老师也来建一个呢?(一生到教师机操作)

大家观察一下,这个同学在老师的机器上创建了同和站点,通过标题栏我们可以看到在C盘建立了一个“同和”文件夹,再来看一下文件夹列表,可以看到里面建立了一些文件夹和一个名为index的网页文件,这个文件就是系统给大家自动建立的一个主页文件。因此,我们在制作主页时,就应该先打开这个文件,大家要记住。

在制作主页之前,老师先给大家看一个网页(打开网页),观察一下这个网页的内容多不多?内容多但是很整齐,在这个网页中,是通过什么形式让内容变得这么有条理呢?

(用表格)对,使用表格规划我们的网页,可以使内容排列整齐,让浏览者更容易找到感兴趣的信息。下面,就请同学们完成

【任务三】用表格规划你的主页,并输入主页的文字。保存为index.htm文件。

(学生交流,操作)插入表格,合并单元格,拆分单元格。

(学生上教师机演示操作)

(老师总结补充)我们的主页建好了,为了防止丢失,应该怎么办呢?(保存),好,请大家保存一下你的主页。保存好了吗?同学们,一个网站可以包含很多个网页,大家想不想再建一个网页呢?一起来看一下。

【任务四】新建一个网页,标题为“同和概况”,介绍同和的地理位置等内容,并保存为th1.htm。(友情提示:用到的文章在桌面上的“概况”文件里面。)

学生交流讨论:有几种方法新建一个网页?(新建按钮;文件/新建网页)

我们建好了网页,想不想看一下它们在网络中的效果呢。在编辑视图标签里有个“预览”按钮。请大家试一试。但是在预览视图中只能看不能改,要想修改还要回到编辑视图里。还有没有别的方法使文件—在浏览器中预览。

好,同学们的任务完成得非常好,我们看一下哪个小组完成得最好?

【作品评价】每个小组推选2幅最好的作品,全班评价,说出优点和缺点。

本节课通过完成这4个任务,同学们有什么收获?一起看一下

【收获平台】分组讨论:本节课学习了哪些内容?你有什么收获?

通过本节课的学习,我们完成了网站制作中的一部分,制作网站还需要一些图片。

【作 业】以小组为单位,拍摄5~10张你认为最美的同和风景照片。

7 课后反思

本堂课以展示上节课布置的研究性作业开头,以布置下节课的研究性作业结尾,中间以分组协作、自学讨论的形式完成研究成果,并把研究成果分成一个个的小任务,让学生在轻松愉快的氛围中主动探究学习,很好地培养了学生自主学习的意识和团队协作的能力。但在任务一“认识窗口时”,如果能和前面学过的Word软件作比较,也用到知识的迁移则会更好。

猜你喜欢
文件夹研究性网页
磁力文件夹
实践,让研究性学习课堂精彩起来
学写简单的研究性报告
基于CSS的网页导航栏的设计
摸清超标源头 大文件夹这样处理
调动右键 解决文件夹管理三大难题
基于URL和网页类型的网页信息采集研究
挂在墙上的文件夹
网页制作在英语教学中的应用
浅谈“研究性”阅读教学