第11章表格与布局 本章要点: 区创建表格 区设置表格属性 区创建布局表格 区创建布局单元格
第11章 表格与布局 本章要点： 创建表格 设置表格属性 创建布局表格 创建布局单元格
1创建表格 ◆11.1.1在网页中插入表格 要在网页中插入表格,首先将光标放置 在要插入表格的地方,单击常用插入面 板中的插入表格按钮,或选择【插入】 【表格】命令,出现如下图所示的插 入表格对话框, 插入表格 行数:B单元格填充 确定 列数:3 单元格间距 取消 宽度:0像素 帮助 边框:
11.1 创建表格 11.1.1 在网页中插入表格 要在网页中插入表格，首先将光标放置 在要插入表格的地方，单击常用插入面 板中的插入表格按钮，或选择【插入】 →【表格】命令，出现如下图所示的插 入表格对话框
在对应的空格内输入符合要求的值,单 “确定”,可得到符合要求的表格 生成的表格
在对应的空格内输入符合要求的值，单 “确定”，可得到符合要求的表格。 生成的表格
1.2选择表格元素 1.选择整个表格 方法1:将光标放在表格的右边和下边的外边框线上,单 击鼠标; 方法2:光标放在任一单元格,鼠标单击视图窗口底部的 标记; 方法3:光标放在任一单元格,选择【修改】→【表格】 【选择表格】菜单 2.选择单元格 (1)选择一个单元格 (2)选择连续的单元格 3)选择多个不连续单元格
11.1.2 选择表格元素 1．选择整个表格 方法1：将光标放在表格的右边和下边的外边框线上，单 击鼠标； 方法2：光标放在任一单元格，鼠标单击视图窗口底部的 标记； 方法3：光标放在任一单元格，选择【修改】→【表格】 →【选择表格】菜单； 2．选择单元格 （1）选择一个单元格 （2）选择连续的单元格 （3）选择多个不连续单元格
Q12表格的编辑和格式化 ◆112.1编辑表格 1.插入行或列 2.删除行或列 ◆11.2.2设置表格整体属性 对整个表格的格式化,主要通过属性 面板来完成。如图: v屈性 划划背景颜色)□ 边框颜色aB 到到到背景图像0)□
11.2 表格的编辑和格式化 11.2.1 编辑表格 1．插入行或列 2．删除行或列 11.2.2 设置表格整体属性 对整个表格的格式化，主要通过属性 面板来完成。如图：
◆1123使用预置表格类型 对表格进行格式化,还可以应 Dream weaver MX中预置的表格格式,其中包含右十几种非 常实用的格式 首先选中表格,然后选择菜单【命令】 【格式化表格】命令,弹出如下图所示的对话 框 格式化表格 otal Jan44311 Rows: BluebEll AltRows: Orange 行颜色:第一种「FFC 第一行:对齐:庑 文字样式:常规 背景色「, !厂 文本额色: 最 表格:边框 厂将所有属性套用至TD标注而不是TR标签
11.2.3 使用预置表格类型 对表格进行格式化，还可以应Dreamweaver MX中预置的表格格式，其中包含右十几种非 常实用的格式。 首先选中表格，然后选择菜单【命令】→ 【格式化表格】命令，弹出如下图所示的对话 框 ：
◆112.4设置行、列和单元格的属性 同设置表格属性的操作类似,对表格行、列 和单元格的格式.也是通过首先选中相应的表 格元素,然后通过在属性面板上设置数据而完 成的。 y屈性 格式无习A默认热无B团到重目 链接0「 9「目媽兰 单元水平默认型宽0不行厂背景 回到U默认,高标题g厂背景额色(□边框 分单元格 把单元格拆分行① 列 取消 行数:三 帮助⑩
11.2.4 设置行、列和单元格的属性 同设置表格属性的操作类似，对表格行、列 和单元格的格式．也是通过首先选中相应的表 格元素，然后通过在属性面板上设置数据而完 成的
◆1125复制、粘贴与清除单元格 在 Dreamweaver mX中还可以一次复制、剪 切和粘贴表格中的多个单元格,可以只复制单 元格的内容;也可以既复制内容又保持单元格 的格式。如同删除表格一样,首先选中所要复 制的单元格。所选单元格必须是矩形时才能被 复制、剪切和粘贴。 注意:如果选中的单元格与所复制或剪切的 单元格格式不匹配,将会出现警告框。如下图: Macromedia Dreamweaver MX 完成粘贴,因为剪贴板与所选内容不符。 剪贴板包括3行和2列, 但所选内容包含1行和2列。 匚确定
11.2.5 复制、粘贴与清除单元格 在Dreamweaver MX中还可以一次复制、剪 切和粘贴表格中的多个单元格，可以只复制单 元格的内容；也可以既复制内容又保持单元格 的格式。如同删除表格一样，首先选中所要复 制的单元格。所选单元格必须是矩形时才能被 复制、剪切和粘贴。 注意：如果选中的单元格与所复制或剪切的 单元格格式不匹配，将会出现警告框 。如下图：
◆112.6排序表格 在 Dreamweaver MX中可以对表格的数据进 排序 具体步骤:选择菜单【命令】→【排序表 格】,弹出排序表格对话框,如图: 排序表铭 排序按:列2 确定」 顺序:按数字顺序阳序 应用 列3 顺序:按数字顺序併升序 帮助 选项:厂排序包含第一行 厂对TEAD行(如果存在)进行排序 对TFo0T行(如果存在〕进行排序 排序的行保留TR属性
11.2.6 排序表格 在Dreamweaver MX中可以对表格的数据进 行排序。 具体步骤：选择菜单【命令】→【排序表 格】，弹出排序表格对话框，如图 ：
113页面布局 ◆113.1绘制布局单元格和表格 要绘制布局单元格和布局表格,首先要将文 档的视图模式设置成为布局视图 提示:布局单元格之间不能相互重叠,同样布局 表格之间也不能相互重叠。在绘制布局表格和单元格 时,会自动激活绘制区域的靠齐特性,默认状态下 最小的靠齐网格是8像素,因此很容易绘制出排列整 齐的表格或单元格。如果希望在绘制表格或单元格时 精确到8像素以下,则可以在绘制时按住At键
11.3 页面布局 11.3.1 绘制布局单元格和表格 要绘制布局单元格和布局表格，首先要将文 档的视图模式设置成为布局视图。 提示：布局单元格之间不能相互重叠，同样布局 表格之间也不能相互重叠。在绘制布局表格和单元格 时，会自动激活绘制区域的靠齐特性，默认状态下， 最小的靠齐网格是8像素，因此很容易绘制出排列整 齐的表格或单元格。如果希望在绘制表格或单元格时 精确到8像素以下，则可以在绘制时按住Alt键