苏科版八年级全册4 应用表格布局网页表格教案及反思

这是一份苏科版八年级全册4 应用表格布局网页表格教案及反思，共3页。教案主要包含了分析表格结构，完成表格布局，充实网页页面内容，保存网页，展示学生半成品，并评价等内容，欢迎下载使用。

教 案
复备栏
教学目标：
1．知识与技能
1）了解表格在网页设计中的作用。
2）掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片。
3）能够根据网页设计内容，正确设计表格的结构，掌握表格嵌套的设计方法。
2．过程与方法
1）利用对比学习，培养知识迁移的能力。
2）通过用表格布局网页，进一步理解表格的作用、功能及网页设计方法的多样性，培养学生的发散思维能力。
3）通过自主探究，掌握软件的使用规则，培养学生自主学习的能力。
3．情感态度与价值观
1）通过对比学习体验软件学习的一般方法及规律，提高自主学习的能力。
2）通过运用表格布局各种网页对象（各人根据网站主题设计网页），理一步掌握各种不同对象的属性设置方法和规律，体验创造的快乐。
教学重点与难点：
1．重点
1）了解表格在网页布局中的重要作用。
2）掌握插入、编辑表格的方法及表格的属性设置方法。
3）掌握单元格的修饰与属性的设置。
2．难点：
1）表格的嵌套在网页布局中的应用。
2）。
教学方法：对比教学，探究学习，模仿学习
教学准备：整理、归类相关素材，并按要求存放
教学过程
教师活动
学生活动
设计意图
知识回顾
站点的创建、新建并保存网页以及网页中文字、图像等对象的插入。
导入：展示两个内容相同的网页（多彩的生物），一个用无边框表格布局，页面整洁有序；另一个没用表格布局，页面凌乱无序。
师：有什么办法可以过做到像前一个页面的效果？
（生：表格）
师：展示有表格边框布局的网页，提示以往学过的知识——WORD表格。
新授
一、分析表格结构
展示一些由表格布局的网页，引导学生分析其表格结构，自然过渡到教材例子（biage.htm），分析结构，得出表格的布局（几行几列，哪些行做了哪些处理）
任务一：规费网页表格布局
分层次完成该任务，基础相对弱一些的同学，仅要求读懂教材上的网页表格布局，知道规则表格的行数与列数，如何再调整至最终样式；基础扎实、操作能力较强的同学要求跳出教材，自行设计表格网页布局，并将自己的表格设计绘制在教材上
建议：使用多个非嵌套的表格来布局
二、完成表格布局
Dreamwear中表格的操作和“WPS文字”软件中的表格操作类似，老师应着重引导学生进行知识迁移，对具体的操作方法，无需做过多讲解
任务二：新建一个网页，用表格布局该网页，并在该网页中放入相应内容
A、打开站点，新建一个网页，保存为：“biage.htm”
B、按前面分析的要求插入一个表格
C、调整表格结构（主要是行列的插入、删除、单元格的合并与拆分、调整大小等）
三、充实网页页面内容
任务三：在表格中插入图处、文字与FLASH动画
建议：插入图片对象前，对图片做一定处理，如选择风格统一的图片，调整图片的大小为同一尺寸等
（教师可以事先将图片素材发给学生）
学生演示插入图片与文字的操作程
四、保存网页
五、展示学生半成品，并评价
本课我们学习了在Dreamwear中插入表格，在表格中插入图片与文字，并调整图片大小等几个操作。
表扬完成任务的学生，对未完成任务的学生给予激励。
跟随教师一起回顾
对比两个网页，思考老师提出的问题
用已学知识回答问题——利用表格布局网页
根据自己的实际情况选择任务难度，并动手分析与创意设计
请操作熟练的同学演示规则表格的插入，联想“WPS文字”软件中的表格操作来演示网页制作中表格的基本编辑，如行列的插入、删除、单元格的合并与拆分、调整大小等，以达到调整表格结构的目的
认真操作（耗时较长）
在表格相应位置放入相应文字、图片等
知识回顾
知识迁移
让学生理解表格利用布局网页可以让网页工整、美观
分层教学，培养学生模仿以及创新能力
软件学习的方法传授——类比法、知识迁移
回归网页制作，而不仅仅是插入一个表格
板书设计：
教学反思：