规划网页布局教学设计

规划网页布局教学设计潘圣江【教学目标】知识与技能目标：1、了解框架结构的特点与用途；2、掌握框架网页建立的方法与步骤；3、通过放手让学生自己看书学习，自主独立探索操作，培养学生自学探究能力，养成良好的学习习惯；4、使学生通过搜集整理各种动物网页素材，培养自己分类归纳与综合处理能力；5、使学生通过网页设计制作，培养自己审美能力与创新能力，同时，让学生在制作过程中，通过对各种动物的进一步认识与了解，培养学生爱护动物、保护环境的美好情操。知识与技能目标：了解表格在网页设计中的作用。掌握网页中表格的制作方法及其基本编辑方法。区分表格属性和单元格属性，并掌握属性的设置。了解嵌套表格的作用及制作方法过程与方法目标：利用对比学习，形成知识迁移的能力通过用表格布局网页，进一步理解表格的作用、功能通过对比学习与自主探究，了解并掌握软件学习的一般方法及规律，提升自主学习能力情感态度与价值观目标：通过对用表格布局网页的学习，增强审美观，提高对学习网页制作的兴趣。通过“保护动物”网站的制作，激发学生关爱动物、保护动物的责任感，从而进一步树立共同改善人类生存环境的意识。【教材内容分析】框架网页制作是小学信息技术五年级下册的内容，它是制作网页的一个重要模块。框架网页能将浏览器页面分割成几个不等的窗口，使每个窗口能同时浏览不同的网页文件，并能保持相对独立。它与教材前面所学的表格布局网页相比，是一种全新的网页结构布局方式，使用简单，方便灵活。教材采中用图文并茂的方式，一步一步介绍了框架网页的设计思想与制作过程，思路清晰，条理清楚，非常适合学生自己看书操作学习。【教学对象分析】教学面向的是五年级的学生，该年龄段的学生已具备了一定的信息素养，掌握了基本的信息技术的知识和技能，大部分学生都会网上冲浪，能上网查找资料。且通过本学期前段时间学习，已初步掌握了用FrontPage制作简单网页与创建网站的基本知识，学生对学习网页制作有极浓的兴趣。许多学生都能制作出自己喜爱的图文并茂的网页作品，动手操作欲望高，都想自主探究学习，探索创新。而本课的内容正好给学生提供了一个展现自我的操作平台，因此我采用了谈话引导与情景教学法，任务驱动法，合作学习与分组讨论法、自主探究学习法，利用建构主义的理论，创建学习环境，让学生在问题解决中学习。【教学重难点】教学重点：1、框架网页的结构特点及其用途；2、快速创建适用的框架网页的方法与步骤。教学难点：1、理解“设置初始网页”与“新建网页”的不同含义。2、掌握框架属性的设置：调整框架大小、设置框架边界、改变边框线的宽度等。【教学策略与设计意图】根据教材内容特点，结合学生的认识水平与操作能力，同时为了提高课堂学习效率，教师采用半成品加工策略，给学生提供创建框架网页所必需的一些素材。首先以谈话复习与情境对比方法，引入新课学习，激发学生学习兴趣与创造欲望。然后再以学案形式给学生提供任务驱动与方法指导，让学生完全能够独立自主操作学习，教师只巡视检查学生学习进度，并适当提供指导，真正做到少讲多练。而在每一学案完成后，进行阶段性的学习小结，分组讨论学习过程中遇到的困难，分享体念到的操作方法技巧，教师引导分类汇总，提大家高认识水平与操作技能。【教学准备】1、为了学习操作规范，同时实现与前面学习衔接，教师提供一个缺少框架网页的网上动物园网站。2、为提高课堂学习效率，准备一些介绍常见动物的图文素材网页。3、为不同层次学生的学习需要，提供一些框架网页制作的视频片段。4、为使学生充分明确学习任务与学习要求，提供一个学习方案网站。【教学过程】教学环节时间安排教师活动学生活动设计意图与预成目标引入课题5分钟1、谈话提问前一阶段学习过哪些内容。2、强调前面学习的一些注意事项：a)关于网站的规划与创建要求；b)关于网页的创建与结构布局；c)关于网站素材的贮存与网页命名要求。3、引导学生认识框架网页，适时揭示课题。1、在老师引导下回顾并巩固前面所学知识。2、在浏览器中浏览网上网站，掌握浏览方法技巧。3、比较认识框架网页与表格布局网页的不同特点及其广泛应用。1、巩固前面所学知识，为本课学习作准备。2、激发学生学习兴趣与创作欲望，为后续内容学习打好辅垫。3、学生通过体验比较，突破本次课的认识重点。新课5分钟过程一创建框网页1、引导学生打开学习方1、认真学习学案一，明确其中的任务与1、让学生学会自学，自主探学习案一，让学生按方案中提供的方法与要求完成本方案中的学习操作任务。2、巡视检查学生学习情况，适时提供学习帮助。3、引导学生分组讨论本学案学习中遇到的学习困难与学习心得。4、根据需要示范讲解框架中设置网页与新建网页的异同点，突破本节课的难点。5、总结提示与要求：A）框架网页及其中的每个框架要放在网站根目录里；B）这了初次学习方便，可用中文命名框架网页及其中的每个框架；C）建错了要修改或删除重建。要求，并按学法提示选择自己喜欢的方式完成学习操作任务，在网站根目录下创建并保存框架网页。2、小组交流合作，讨论帮助解决学习中的问题，分享自己的学习心得。究，团队协作，共同创新。2、培养学生交流沟通与表达能力，同时培养锻炼学生团队协作精神与创新思想。3、以示范讲解突破认识难点。6分钟过程二给框架网页添加内容1、引导学生打开学习方案二，让学生按方案中提供的方法与要求完成本方案中的学习操作任务。2、巡视检查学生学习情况，适时提供学习指导。3、引导学生分组讨论本学案学习中遇到的学习困难，评价自己的网页作品，分享各自的学习心得。4、总结提示与要求：A）框架网页里各框架中的内容可逐一输入编辑，也可以利用已有的网页快速复制粘贴。B）编辑好框架网页后应立即保存，掌握几种快速保存方法。1、认真学习学案二，明确其中的任务与要求，并按学法提示选择自己喜欢的方式完成学习操作任务，填写编辑好框架网页里各框架的内容。2、小组交流合作，讨论帮助解决学习中的问题，分享自己的学习心得。3、小组鉴赏评价各自的框架网页。1、让学生学会自学，自主探究，团队协作，共同创新。2、培养学生交流沟通与表达能力，同时培养锻炼学生团队协作精神与创新思想。3、让学生掌握快速制作网页的方法技巧。4、通过评价手段，培养学生鉴赏能力与立美、审美思想情趣。过程三创建右框中网页1、引导学生打开学习方案1、认真学习学案三，明确其中的任务与1、让学生学会自学，自主探8分钟5分钟三，让学生按方案中提供的方法与要求完成本方案中的学习操作任务。2、巡视检查学生学习情况，适时提示指导。3、引导学生共同小结本学案学习要点：A）右框中的子网页最好保存到一个子文件夹里。子网页中的图片素材也应保存在相应的子文件夹中。以使我们的网站结构简洁清晰，便于查找修改错误，也利于网站的发布需要。B）可利用复制的方法批量导入子网页，提高制作效率。4、根据需要，教师可演示复制操作过程。要求，并按学法提示选择自己喜欢的方式完成学习操作任务，快速创建好右框中的子网页。2、将新建的子网页连同网页中的图片保存在指定的子文件夹里。3、小组内合作帮助，先完成的同学充当小老师，指导小组内其他同学。4、各小组间进行创建比赛。究。2、培养学生团队协作、互帮互助、共同创新精神及集体荣誉感。过程四给栏目名称设置超链接1、引导学生打开学习方案四，让学生按方案中提供的方法与要求完成本方案中的学习操作任务。2、巡视检查学生学习情况，适时提供学习帮助。3、小结学习要点：A）注意栏目名称与链接的子网页的名称对应；B）注意选择好子网页显示的目标框架。1、认真学习学案四，明确其中的任务与要求，并按学法提示选择自己喜欢的方式完成学习操作任务，快速创建好导航栏中各种动物的超链接。2、小组内合作帮助，先完成的同学充当小老师，指导小组内其他同学。3、保存框架网页的设置，用浏览器浏览自己的创作效果。1、让学生学会自学，自主探究。2、培养学生细心与耐心，同时培养学生整体思想与全局观念。评价与展示5分钟1、教师参与讨论，帮助学生进行评价。2、将挑选出来的作品在全班展示。3、对网页的优缺点进行总结，板书提示网页制作与优化技巧。1、小组内交流评价自己的作品，并挑选出较有特色的作品。1、培养学生交流沟通与表达能力。2、培养学生鉴赏能力与立美、审美情趣。巩固提高5分钟1、教师巡视指导，帮助学生解决疑问。如：网页背景设置，网页界面大小调整等，1、学生按老师提示对自己的作品进行修改。2、保存自己的作品。培养学生精益求精的精神。课后拓展延伸要求学生看书学习，对框架网页中的框架属性能够进行修改，使自己的网页变得更美观。延续课堂探索创作的兴趣与激情，培养学生课后看书学习的良好习惯。