应用表格布局网页结构教学设计.docVIP

应用表格布局网页结构 一、教学目标 1、知识与技能： （1）了解表格在网页设计中的作用。 （2）掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片。 （3）能够根据网页设计内容，正确布局表格的结构，掌握表格嵌套的设计方法。 2、过程与方法： （1）利用对比学习，培养学生知识迁移的能力。 （2）通过用表格结构设计网页，使学生进一步理解表格的作用、功能及网页设计方法的多样性，培养学生的发散思维能力。 （3）通过自主探究，使学生掌握软件的使用规则，培养学生自主学习的能力。 3、情感态度与价值观： （1）通过对比学习使学生体验软件学习的一般方法及规律，提高学生自主学习的能力。 （2）通过运用表格布局网页对象活动，进一步掌握各种不同对象属性的设置方法和规律，体验创造的快乐。 （3）通过“动物——人类的朋友”网站的设计与制作，激发学生关爱动物、保护动物的责任感，从而进一步树立共同改善人类生存环境的意识。 二、教学重点与难点 1、教学重点： （1）了解表格在网页设计中的重要作用。 （2）掌握插入、编辑表格的方法及表格的属性设置。 （3）掌握单元格的修饰与属性的设置。 2、教学难点：表格的嵌套在网页设计中的应用。 三、教学过程 1、创设情境、导入新课 （1）展示两个页面并进行比较：一个使用表格布局，但表格边框隐藏（看不出表格痕迹），其页面工整，文本、图片摆放对称，具有一定的规律；另一个页面凌乱，图文混杂，摆放杂乱。 （2）提问：你喜欢那个页面的布局？学生回答。 （3）提出问题：有什么方法可以达到第一个页面的效果。观察第三个页面，内容与第一个页面相同，显现页面中表格的边框。 （4）学生讨论、交流，回顾Word中学习过的表格，领悟表格在FrontPage中的作用。 设计意图：通过对比学习，培养学生知识迁移的能力。 2、任务驱动、自主学习 （1）展示一些由表格布局的网页，引导学生分析其表格结构，自然过渡到分析教材中的例子，得出表格的布局。 （2）出示任务一：规划网页表格的布局。分层完成该任务，基础相对薄弱的学生仅要求读懂教材中的网页表格布局，知道规则，根据表格的行数与列数，调整至最终样式；基础扎实、操作能力较强的学生可以跳出教材，自行设计表格网页布局，并将自己的表格设计绘制在教材上。 设计意图：分层教学，学生可以根据自己的实际情况选择任务难度，并动手分析和进行创意设计，培养学生的模仿以及创新能力。 （3）出示任务二：新建一个页面，用表格布局该网页，并在该网页中放入相应内容。FrontPage中表格的插入于编辑与Word中的表格操作类似，教师着重引导学生进行知识迁移。 （4）学生操作，教师安排操作熟练的学生进行演示。 设计意图：培养学生知识迁移的能力和动手能力。 （5）出示任务三：在表格中插入图片、输入文字。任务四：表格属性以及单元格属性的设置。 （6）学生根据自己的实际情况选择任务难度，可按教师的具体要求操作，也可根据自己的意图进行设计。 设计意图：确保达到教学目标的同时，给学生一定的自主空间，鼓励他们去创新，而不应让学生一成不变地生硬模仿。 （7）出示任务五（提高内容）：表格的嵌套。学生动手制作网页。 设计意图：更好的发挥优秀学生创作思维动手能力。 3、课堂小结、后续活动 （1）教师引导学生回忆本节课学习的内容：在FrontPage中插入表格、编辑表格以及表格嵌套的基本方法等。 （2）教师展示优秀作品，表扬完成任务的学习，对未完成任务的学生，应鼓励他们利用课余时间继续完成。