教学目标:
知识与技能:
1、认识表格在网页制作中的作用;
2、能根据网页内容应用、设计表格,合理布局网页的页面;
过程与方法:
1、利用对比,加深学生对表格布局网页的认识;
2、通过用表格结构设计制作网页,使学生进一步理解表格的作用、功能,掌握插入表格、设置表格属性和单元格属性等与表格相关的操作方法;
3、在完善,充实网页的过程中,学会表格叠加、嵌套的方法;
情感态度与价值观:
1、通过浏览优秀网页作品,锻炼学生的观察能力及模仿能力;
2、通过对表格布局网页的学习,提高学生对学习网页制作的兴趣,增强学生的审美观;
教学重点:
1、插入表格,并利用插入行、列;合并及拆分单元格等操作调整表格的结构;
2、通过设置表格属性、单元格属性,来美化网页;
教学难点:
根据实际情况设计并应用表格布局网页;
教学方法:
讲解、演示、与任务驱动相结合;
课前准备:
1、学生完成学案上的预习题(第1题);
2、请1-2位学生上白板上完成与习题;
教学过程:
内容 | 教师活动 | 学生活动 | 设计意图 |
引入 | 1、出示一网页效果图,请学生在FrontPage中尝试达到该图的布局效果。 2、观察学生操作情况,选择学生演示对象。 如果学生探究效果不佳,则教师演示利用表格布局网页 | 学生在自己的计算机上尝试操作 学生演示:在FrontPage中用表格实现网页布局 | 知识探究 引入新课 |
使用表格布局网页 | 1、在白板上点评预习作业 (因为图片大小可以调整,教师在白板上把图片的线条延伸与网页边框重合,这是就能看到表格),引出网页用表格来布局是很常见的。 2、连线: 表格布局构图与对应网页范例连线 3、任务一: 请你为你的同桌选定一种布局结构,用我提供的素材制作一张网页。 提问: 如果你自己选,你会选择哪种布局?用表格实现,需要用几行几列? 4、观察学生的制作。 选择部分学生展示网页,请其他学生点评。重点关注美化效果。 引出表格背景、单元格背景、线条设置等操作 5、演示部分学生优秀作品,结合作品请学生思考,在设计制作完成的网页上,如何增加内容?包括表格行、列数确定不准确时,你如何补救。 引出插入行或列,拆分合并单元格等表格调整的相关操作 6、提问: 利用表格布局的方法,能否把同桌做的网页与你设计的网页合二为一呢? 7、演示: 表格的堆叠及嵌套 8、任务二: 尝试把任务一完成的网页,和引入部分的网页合并 | 跟随教师,一起修改 观察、思考、发现表格对于布局网页的作用 同桌交流 个别学生发言,上台连线操作 思考后,再操作 学生将选择的布局,写在同桌的学案上 学生上机操作 观察同桌的完成情况 个别学生展示,其他同学点评 学生演示表格属性、单元格属性设置操作 学生继续完成任务 学生讨论,并回答 挑选动手能力强的学生,演示插入行或列的操作 学生思考,回答 学生如果愿意尝试,可以请学生操作演示 学生操作, 同桌两人互相评价检查 | 新课讲授 巩固知识,拓展认识 操作练习, 为生生合作、竞争创造环境 师生互评,质疑解惑 讲授新知 评价、展示 知识重点突破 在问题中思考,发现,并学习 练习巩固 |
总结 | 1、表格对于网页布局的意义。 2、在学案上画出今天制作网页的结构图 | 学生回答 学生可以带回教室完成,并请同桌打分 | 知识总结 知识巩固并完成评价 |
设计意图: