第5使用表格布局网.ppt

第5使用表格布局网 Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望主要内容主要内容v1 1创建表格；创建表格；v2 2编辑表格；编辑表格；v3 3讨论；讨论；v4 4格式化表格；格式化表格；v5 5制作个人简历页面；制作个人简历页面；v6 6总结并布置作业。总结并布置作业。2022/12/6广东金融学院21创建表格创建表格v认识表格认识表格2022/12/6广东金融学院3表格的行表格的列单元格合并后的单元格表格控制点1创建表格创建表格v新建表格新建表格2022/12/6广东金融学院4序号序号行数行数列数列数列宽（单位）列宽（单位）边框粗细边框粗细单元格边距单元格边距单元格间距单元格间距183400（像素）124256100（百分比）200346100（百分比）0201创建表格创建表格v新建表格新建表格2022/12/6广东金融学院51创建表格创建表格v表格样式总结表格样式总结1)1)像素和百分比的不同，给新建的表格带像素和百分比的不同，给新建的表格带来的差异。来的差异。2)2)边框粗细的外观，强调边框粗细取边框粗细的外观，强调边框粗细取0 0时，时，在浏览器中的显示效果。在浏览器中的显示效果。3)3)单元格边距和单元格间距的含义。单元格边距和单元格间距的含义。2022/12/6广东金融学院62编辑表格编辑表格v表格的主要编辑操作表格的主要编辑操作选中选中调整大小（包括行高和列宽）调整大小（包括行高和列宽）行和列的增加和删除行和列的增加和删除单元格合并单元格合并拆分拆分表格的嵌套表格的嵌套2022/12/6广东金融学院72编辑表格编辑表格v表格的编辑实例表格的编辑实例2022/12/6广东金融学院83讨论v表格制作思路讨论表格制作思路讨论 只使用合并，不使用拆分和嵌套方法，只使用合并，不使用拆分和嵌套方法，如何制作上述表格？如何制作上述表格？只使用拆分，不使用合并和嵌套方法，只使用拆分，不使用合并和嵌套方法，如何制作上述表格？如何制作上述表格？只使用嵌套，不使用合并和拆分方法，只使用嵌套，不使用合并和拆分方法，如何制作上述表格？如何制作上述表格？2022/12/6广东金融学院93讨论v只使用合并只使用合并需要在制作表格之前计算整个表格的最大行需要在制作表格之前计算整个表格的最大行数和最大列数，并以这两个值决定新建表格数和最大列数，并以这两个值决定新建表格的行数和列数，最后，再使用合并方法得到的行数和列数，最后，再使用合并方法得到所需的表格样式。所需的表格样式。优点：直观，容易掌握。优点：直观，容易掌握。缺点：需要事先计算表格的行数和列数；对缺点：需要事先计算表格的行数和列数；对于复杂的表格实现比较繁锁；后期修改麻烦。于复杂的表格实现比较繁锁；后期修改麻烦。2022/12/6广东金融学院103讨论v只使用拆分只使用拆分需要在制作表格之前计算整个表格的最小行需要在制作表格之前计算整个表格的最小行数和最小列数，并以这两个值决定新建表格数和最小列数，并以这两个值决定新建表格的行数和列数，最后，再使用拆分方法得到的行数和列数，最后，再使用拆分方法得到所需的表格样式。所需的表格样式。优点：操作方法单一、容易掌握。优点：操作方法单一、容易掌握。缺点：第缺点：第1 1种方法的缺点同样存在。种方法的缺点同样存在。2022/12/6广东金融学院113讨论v只使用嵌套只使用嵌套需要先确定表格的大体结构，并以此生成表需要先确定表格的大体结构，并以此生成表格的整体架构，然后在需要细分的单元格中格的整体架构，然后在需要细分的单元格中再进一步嵌套表格。视表格的复杂程度，这再进一步嵌套表格。视表格的复杂程度，这种嵌套的层次可以是多层。种嵌套的层次可以是多层。优点：制作速度快，容易后期再修改。优点：制作速度快，容易后期再修改。缺点：太多的嵌套层次，将延长浏览器的显缺点：太多的嵌套层次，将延长浏览器的显示时间。示时间。2022/12/6广东金融学院123讨论v一种可行的方案一种可行的方案视表格结构而定，综合合并、拆分和嵌套三视表格结构而定，综合合并、拆分和嵌套三种方法的优点，以嵌套方式为主，再配以合种方法的优点，以嵌套方式为主，再配以合并和拆分操作。并和拆分操作。2022/12/6广东金融学院13表格嵌套区域单元格合并区域单元格拆分区域4格式化表格格式化表格v常见的表格格式化操作常见的表格格式化操作表格格式化表格格式化单元格（或单元格区域格式化）单元格（或单元格区域格式化）单元格中文本的格式单元格中文本的格式2022/12/6广东金融学院144格式化表格格式化表格v表格格式化实例表格格式化实例5制作个人简历页面制作个人简历页面v最终效果最终效果2022/12/6广东金融学院165制作个人简历页面制作个人简历页面v实例总结实例总结1)1)表格布局技巧表格布局技巧2)2)表格编辑技巧表格编辑技巧3)3)表格格式化技巧表格格式化技巧2022/12/6广东金融学院176总结并布置作业总结并布置作业v(1)(1)总结总结1)1)新建表格及单位（即像素和百分比）使新建表格及单位（即像素和百分比）使用。用。2)2)表格编辑操作表格编辑操作3)3)表格格式化操作表格格式化操作4)4)使用表格布局网页的方法和技巧使用表格布局网页的方法和技巧2022/12/6广东金融学院186总结并布置作业总结并布置作业v(2)(2)作业作业1 1下载下载“中国教育和科研计算机网中国教育和科研计算机网”主页主页（http:/ 8Dreamweaver 8分析它的表格结构。分析它的表格结构。2 2设计一个班级主页的页面结构，并指出设计一个班级主页的页面结构，并指出单元格中将放置什么内容。单元格中将放置什么内容。2022/12/6广东金融学院19LOGO