应用表格布局网页结构5776107.docVIP

课 题 第10章 第2节 第3课时 应用表格布局网页结构 教 学 目 标 1、知识与技能： （1）了解表格在网页设计中的作用。 （2）掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片。 （3）能够根据网页的设计内容，正确布局表格的结构，掌握表格嵌套的设计方法。 2、过程与方法： （1）利用对比学习，培养学生知识的迁移能力。 （2）通过表格结构设计网页，使学生进一步理解表格的作用、功能及网页设计方法的多样性，培养学生的发散思维能力。 （3）通过自主探索，使学生掌握软件学习的一般方法及规律，培养学生自主学习的能力。 3、情感态度与价值观： （1）通过对比学习使学生月体验软件学习的一般方法和规律，提高学生自主学习的能力。 （2）通过创建表格布局网页，体验成功快乐。 （3）通过创建“动物人类的朋友”网站，激发学生关爱动物保护动物的责任感，从而进一步树立共同改善人类生存环境的意识。 教学 方法 可运用建构注意理论指导教学，对比教学法、任务启动教学法、自主探究学习法、演示教学法等。 教学 重点 了解表格在网页设计中的重要作用和功能。 掌握插入、编辑表格的方法及表格属性设置。 表格嵌套的作用及嵌套方法，恰当布局表格。 4、掌握单元格的修饰与属性的设置。 教学 难点 恰当使用表格的嵌套设计。 表格中的文字排版、表格艰巨的设定。 插件属性、按钮属性设置、flash动画插件的使用方法。 设计 思路 文字、图片等对象的定位是网页设计中的难点，仅用“图片”工具中的“绝对定位”无法排列好网页的结构，所以运用表格布局网页的结构是一种非常重要的方法，也是网页设计的最主要内容之一，是网页设计的重点。 课前教 师准备 1、多媒体作品。 2、网络教室。 3、各自制作的站点文件夹，整理、归类相关素材并按要求摆放。 课前学 生准备 认真预习课文 教 学 进 程 课堂流程 教 师 活 动 学 生 活 动 新课导入 以复习提问的方式来回顾站点的建立、网页的新建、以及网页中文字、图像等对象的插入，学生认真回顾，回答教师的提问。在此基础上导入新课： （1）、展示两个页面并进行比较：一个使用表格布局，但表格边框隐藏（看不出表格痕迹），其页面工整，文本、图片摆放对称，具有一定的规律；另一个页面凌乱，图文混杂，摆放杂乱。 （2）、提问：你喜欢那个页面的布局？学生回答。 （3）、提出问题：有什么方法可以达到第一个页面的效果。观察第三个页面，内容与第一个页面相同，显现页面中表格的边框。 设计意图：通过对比学习，培养学生知识迁移的能力。 知识回顾 回答问题 讨论、交流，回顾Word中学习过的表格，领悟表格在FrontPage中的作用。 教师讲解和演示 讲解表格的作用：用表格控制文字、图片、动化等对象的位置，使网页的布局紧凑又整齐美观。 展示“珍惜动物”网页，分析结构，得出最佳表格的布局。 演示插入基本表格，结合word,引导学生回顾word中学习的编辑方法（插入、删除、合并、拆分、调整大小等），调整表格结构。 规划网页表格的布局。 分层完成该任务，基础相对薄弱的学生仅要求读懂教材中的网页表格布局，知道规则，根据表格的行数与列数，调整至最终样式；基础扎实、操作能力较强的学生可以跳出教材，自行设计表格网页布局，并将自己的表格设计绘制在教材上。 看网页，与老师一起分析结构，思考表格的行列情况。 回顾word中表格的编辑方法，与老师共同调整表格结构。 根据实际情况选择任务难度，并动手分析和进行创意设计。 课堂流程 教 师 活 动 学 生 活 动 2、新建一个页面，用表格布局该网页，并在该网页中放入相应内容。 FrontPage中表格的插入于编辑与Word中的表格操作类似， 教师着重引导学生进行知识迁移。 （1）、打开站点，新建网页。 （2）、按前面分析的要求插入表格。 （3）、调整表格结构。 安排操作熟练的学生进行演示。 及时纠正与补充。 设计意图：培养学生知识迁移的能力和动手能力。 3、在表格中插入图片、输入文字。 学生根据自己的实际情况选择任务难度，可按教师的具体要求操作，也可根据自己的意图进行设计。 建议：插入图片对象前，对图片做一定处理，如选择风格统一的图片，调整图片大小至统一尺寸等。 4、表格属性以及单元格属性的设置。 （1）、表格属性（网格线、背景色）等。 （2）、单元格属性。 加入横向目录导航条，尝试使用表格嵌套。 操作练习 观看演示 操作练习 合作交流 探究学习 尝试操作 课堂小结、后续活动 （1）、教师引导学生回忆本节课学习的内容：在FrontPage中插入表格、编辑表格以及表格嵌套的基本方法等