您当前的位置:首页 >>学科教研>>信息技术>>案例集锦>>文章内容
应用表格布局网页结构——常州市市北实验初级中学 张青
信息时间:2012-04-23     阅读次数:

教学目标:

知识与技能:

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、在学案上画出今天制作网页的结构图

学生回答

 

 

学生可以带回教室完成,并请同桌打分

知识总结

 

 

知识巩固并完成评价

 

设计意图:

表格设计由小及大,布局网页时,着重部分,逐渐增加,最后完成一张网页。虽然不符合规划设计的思想,但符合学生的认知过程。有助于学生对表格作用的认识。
 
附件下载:

    主办单位:常州市教育学会   苏ICP备05086717号-1
    地址:江苏省常州市紫荆西路6号   电话:0519-86695189   邮编:213016
    技术支持:常州市教育科学研究院、常州万兆网络科技有限公司    访问统计    网站管理


    打开微信扫描二维码
    关注"常州市教育科学研究院"微信订阅号