规划网页布局教学设计2规划网页布局教学设计2.doc

规划网页布局教学设计 潘圣江 学习目标： 知识与技能目标： 了解表格在网页设计中的作用。 掌握网页中表格的制作方法及其基本编辑方法。 区分表格属性和单元格属性，并掌握属性的设置。 了解嵌套表格的作用及制作方法过程与方法目标： 利用对比学习，形成知识迁移的能力 通过用表格布局网页，进一步理解表格的作用、功能 通过对比学习与自主探究，了解并掌握软件学习的一般方法及规律，提升自主学习能力情感态度与价值观目标： 通过对用表格布局网页的学习，增强审美观，提高对学习网页制作的兴趣。 通过“保护动物”网站的制作，激发学生关爱动物、保护动物的责任感，从而进一步树立共同改善人类生存环境的意识。教材分析： 本节内容是 五年级信息技术（下册）设计主题网站的第5课时用表格布局网页结构。文字、图片等对象的定位是网页设计中的难点，用表格布局网页结构是一种非常重要，也是最为常用的方法，是网页设计中最主要的内容之一，也是网页设计的重点。学生通过用表格布局网页，将进一步理解表格的作用；通过对表格属性和单元格属性的设置，将为后面进一步学习对象属性的设置打下基础。学情分析： FRONTPAGE中表格的制作方法与WORD有很多相似之处，所以学生应该都是有表格制作的基础的。但考虑到时间间隔比较长，知识的遗忘率比较高，还需要老师帮助他们一起回顾，从而对比学习，进行知识的迁移。表格的修饰部分主要是让学生知道打开对象属性的方法，区分表格属性和单元格属性，而具体参数的设置并不难，主要让学生自己设置具有个性化的参数，不做统一要求。考虑到学生的差异，本人还提供了学件加以辅导，学生可以根据自身的情况选择适合自己的学习方式完成任务。教学重点： 了解表格在网页设计中的重要作用。 掌握网页中表格的制作方法及其基本编辑方法。 掌握表格属性、单元格属性的设置。教学难点： 嵌套表格在网页设计中的应用。 表格属性、单元格属性的灵活运用。 教学方法：对比引导、任务驱动。 教学准备 1、 学习帮助网站； 2、 少量图片素材 教学过程： 教学过程 环节 教师活动 学生活动 设计意图 课堂 引入 前几节课同学们正在学习设计制作网站，今天，就让我们用网站来展示下自己吧！ 开门见山，提出本节课的任务。 新 课讲 授 浏览教师网页 出示教师个人网站？ 教师自我介绍 浏览教师主页 调动学生积极性，让他们期待在自己的作品中展现自我。 分析教师网页布局 老师的主页是怎么做的呢？ 老师今天要教给大家一件秘密武器——表格。 用FrontPage软件编辑网页，出现表格线。 分析这张表格： 1． 表格是几行几列的； 2． 网页内容为什么要这样摆放。 引出布局的概念。 聆听、思考 分析 用设问的方式，激发学生的求知欲； 用直观的方式，把网页用表格的形式展现出来。 学生制作网页 “同学们会在Word中绘制表格吗？” “那么在FrontPage中的操作也是类似的。 教师演示表格插入，合并、拆分单元格。 出示任务：设计制作个人主页 要求： 1、请为你的个人主页选择（设计）一个布局； 2、在Frontpage中绘制表格，用表格细化你的布局； 3、请把你设计的个人主页的标题、栏目名称等填入表格（栏目2-3个） 4、用1—2张图片修饰、点缀。 学生用表格布局个人主页，在FrontPage中绘制表格。自主探究表格属性。 通过知识的迁移，把Word中制作表格的技术应用到FrontPage中。 让部分学优生能够主动探究表格的属性设置。 评价作品 请学生谈自己所选择（设计）的布局。 用一句话来展示自己！ 学生展示作品，谈布局方式，及展示自己。 让学生在展现自己的布局思想，同时也能审视自己。 拓展提高 就学生作品，从表格线的隐藏，引出表格属性设置。 完善作品 进一步完善作品。 吸收评价时，同学的优点，继续完善作品。同时也给学优生提出更高的要求。 课堂 小结 今天，我们在制作首页的过程中，体会到了网页制作的一般过程：设计布局、细化为表格、添加网页对象，下节课我们还将继续充实、美化我们的页面。 如果我们同学之间互相合作，一定能做出更好的作品！ 　 教学点评：对《应用表格布局网页结构》的想法（张艳云，南京四中） 优点： 1. 备课充分、素材丰富；课件、学件、文字及录像等这些学习的帮助都充分准备； 2. 老师的知识点讲解到位，思路清晰、严谨，重点突出，难点有效突破；注意到了知识的迁移，从与WORD对比入手；让学生很快在两者间建立联系，找到共同点，迅速的进入角色。 3. 在制作网