高中信息技术.网站规划设计教案(粤教版选修).pdfVIP

高中信息技术.网站规划设计教案(粤教版选修)--第1页

学必求其心得，业必贵于专精

4。2网站规划设计

*教材分析】本案例是教育科学出版社《网络技术应用》（选修）第

四章第三单元网站实现的第一课时,主要介绍使用网页制作工具

FrontPage实际动手制作自己的网站，将规划设计的蓝图通过同学们

自己的努力成为现实。

＊学生分析】学生对网站的实际制作较感兴趣，但实际操作制作水

平差距很大，虽然在教育科学出版社《信息技术基础》(必修)课程

第六章信息集成与信息交流部分已有介绍，但学生对网站实现的基

本过程理解不够，整体感不强，有待进一步提高。

＊教学目标】

1、让学生从整体上感悟网站实现的基本过程。（过程与方法）

2、熟练使用FrontPage建立网站、制作网页。（知识与技能)

3、培养学生严谨的学习作风与合作精神。（情感、态度、价值观）

*重点难点】

1、网站实现的基本过程。（重点）

2、图片与动画文件的设置与保存。（难点）

*处理思路】网站实现的基本过程是本节课教学重点，主要通过学

生自主探究、优秀学生演示操作、小组合作等方式加强交流，加深

对网站实现过程的理解和运用.网页元素的添加，特别是图片和动画

文件的设置与保存是教学难点，试图通过教师讲解、学生互助和反

复练习以求突破。

＊教学环境】网络教室+多媒体演示教学软件+PPT文稿

*教学过程】

高中信息技术.网站规划设计教案(粤教版选修)--第1页

高中信息技术.网站规划设计教案(粤教版选修)--第2页

学必求其心得，业必贵于专精

一、创设情境，知识导入。

1、师:同学们，通过前面的学习，我们了解了因特网有很多服务功

能,但我们更多的是欣赏别人做的网站，那现在能不能通过你自己的

努力将上节课同学们规划设计的版面布局图变成现实，通过互联网

宣传介绍自己的学校？

设计意图:调动学生情感，激发学习热情。

2、教师PPT演示部分优秀学生的版面规划设计图，通过同学展评，

从中选出公认的设计蓝图。

学生活动：学生观看、讨论、交流。

设计意图：确定网站实现蓝本，为网页布局做好前期分析。

3、局域网发布其它班级同学做好的网站，学生浏览网页http：//192。

168.1.2（见图一)

师：今天我们共同学习4.3网站实现，让你的蓝图变成现实。

设计意图:让学生从整体上把握方向，进一步激发学习热情。

二、新授：

环节一：分析网站实现基本过程之一建立站点.

1、教师设问，引发学生思考。

问1:利用FrontPage开发网站,首先需要做的第一件事是什么？

问2：为什么首先需要创建一个Web站点？

问3：在FrontPage中如何去创建一个站点？

学生活动：学生阅读教材P88页内容并讨论交流回答问题。

设计意图：让学生真正体会创建站点的重要性和基本方法。

2、教师结合学生演示,强调创建站点类型、站点保存位置及名称。

学生活动：学生尝试利用FrontPage创建站点,演示操作创建站点的

高中信息技术.网站规划设计教案(粤教版选修)--第2页

高中信息技术.网站规划设计教案(粤教版选修)--第3页

学必求其心得，业必贵于专精

过程和方法。

设计意图:给学生提供更多展示自我的机会.

3、教师结合创建好的空站点简略分析其目录结构,特别指出文件夹

images的作用。

设计意图:为图片和动画文件的保存做铺垫.

环节二：学生操作体验网站实现基本过程之二网页制作。

1、教师结合规划设计图讲解实现网页布局的方法之一表格的建立，

并给出设计任务1。

任务1：新建网页，插入3×3的表格,并设置表格宽度为600像素,

水平居中，表格边框粗细设置为0。

学生活动：学生自主探究完成网页布局表格的建立与设置。

设计意图：按照教师的操作要求完成操作任务，培养学生严谨的学

习作风。

2、教师结合学生操作情况，强调“表格属性窗口的设置，并请学

生示范操作.

小结：教师引导学生小结网页布局表格的建立方法

设计意图：培养学生总结与归纳能力，语言交流与表达能力。

3、教师给出设计任务2,让学生体会网页制作的第二步:添加网页元

素。

任务2：合并表格第一行单元格，并插入练习素材中的图片文件title。

jpg。设置图片的宽度为600像素，高度为80像素，水平居中.

4、教师在学生操作练习任务2的基础上提出任务3,进一步巩固消

化网页元素—-动画文件的添加方法。

任务3：在表格第三行第三个单元格内插入动画文件2。swf,并