第 10 章使用表格的 “ 布局模式”

第10章使用表格的“布局模式” 在网页设计中，页面布局是一个非常重要的部分。有了好的布局，整个网页才可能美观、大方、实用。Dreamweaver提供了多种方法来创建和控制网页布局，使用表格的“布局模式”就是最常用、最实用的方式之一。表格的“布局模式”来源于表格，但是在布局模式中简化了使用表格进行网页布局的过程，避免了使用传统的方法创建基于表格的页面布局时经常出现的一些问题，如定位不准、不易调整等。

10.1 教学目标 • 掌握知识：通过本章的学习，读者应掌握使用在表格“布局模式”下创建页面布局的基本方法，能够对布局单元格和表格进行设置、编辑，并可以根据要求创建页面布局。 • 重点学习：本章重点讲解了使用布局单元格和表格，设置布局单元格和表格的格式，以及设置布局模式参数的方法。课后读者应结合上机操作进行强化练习。

10.2 理论指导 • 使用布局单元格和表格 • 设置布局单元格和表格的格式 • 设置布局模式参数

10.2.1使用布局单元格和表格 在布局模式中，用户不仅可以在页面上方便地绘制布局表格和布局单元格，灵活地将布局单元格单元格移动到布局表格中的任何位置上，还可以创建固定宽度的布局和自动伸展为整个浏览器窗口宽度的布局。 • 认识布局单元格和表格 • 绘制布局单元格和表格 • 为布局单元格添加内容 • 选择布局单元格和表格 • 清除单元格高度 • 绘制嵌套布局表格 • 将布局单元格靠齐到网格 • 设置布局宽度 • 使用间隔图像

10.2.2 设置布局单元格和表格的格式 • 在Dreamweaver 中，用户可以使用属性检查器来改变布局模式中的任何布局单元格和布局表格的外观，如背景、元素对齐方式等设置。 • 设置布局单元格的格式 • 设置布局表格的格式

10.2.3 设置布局模式参数 在Dreamweaver中，使用“首选参数”对话框中的“布局模式”选项，可以设置间隔图像文件、布局表格及布局单元格的颜色。要设置”首选参数”对话框中的布局模式参数,可以选择“编辑”|“参数选择”命令，或是按Ctrl+U键打开“首选参数”对话框，在“分类”列表框中选择“布局模式”选项即可。

10.3 上机实验 • 本章的上机实验主要练习在表格的“布局模式”下绘制页面布局。其中设置页面布局参数是重点，用户在“布局”模式下绘制布局表格和单元格的过程中，需要注意使用“布局单元格属性检查器”和“布局表格属性检查器”对布局单元格的各项参数进行设置。对于本章中的其他内容，用户可根据理论指导部分进行练习。 • 绘制布局页面布局 • 绘制嵌套布局表格 • 设置页面布局格样式

第 10 章 使用表格的 “ 布局模式”