网站规划设计教学设计教案
印章公司-大律师与小结巴
网站规划设计
*教材分析】本案例是教育科学出版社《网络技术应用》（选
修）第四章第三单元网站实现的
第一课时，主要介绍使用网页制作工具FrontPage实际动手制作
自己的网站，将规划设计的
蓝图通过同学们自己的努力成为现实。
*学生分析】学生对网站的
实际制作较感兴趣，但实际操作制作水平差距很大，虽然在教育
科学出版社《信息技术基础》（必修）课
程第六章信息集成与信息交流部分已有介绍，但学
生对网站实现的基本过程理解不够，整体感不强，有待
进一步提高。
*教学目标】
1、让学生从整体上感悟网站实现的基本过程。（过程与方法）
2、熟练使用FrontPage建立网站、制作网页。（知识与技能）
3、培养学生严谨的学习作风与合作精神。 （情感、态度、价值观）
*重点难点】
1、网站实现的基本过程。（重点）
2、图片与动画文件的设置与保存。（难点）
*处理思路】网站实现的基本过程是本节课教学重点，主要通过学生自主探究、优秀学生演
示操作、小组
合作等方式加强交流，加深对网站实现过程的理解和运用。网页元素的添加，
特别是图片和动画文件的设
置与保存是教学难点，试图通过教师讲解、学生互助和反复练习
以求突破。
*教学环境】网络教室+多媒体演示教学软件+PPT文稿
*教学过程】
一、创设情境，知识导入。
1、师：同学们，通过前面的学习，我们了解了因特网有很多服务
功能，但我们更多的是欣
赏别人做的网站，那现在能不能通过你自己的努力将上节课同学们规划设计的版
面布局图变
成现实，通过互联网宣传介绍自己的学校
设计意图：调动学生情感，激发学习热情。
2、教师PPT演示部分优秀学生的版面规划设计
图，通过同学展评，从中选出公认的设计蓝
图。
学生活动：学生观看、讨论、交流。
设计意图：确定网站实现蓝本，为网页布局做好前期分析。
3、局域网发布其它班级同学做好的网站，学生浏览网页 （见图一）
师：今天我们共同学习网站实现，让你的蓝图变成现实。
设计意图：让学生从整体上把握方向，进一步激发学习热情。
二、新授：
环节一：分析网站实现基本过程之一建立站点。
1、教师设问，引发学生思考。
问1：利用FrontPage开发网站，首先需要做的第一件事是什么
问2：为什么首先需要创建一个Web站点
问3：在FrontPage中如何去创建一个站点
学生活动：学生阅读教材P88页内容并讨论交流回答问题。
设计意图：让学生真正体会创建站点的重要性和基本方法。
2、教师结合学生演示,强调创建站点类型、站点保存位置及名称。
学生活动：学生尝试利用FrontPage创建站点，演示操作创建站点的过程和方法。
设计意图：给学生提供更多展示自我的机会。
3、教师结合创建好的空站点简略分析其目录结构，特别指出文件夹images的作用。
设计意图：为图片和动画文件的保存做铺垫。
环节二：学生操作体验网站实现基本过程之二网页制作。
1、教师结合规划设计图讲解实现网页布局的方法之一表格的建立，并给出设计任务1。
任务
1：新建网页，插入3×3的表格，并设置表格宽度为600像素，水平居中，表格边框
粗细设置为0。
学生活动：学生自主探究完成网页布局表格的建立与设置。
设计意图：按照教师的操作要求完成操作任务，培养学生严谨的学习作风。
2、教师结合学生操作情况，强调“表格属性”窗口的设置，并请学生示范操作。
小结：教师引导学生小结网页布局表格的建立方法
设计意图：培养学生总结与归纳能力，语言交流与表达能力。
3、教师给出设计任务2，让学生体会网页制作的第二步：添加网页元素。
任务2：合并表格
第一行单元格，并插入练习素材中的图片文件。设置图片的宽度为600像
素，高度为80像素，水平居
中。
4、教师在学生操作练习任务2的基础上提出任务3，进一步巩固消化网页元素——动画文
件的添加方法。
任务3：在表格第三行第三个单元格内插入动画文件，并设置动画文件的宽度为15
0像素，
高度为120像素，水平居中。
学生活动：学生通过自主与合作学习，尝试网页图片与Flash动画文件的添加方法。
设计
意图：将jpg格式的普通图片文件与swf格式的动画文件安排在一起让学生练习，旨在
让学生真正理
解和区分两种不同格式文件的添加方法。
5、教师根据学生实际操作状况，针对性地请学生进行操作示
范，并归纳小结图片和动画文
件的不同添加方法。
环节三：教师讲解网页的保存方法。
1、通过确定保存网页文件的文件名，引出首页的概念及默认文件名的含义。
2、特别指出图片和动画文件的保存方法，突出站点中images文件夹的作用。
学生活动：学生按要求保存文件，并利用文件夹列表进行查看文件目录结构。
设计意图：让学生加深对网站文件目录结构重要性的理解。
环节四：课堂评价与小结
选取部分学生作品展开自评与互评，教师引导学生小结网站实现的基本过程。
学生提交作业：学生将自已的作品上传到FTP服务器: 用户名和密码均为xxjs。
设计意图：培养学生自评与互评能力，体验分享学习成功的喜悦。
*教学反思】
1、 本案例通过教师引导、学生自主练习、合作学习等形式试图给学生建立一个较为清晰的
框
架，从整体上把握网站实现的基本流程，为学生今后的继续学习打好基础。
2、 通过学生演示操作、
归纳小结所学内容、作品自评与互评等形式激发学生的学习热情，
使学生的个性得以充分展示。
3、
针对学生个体差异性，教学过程中准备了具有层次性的操作要求，旨在让所有学生均有
所收获和提高