动手做网页》教学设计

/,然后请学生看一个初一年级学生使用FrontPage制作的网站http://www.nbxiaoshi.net/xsgrzy/,最后请学生观看老师做的网站http://dhzx.lyge.cn。通过以上几个网站的介绍,每个学生都已跃跃欲试了。此时教师做一个过渡:“刚才在浏览器中所看到的每一幅画面都是一个网页,这些网页有的美观大方,有的丰富多彩,有的个性鲜明,那么我们自己能不能制作出具有自己风格的网页,并在网上发布,以便进行广泛的信息交流呢?”学生一定会说“能”。今天我们就一起来学习《网页制作》。教师导出本节课的教学目标。

(二)研究问题建构新知

1.设疑、导入知识点一:网站的建立

问题1:在E盘根目录下建立一个名为“wweb”的网站。

组织教学:(1)首先让学生自学课本P.135-136的内容

思考:①新建“站点”与新建“网页”有何不同?

②使用新建“站点”有何优点?

(2)学生演示操作

(3)学生回答思考题

(4)学生反馈练习(在D:\建立“网站web”的网站)

2.分析、导入知识点二:网页的制作

问题2:在“web”网站中如何建立首页。

组织教学:(1)相互讨论,提出解决问题2的办法。

提示:结合课本P.136-142,分步解决问题。

(2)学生回答解决问题

步骤

1.将语言代码定义为:简体中文(GB2312)

2.编辑窗口中的文字:美观、大方

3.图片插入页面

4.插入动画

思考

为什么要定义?

网页制作和WORD文字处理的相同与不同之处?

网页中常用的图片格式有哪些?

回答

提示

学生

教师

学生(阅读课本中相关内容,可相互讨论)

教师巡视帮助学生解决问题.

学生(阅读课本中相关内容,可相互讨论).

学生(阅读课本中相关内容,力求掌握操作要领)教师可适当提醒学生插入动画之后会怎样.

演示操作

学生演示操作

教师可以随意点名让学生来操作演示。这部分内容不难。

教师(此处要通过艺术字的运用,让学生明白各种软件之间可以相互借鉴补偿的,提高学生的综合运用能力。)

学生(尝试练习).

教师(此部分学生最感兴趣,可以结合前面学习的知识让学生到网上寻找适合自己用的图片运用到网页中).

学生尝试操作,当发现问题时,教师可进一步提醒学生,要让每一学生带上耳机,有的时候会因为耳机问题,此时教师要加以解决问题。

学生反馈练习

语言设置

输入文字,进行格式设置.

插入图片

插入动画

点评

教师

存在问题:字体不用常规字体,美化字体时不做成图片格式.

能恰当灵活的运用图片美化网页。提高学生的审美欣赏水平。

同样要提醒学生注意整个网页的布局及内容的配合问题.

小结

教师强调要点

教师以鼓励为主.

3.分析、导入知识点三:网页的保存

问题3:将所建网页以“index.htm”为名保存。

组织教学:(1)保存时要注意什么?为什么?

(2)学生看书、回答

(3)学生操作练习

(4)教师点评、小结 注意对图片、声音、动画的保存方法。

(三)自主小结归纳信息

组织教学:(1)提问:本节课同学们学到了哪些知识?掌握了哪些知识?

(2)学生回答,相互补充

(3)教师评价

(四)课外研究拓展综合

(1)思考,完成以下题目:插入水平线;设置背景。

(2)运用所学知识,一人或多人建立一个网站,根据自己所学的内容设计一个丰富多彩、富有鲜明个性特征网页的方案,确定步骤。

主要参考资料:

[1]初中《信息技术》教科书(含光盘)江苏省中小教学研究室编著,江苏科学技术出版社2001年7月出版。

[2]网络资源:中小学信息技术教育网http://www.nrcce.com:8088/site

K12中国中小学教育教学网http://itedu.k12.com.cn/