教案12 应用表格布局网页.doc

《教案12 应用表格布局网页.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、序号12课题应用表格布局网页计1教时时间5.12第1教时教学目标1、知识与技能：（1）了解表格在网页设计中的作用。（2）掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片。（3）能够根据网页的设计内容，正确布局表格的结构，掌握表格嵌套的设计方法。2、过程与方法：（1）利用对比学习，培养学生知识的迁移能力。（2）通过表格结构设计网页，使学生进一步理解表格的作用、功能及网页设计方法的多样性，培养学生的发散思维能力。（3）通过自主探索，使学生掌握软件学习的一般方法及规律，培养学生自主学习的能力。3、情感态度与价值

2、观：（1）通过对比学习使学生月体验软件学习的一般方法和规律，提高学生自主学习的能力。（2）通过创建表格布局网页，体验成功快乐。（3）通过创建“动物---人类的朋友”网站，激发学生关爱动物保护动物的责任感，从而进一步树立共同改善人类生存环境的意识。教学方法可运用建构注意理论指导教学，对比教学法、任务启动教学法、自主探究学习法、演示教学法等。教学重点1、了解表格在网页设计中的重要作用和功能。2、掌握插入、编辑表格的方法及表格属性设置。3、表格嵌套的作用及潜逃方法，恰当布局表格。4、掌握单元格的修饰与属性的设置。教学难点1、恰当使用表格的嵌套设计。2、表格中的文字排

3、版、表格艰巨的设定。3、插件属性、按钮属性设置、flash动画插件的使用方法。设计思路文字、图片等对象的定位是网页设计中的难点，仅用“图片”工具中的“绝对定位”无法排列好网页的结构，所以运用表格布局网页的结构是一种非常重要的方法，也是网页设计的最主要内容之一，是网页设计的重点。课前教师准备1、多媒体作品。2、网络教室。3、各自制作的站点文件夹，整理、归类相关素材并按要求摆放。课前学生准备认真预习课文教学进程课堂流程教师活动学生活动新课导入以复习提问的方式来回顾站点的建立、网页的新建、以及网页中文字、图像等对象的插入，学生认真回顾，回答教师的提问。在此基础上导入

4、新课：（1）、展示两个页面并进行比较：一个使用表格布局，但表格边框隐藏（看不出表格痕迹），其页面工整，文本、图片摆放对称，具有一定的规律；另一个页面凌乱，图文混杂，摆放杂乱。（2）、提问：你喜欢那个页面的布局？学生回答。（3）、提出问题：有什么方法可以达到第一个页面的效果。观察第三个页面，内容与第一个页面相同，显现页面中表格的边框。设计意图：通过对比学习，培养学生知识迁移的能力。知识回顾回答问题讨论、交流，回顾Word中学习过的表格，领悟表格在FrontPage中的作用。教师讲解和演示讲解表格的作用：用表格控制文字、图片、动化等对象的位置，使网页的布局紧凑又整

5、齐美观。展示“珍惜动物”网页，分析结构，得出最佳表格的布局。演示插入基本表格，结合word,引导学生回顾word中学习的编辑方法（插入、删除、合并、拆分、调整大小等），调整表格结构。1、规划网页表格的布局。分层完成该任务，基础相对薄弱的学生仅要求读懂教材中的网页表格布局，知道规则，根据表格的行数与列数，调整至最终样式；基础扎实、操作能力较强的学生可以跳出教材，自行设计表格网页布局，并将自己的表格设计绘制在教材上。看网页，与老师一起分析结构，思考表格的行列情况。回顾word中表格的编辑方法，与老师共同调整表格结构。根据实际情况选择任务难度，并动手分析和进行创意设

6、计。课堂流程教师活动学生活动2、新建一个页面，用表格布局该网页，并在该网页中放入相应内容。FrontPage中表格的插入于编辑与Word中的表格操作类似，教师着重引导学生进行知识迁移。（1）、打开站点，新建网页。（2）、按前面分析的要求插入表格。（3）、调整表格结构。安排操作熟练的学生进行演示。及时纠正与补充。设计意图：培养学生知识迁移的能力和动手能力。3、在表格中插入图片、输入文字。学生根据自己的实际情况选择任务难度，可按教师的具体要求操作，也可根据自己的意图进行设计。建议：插入图片对象前，对图片做一定处理，如选择风格统一的图片，调整图片大小至统一尺寸等。4

7、、表格属性以及单元格属性的设置。（1）、表格属性（网格线、背景色）等。（2）、单元格属性。1、加入横向目录导航条，尝试使用表格嵌套。操作练习观看演示操作练习合作交流探究学习尝试操作课堂小结、后续活动（1）、教师引导学生回忆本节课学习的内容：在FrontPage中插入表格、编辑表格以及表格嵌套的基本方法等。（2）、教师展示优秀作品，表扬完成任务的学习，对未完成任务的学生，应鼓励他们利用课余时间继续完成。作业设计必做：完成一个网页要求有表格与表格嵌套。选作：板书设计创建网站制作首页(1)任务1：规划表格布局的网页。(2)任务2：新建一个页面，用表格布置。(3)任务

8、3：充实页面内容。(4)任务4：表格属