使用表格布局网页.ppt

第5章 使用表格布局网页 参考资源： 3/kcpt/jkx.html 《大学计算机Ⅱ》 主要内容 1．创建表格； 2．编辑表格； 3．讨论； 4．格式化表格； 5．制作个人简历页面； 6．总结并布置作业。 2021-4-20 广东金融学院 2 1．创建表格 认识表格 2021-4-20 广东金融学院 3 1．创建表格 新建表格 2021-4-20 广东金融学院 4 序号 行数 列数 列宽（单位） 边框粗细 单元格边距 单元格间距 1 8 3 400（像素） 1 2 4 2 5 6 100（百分比） 2 0 0 3 4 6 100（百分比） 0 2 0 1．创建表格 新建表格 2021-4-20 广东金融学院 5 1．创建表格 表格样式总结 1) 像素和百分比的不同，给新建的表格带来的差异。 2) 边框粗细的外观，强调边框粗细取0时，在浏览器中的显示效果。 3) 单元格边距和单元格间距的含义。 2021-4-20 广东金融学院 6 2．编辑表格 表格的主要编辑操作 选中 调整大小（包括行高和列宽） 行和列的增加和删除 单元格合并 拆分 表格的嵌套 2021-4-20 广东金融学院 7 2．编辑表格 表格的编辑实例 2021-4-20 广东金融学院 8 3．讨论 表格制作思路讨论 ① 只使用合并，不使用拆分和嵌套方法，如何制作上述表格？ ② 只使用拆分，不使用合并和嵌套方法，如何制作上述表格？ ③ 只使用嵌套，不使用合并和拆分方法，如何制作上述表格？ 2021-4-20 广东金融学院 9 3．讨论 只使用合并 需要在制作表格之前计算整个表格的最大行数和最大列数，并以这两个值决定新建表格的行数和列数，最后，再使用合并方法得到所需的表格样式。 优点：直观，容易掌握。 缺点：需要事先计算表格的行数和列数；对于复杂的表格实现比较繁锁；后期修改麻烦。 2021-4-20 广东金融学院 10 3．讨论 只使用拆分 需要在制作表格之前计算整个表格的最小行数和最小列数，并以这两个值决定新建表格的行数和列数，最后，再使用拆分方法得到所需的表格样式。 优点：操作方法单一、容易掌握。 缺点：第1种方法的缺点同样存在。 2021-4-20 广东金融学院 11 3．讨论 只使用嵌套 需要先确定表格的大体结构，并以此生成表格的整体架构，然后在需要细分的单元格中再进一步嵌套表格。视表格的复杂程度，这种嵌套的层次可以是多层。 优点：制作速度快，容易后期再修改。 缺点：太多的嵌套层次，将延长浏览器的显示时间。 2021-4-20 广东金融学院 12 3．讨论 一种可行的方案 视表格结构而定，综合合并、拆分和嵌套三种方法的优点，以嵌套方式为主，再配以合并和拆分操作。 2021-4-20 广东金融学院 13 4．格式化表格 常见的表格格式化操作 表格格式化 单元格（或单元格区域格式化） 单元格中文本的格式 2021-4-20 广东金融学院 14 4．格式化表格 表格格式化实例 5．制作个人简历页面 最终效果 2021-4-20 广东金融学院 16 5．制作个人简历页面 实例总结 1) 表格布局技巧 2) 表格编辑技巧 3) 表格格式化技巧 2021-4-20 广东金融学院 17 6．总结并布置作业 (1) 总结 1) 新建表格及单位（即像素和百分比）使用。 2) 表格编辑操作 3) 表格格式化操作 4) 使用表格布局网页的方法和技巧 2021-4-20 广东金融学院 18 6．总结并布置作业 (2) 作业 1．下载“中国教育和科研计算机网”主页（/），使用Dreamweaver 8分析它的表格结构。 2．设计一个班级主页的页面结构，并指出单元格中将放置什么内容。 2021-4-20 广东金融学院 19