使用表格布局网页

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

2、细 单元格边距单元格边距 单元格间距单元格间距 183400（像素）124 256100（百分比）200 346100（百分比）020 1创建表格创建表格 v新建表格新建表格 2021-7-13广东金融学院5 1创建表格创建表格 v表格样式总结表格样式总结 1) 1) 像素和百分比的不同，给新建的表格带像素和百分比的不同，给新建的表格带 来的差异。来的差异。 2) 2) 边框粗细的外观，强调边框粗细取边框粗细的外观，强调边框粗细取0 0时，时， 在浏览器中的显示效果。在浏览器中的显示效果。 3) 3) 单元格边距和单元格间距的含义。单元格边距和单元格间距的含义。 2021-7-13广东金融学院

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

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

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

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

7、套三 种方法的优点，以嵌套方式为主，再配以合种方法的优点，以嵌套方式为主，再配以合 并和拆分操作。并和拆分操作。 2021-7-13广东金融学院13 表格嵌套区域 单元格合并区域 单元格拆分区域 4格式化表格格式化表格 v常见的表格格式化操作常见的表格格式化操作 表格格式化表格格式化 单元格（或单元格区域格式化）单元格（或单元格区域格式化） 单元格中文本的格式单元格中文本的格式 2021-7-13广东金融学院14 4格式化表格格式化表格 v表格格式化实例表格格式化实例 5制作个人简历页面制作个人简历页面 v最终效果最终效果 2021-7-13广东金融学院16 5制作个人简历页面制作个人简历页面

8、 v实例总结实例总结 1) 1) 表格布局技巧表格布局技巧 2) 2) 表格编辑技巧表格编辑技巧 3) 3) 表格格式化技巧表格格式化技巧 2021-7-13广东金融学院17 6总结并布置作业总结并布置作业 v(1) (1) 总结总结 1) 1) 新建表格及单位（即像素和百分比）使新建表格及单位（即像素和百分比）使 用。用。 2) 2) 表格编辑操作表格编辑操作 3) 3) 表格格式化操作表格格式化操作 4) 4) 使用表格布局网页的方法和技巧使用表格布局网页的方法和技巧 2021-7-13广东金融学院18 6总结并布置作业总结并布置作业 v(2) (2) 作业作业 v1 1下载下载“中国教育和科研计算机网中国教育和科研计算机网”主主 页（页（ :/edu / :/edu /），使用），使用Dreamweaver 8