粤教版-选修三-第四章 网站的开发-4.2 网站的设计

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