信息技术八年级全册4 应用表格布局网页表格教学设计

这是一份信息技术八年级全册4 应用表格布局网页表格教学设计，共5页。教案主要包含了教材分析，学情分析，教学目标，教学重点与难点，教学方法，教学准备，教学过程等内容，欢迎下载使用。
一、教材分析
布局网页是网站制作的重要内容，布局网页的方法有表格布局、框架布局和Div＋Css布局三种方法，表格布局网页是基本方法。
二、学情分析
学生在小学阶段已经详细学习了WPS文字中的表格制作，进入初中阶段，也学习了WPS表格。学生对表格的制作方法基本掌握，但对于表格布局页面内容的功能认识不足，对于表格的嵌套使用也是接触甚少。
三、教学目标
1. 知识与技能
（1）了解网页设计中表格的作用。
（2）掌握网页中表格的制作方法，表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片。
（3）能够根据网页设计内容，正确布局表格的结构，掌握表格嵌套的设计方法。
2. 过程与方法
（1）掌握软件学习中的对比学习法，培养学生迁移学习的能力。
（2）通过用表格结构设计网页，学生进一步理解表格的作用、功能，网页设计方法的多样性，培养发散思维能力。
（3）通过自主探究，学生掌握软件使用的规则，由摸索、探究到形成性学习，培养学会学习、驾驭学习的能力。
3. 情感、态度与价值观
（1）通过对比学习，学生体验软件学习的一般方法及规律，提高自主学习信息技术的能力。
（2）通过运用表格布局网页对象活动（各人根据网站主题，设计网页），进一步掌握各种不同对象，其属性的设置方法和规律，体验创造的快乐。
（3）通过“动物——人类的朋友”表格页的设计与制作，再次激发学生关爱地球动物的善良心地、保护动物的责任感，从而进一步树立共同改善人类生存环境的意识。
四、教学重点与难点
1. 重点
（1）表格在网页设计中的重要作用和功能。
（2）表格插入、编辑方法及表格的属性设置。
（3）单元格的修饰与属性设置。
2. 难点
表格的嵌套设计在网页设计中的应用。
五、教学方法
对比教学法、探究学习法、模仿学习法。
六、教学准备
各自制作的站点文件夹，相关素材整理归类，按要求摆放
七、教学过程
（一）复习
1. 教师活动
以复习提问的方式来回顾站点的建立、网页的新建以及网页中文字图像等对象的插入。
2. 学生活动
认真回顾，回答教师提问。
3. 设计意图
为本节课教学做一定铺垫。
（二）引入
1. 教师活动
（1）观看两个页面进行比较：一个是页面工整，文本、图片摆放对称且有一定规律，使用表格布局，但表格边框隐藏（看不出表格痕迹）；一个是页面凌乱，有图有文，摆放杂乱，你更喜欢怎样的页面布局？提出问题，有什么办法可以达到第一个页面的效果？
（2）观察第三个页面，内容同第一个页面，显现第一个页面的表格边框。
2. 学生活动
学生讨论，交流（学生可能会想很多复杂的办法），幡然领悟：原来是利用Wrd时学习过的表格，从而明白表格在Dreamweaver中的作用。
3. 设计意图
让学生明白是为了制作的网页内容工整、美观，所以选择使用表格布局。
（三）新授
1. 分析表格结构
（1）教师活动
展示一些由表格布局的网页，引导学生分析其表格结构，自然过渡到书本例子（biage.htm），分析结构，得出表格的布局（几行几列，哪些行做了哪些处理）。
任务一：规划网页表格布局。
分层完成该任务，基础相对弱一些的同学仅要求读懂书本网页表格布局，知道规则表格的行数与列数，如何再调整至最终样式；基础扎实、操作能力较强的同学要求跳出课本，自行设计表格网页布局，并将自己的表格设计绘制在书本上。建议：使用多个非嵌套的表格来布局
（2）学生活动
根据自己的实际情况选择任务难度，并动手分析与创意设计。
（3）设计意图
分层教学，培养学生模仿以及创新能力。
2. 完成表格布局
（1）教师活动
Dreamweaver中表格的插入和编辑与Wrd中的表格操作雷同，教师无须讲解，引导学生知识迁移。
任务二：新建一个页面，用表格布局该网页，并在该网页中放入相应内容。
①打开站点，新建一个网页，保存为：biage.htm；②按前面分析的要求插入一个表格；③调整表格结构（主要是行列的插入、删除、单元格的合并、拆分、调整大小等）。
（2）学生活动
操作熟练的同学来演示规则表格的插入，联想Wrd中的表格操作来演示网页制作中表格的基本编辑如：行列的插入、删除、单元格的合并、拆分、调整大小等，以达到调整表格结构的目的。
（3）设计意图
软件学习的方法传授——类比法、知识迁移。
3. 充实网页页面内容
（1）教师活动
运用制作首页中的文字图片插入方法完成表格布局页面的制作。
任务三：在表格中插入图片、输入文字。
建议：插入图片对象前，对图片做一定处理，如选择风格统一的图片，调整图片大小至同一尺寸等，友情提醒：图片的保存。
（2）学生活动
认真操作（耗时较长），在表格相应位置放入相应文字、图片等。
（3）设计意图
回归网页制作，而不仅仅是插入一个表格。
4. 调整表格属性，美化页面
（1）教师活动
预览制作的网页，有表格边框显示的网页反而显得太死板，如何修饰、让网页看起来更美观，请学生支着儿。
任务四：表格属性以及单元格属性的编辑。
①表格属性的调整，设置表格背景色等；②使用不同的颜色区分各版块；单元格属性的调整，强调：鼠标右键快捷菜单。
（2）学生活动
根据自己的实际情况选择任务难度，可按教师具体要求修饰调整表格，亦可根据自己的意图修饰调整表格（但表格边框的调整都需掌握）。
（3）设计意图
必须要求掌握的知识完成的同时，给学生一定的自主空间，鼓励他们去创新，而非一层不变生硬模仿。
5. 表格的嵌套
有时为了制作出更加美观的网页，我们可以使用表格的嵌套来实现。
任务五：加入横向目录导航条，尝试使用表格嵌套的方法解决问题。
（四）总结
1. 教师活动
本节课我们学习了在Dreamweaver中插入表格、编辑表格以及表格嵌套的基本方法。请同学回答几个问题、并演示几个基本操作。展示表格页面制作完成的优秀作品，表扬完成任务的同学，对未完成的同学给予激励，鼓励他们利用中午以及下午放学时间抽空到机房继续完成。
2. 学生活动
回答问题：
（1）表格在Dreamweaver中起到了的作用：定位对象；
（2）表格编辑的基本操作。
3. 设计意图
关注课堂学生操作的达成率。