第5使用格布局网

1、logo第第5章章 使用表格布局网页使用表格布局网页参考资源：3/kcpt/jkx.htmlv大学计算机主要内容主要内容v1 1创建表格；创建表格；v2 2编辑表格；编辑表格；v3 3讨论；讨论；v4 4格式化表格；格式化表格；v5 5制作个人简历页面；制作个人简历页面；v6 6总结并布置作业。总结并布置作业。11/12/2021广东金融学院21创建表格创建表格v认识表格认识表格11/12/2021广东金融学院3表格的行表格的列单元格合并后的单元格表格控制点1创建表格创建表格v新建表格新建表格11/12/2021广东金融学院4序号序号 行数行数 列数列数列宽

2、（单位）列宽（单位）边框粗细边框粗细 单元格边距单元格边距 单元格间距单元格间距183400（像素）124256100（百分比）200346100（百分比）0201创建表格创建表格v新建表格新建表格11/12/2021广东金融学院51创建表格创建表格v表格样式总结表格样式总结 1) 1) 像素和百分比的不同，给新建的表格带像素和百分比的不同，给新建的表格带来的差异。来的差异。 2) 2) 边框粗细的外观，强调边框粗细取边框粗细的外观，强调边框粗细取0 0时，时，在浏览器中的显示效果。在浏览器中的显示效果。 3) 3) 单元格边距和单元格间距的含义。单元格边距和单元格间距的含义。11/12/20

3、21广东金融学院62编辑表格编辑表格v表格的主要编辑操作表格的主要编辑操作 选中选中 调整大小（包括行高和列宽）调整大小（包括行高和列宽） 行和列的增加和删除行和列的增加和删除 单元格合并单元格合并 拆分拆分 表格的嵌套表格的嵌套11/12/2021广东金融学院72编辑表格编辑表格v表格的编辑实例表格的编辑实例11/12/2021广东金融学院83讨论讨论v表格制作思路讨论表格制作思路讨论 只使用合并，不使用拆分和嵌套方法，只使用合并，不使用拆分和嵌套方法，如何制作上述表格？如何制作上述表格？ 只使用拆分，不使用合并和嵌套方法，只使用拆分，不使用合并和嵌套方法，如何制作上述表格？如何制作上述表格

4、？ 只使用嵌套，不使用合并和拆分方法，只使用嵌套，不使用合并和拆分方法，如何制作上述表格？如何制作上述表格？11/12/2021广东金融学院93讨论讨论v只使用合并只使用合并 需要在制作表格之前计算整个表格的最大行需要在制作表格之前计算整个表格的最大行数和最大列数，并以这两个值决定新建表格数和最大列数，并以这两个值决定新建表格的行数和列数，最后，再使用合并方法得到的行数和列数，最后，再使用合并方法得到所需的表格样式。所需的表格样式。 优点：直观，容易掌握。优点：直观，容易掌握。 缺点：需要事先计算表格的行数和列数；对缺点：需要事先计算表格的行数和列数；对于复杂的表格实现比较繁锁；后期修改麻烦于

5、复杂的表格实现比较繁锁；后期修改麻烦。11/12/2021广东金融学院103讨论讨论v只使用拆分只使用拆分 需要在制作表格之前计算整个表格的最小行需要在制作表格之前计算整个表格的最小行数和最小列数，并以这两个值决定新建表格数和最小列数，并以这两个值决定新建表格的行数和列数，最后，再使用拆分方法得到的行数和列数，最后，再使用拆分方法得到所需的表格样式。所需的表格样式。 优点：操作方法单一、容易掌握。优点：操作方法单一、容易掌握。 缺点：第缺点：第1 1种方法的缺点同样存在。种方法的缺点同样存在。11/12/2021广东金融学院113讨论讨论v只使用嵌套只使用嵌套 需要先确定表格的大体结构，并以此

6、生成表需要先确定表格的大体结构，并以此生成表格的整体架构，然后在需要细分的单元格中格的整体架构，然后在需要细分的单元格中再进一步嵌套表格。视表格的复杂程度，这再进一步嵌套表格。视表格的复杂程度，这种嵌套的层次可以是多层。种嵌套的层次可以是多层。 优点：制作速度快，容易后期再修改。优点：制作速度快，容易后期再修改。 缺点：太多的嵌套层次，将延长浏览器的显缺点：太多的嵌套层次，将延长浏览器的显示时间。示时间。11/12/2021广东金融学院123讨论讨论v一种可行的方案一种可行的方案 视表格结构而定，综合合并、拆分和嵌套三视表格结构而定，综合合并、拆分和嵌套三种方法的优点，以嵌套方式为主，再配以合

7、种方法的优点，以嵌套方式为主，再配以合并和拆分操作。并和拆分操作。11/12/2021广东金融学院13表格嵌套区域单元格合并区域单元格拆分区域4格式化表格格式化表格v常见的表格格式化操作常见的表格格式化操作 表格格式化表格格式化 单元格（或单元格区域格式化）单元格（或单元格区域格式化） 单元格中文本的格式单元格中文本的格式11/12/2021广东金融学院144格式化表格格式化表格v表格格式化实例表格格式化实例5制作个人简历页面制作个人简历页面v最终效果最终效果11/12/2021广东金融学院165制作个人简历页面制作个人简历页面v实例总结实例总结 1) 1) 表格布局技巧表格布局技巧 2) 2) 表格编辑技巧表格编辑技巧 3) 3) 表格格式化技巧表格格式化技巧11/12/2021广东金融学院176总结并布置作业总结并布置作业v(1) (1) 总结总结 1) 1) 新建表格及单位（即像素和百分比）使新建表格及单位（即像素和百分比）使用。用。 2) 2) 表格编辑操作表格编辑操作 3) 3) 表格格式化操作表格格式化操作 4) 4) 使用表格布局网页的方法和技巧使用表格布局网页的方法和技巧11/12/2021广东金融学院186总结并布置作业总结并布置作业v(2) (2) 作业作业 1 1下载下载“中国教育和科研计算机网中国教育和科研计算机网”主页主