活动2制作网页第2课时

1、插入网页布局表格备课教师： 田文英 共 3 课时第 2 课时教具使用: 多媒体网络教室、FrontPage2003软件教学目标知识1、掌握使用表格进行布局的方法。 2、掌握对表格进行操作的方法。能力掌握利用表格进行布局的方法。情感形成需求分析的意识。重点能够利用表格进行网页的版面布局。难点能够利用表格进行网页的版面布局。教学过程教学批注导入请大家将活动1中所设计的网页版面图拿出来，结合课本第15页张晓明同学的设计范例，完成第15页的学习单。明确表格的重要性。认识表格。学会插入表格1让学生学会合并、拆分、插入、删除和设置单元格属性等操作。 2引导学生利用表格实现网页的版面设计。通过交流，掌握对表

2、格的操作方法。1巩固表格知识。2为插入网页元素埋下伏笔，引发学生的积极探索。新授教学阶段 教师活动 学生活动 新课引入 介绍为什么使用表格进行布局：不同的分辨率下（显示器中）保持网页各个元素设计的位置不会改变，表格中可以放置网页上的任何元素。 参考第18页的知识向导，理解表格在网页中的作用。认识表格 介绍表格的组成： （1）表格由几个部分组成：表头：表格的首行，表示表格各列的名称。 行：表格的一行，水平方向。列：表格的一列，垂直方向。单元格：在表格中，每个方格称为一个单元格（Cell），可以为每个单元格设置不同的属性。 边框：在表格的四周，可设置有无。 （2）在每个单元格中，除了可以填写文本之

3、外，还可以放置图片、表单等，表格的最大好处是能分类显示数据，同时能利用表格来组织网页的整体布局。 学习表格知识。 插入表格 1演示使用“表格”菜单命令插入表格的方法： （1）将光标移到要插入表格的位置，即插入点。 （2）单击“表格”菜单，选择“插入”选项，并在选择项中单击“表格”选项，出现插入表格对话框。 （3）在对话框中，在“行数”中输入需要的行数，在“列数”中输入需要的列数，同时设置好“对齐方式”、“边框粗细”、“单元格边框”、“单元格间距”。 （4）最后单击“确定”按钮，屏幕上就会出现一张空的表格。 2说明：如果在对话框中“边框粗细”值设置为0，则该表格线在浏览网页时不会被显示出来。 3

4、组织学生讨论：还有哪些方法可以插入表格？ 1根据教师的演示及参照第16页的操作坊，插入并修饰表格。 2讨论插入表格的其他方法。 表格操作，如插入、删除合并、拆分和设置单元格属性等操作 1演示合并单元格等的操作。2让学生根据先前的版面设计完成对表格的操作。 1按照自己网页设计版面来确定表格样式。 2采用插入、删除、合并、拆分等操作对表格进行操作。 交流协作 请各个小组内相互交流、相互检查，要求每位同学都要实现自己的版面布局设计。 1.向已完成的同学请教、学习。 2.完成自己的版面设计。 总结拓展 1根据某一个版面设计和学生一起用表格实现布局。 2小结：表格在 FrontPage2003中有相当重

5、要的应用，这节课我们用表格实现了版面设计。那么，如何将图片、文本等元素充实到网页中？请大家课后思考。 1.和老师一起用表格实现一个计版面布局。 2.课后探究教师提出的问题。 板书设计插入网页布局表格一、认识表格（表格由几个部分组成？） 行：表格的一行，水平方向。列：表格的一列，垂直方向。单元格：在表格中，每个方格称为一个单元格（Cell），可以为每个单元格设置不同的属性。 边框：在表格的四周，可设置有无。二、插入表格 （1）将光标移到要插入表格的位置，即插入点。 （2）单击“表格”菜单，选择“插入”选项，并在选择项中单击“表格”选项，出现插入表格对话框。 （3）在对话框中，在“行数”中输入需要的行数，在“列数”中输入需要的列数，同时设置好“对齐方式”、“边框粗细”、“单元格边框”、“单元格间距”。 （4）最后单击“确定”按钮，屏幕上就会出现