第 11章 表格与布局本章要点:
创建表格
设置表格属性
创建布局表格
创建布局单元格
11.1 创建表格
11.1.1 在网页中插入表格要在网页中插入表格,首先将光标放置在要插入表格的地方,单击常用插入面板中的插入表格按钮,或选择 【 插入 】
→ 【 表格 】 命令,出现如 下 图所示的插入表格对话框,
在对应的空格内输入符合要求的值,单
“确定”,可得到符合要求的表格。
生成的表格
11.1.2 选择表格元素
1,选择整个表格方法 1:将光标放在表格的右边和下边的外边框线上,单击鼠标;
方法 2:光标放在任一单元格,鼠标单击视图窗口底部的
<table>标记;
方法 3:光标放在任一单元格,选择 【 修改 】 → 【 表格 】
→ 【 选择表格 】 菜单;
2.选择单元格
( 1)选择一个单元格
( 2)选择连续的单元格
( 3)选择多个不连续单元格
11.2 表格的编辑和格式化
11.2.1 编辑表格
1.插入行或列
2.删除行或列
11.2.2 设置表格整体属性对整个表格的格式化,主要通过属性面板来完成。如图:
11.2.3 使用预置表格类型对表格进行格式化,还可以应 Dreamweaver
MX中预置的表格格式,其中包含右十几种非常实用的格式。
首先选中表格,然后选择菜单 【 命令 】 →
【 格式化表格 】 命令,弹出如下图所示的对话框,
11.2.4 设置行、列和单元格的属性同设置表格属性的操作类似,对表格行,列和单元格的格式,也是通过首先选中相应的表格元素,然后通过在属性面板上设置数据而完成的 。
11.2.5 复制、粘贴与清除单元格在 Dreamweaver MX中还可以一次复制、剪切和粘贴表格中的多个单元格,可以只复制单元格的内容;也可以既复制内容又保持单元格的格式。如同删除表格一样,首先选中所要复制的单元格。所选单元格必须是矩形时才能被复制、剪切和粘贴。
注意,如果选中的单元格与所复制或剪切的单元格格式不匹配,将会出现警告框 。如下图:
11.2.6 排序表格在 Dreamweaver MX中可以对表格的数据进行排序。
具体步骤:选择菜单 【 命令 】 → 【 排序表格 】,弹出排序表格对话框,如图,
11.3 页面布局
11.3.1 绘制布局单元格和表格要绘制布局单元格和布局表格,首先要将文档的视图模式设置成为布局视图。
提示:布局单元格之间不能相互重叠,同样布局表格之间也不能相互重叠 。 在绘制布局表格和单元格时,会自动激活绘制区域的靠齐特性,默认状态下,
最小的靠齐网格是 8像素,因此很容易绘制出排列整齐的表格或单元格 。 如果希望在绘制表格或单元格时精确到 8像素以下,则可以在绘制时按住 Alt键 。
① 一个嵌套表格不能大于存放它的表格 。
② 如果页面上已经存在规划表格,只能在现有规划表格下方的空白页面处绘制新的布局单元格和布局表格,但不能在现有表格右方的空白区域进行绘制。在布局视图中,位于布局表格中白色的区域是已有的布局单元格,灰色的区域是没有布局单元格的区域。如果希望往布局表格中添加布局单元格,只能添加在灰色区域中,因为单元格是不能相互覆盖的。
注意:
创建布局表格和单元格后,可以根据页面布局的需要对它们进行各种操作。布局表格和布局单元格的基本操作包括移动、修改其大小和对其进行格式化。
1.移动布局单元格和布局表格
2.改变布局单元格和表格的大小
3.格式化布局单元格和布局表格
11.3.2 布局单元格和表格的基本操作
11.3.3 为布局单元格添加内容
要往单元格输入数据时,可以采用如下的步骤:
( 1) 将输入焦点移动到要插入数据的单元格内
( 2) 输入数据
提示:在布局视图中,只能将内容插入到布局单元格中 。 因此,如果仅仅是创建了布局表格,
而没有创建布局单元格,则无法在布局视图中直接输入数据 。
11.4 表格应用和页面布局实例
【 实例 1】 利用表格制作水平细线和垂直细线。
1.制作水平细线
2.制作垂直细线
【 实例 2】 利用表格进行页面的布局。
【 实例 3】 用布局表格和布局单元格规划网页。
11.5 小结
本章详细讲解了 Dreamweaver MX中表格的操作,以及布局视图的布局表格的操作。主要内容包括:表格的创建、表格的基本操作、表格排序、绘制布局表格和布局单元格、布局表格和单元格的调整、利用表格或布局表格单元格对页面进行规划布局等。
创建表格
设置表格属性
创建布局表格
创建布局单元格
11.1 创建表格
11.1.1 在网页中插入表格要在网页中插入表格,首先将光标放置在要插入表格的地方,单击常用插入面板中的插入表格按钮,或选择 【 插入 】
→ 【 表格 】 命令,出现如 下 图所示的插入表格对话框,
在对应的空格内输入符合要求的值,单
“确定”,可得到符合要求的表格。
生成的表格
11.1.2 选择表格元素
1,选择整个表格方法 1:将光标放在表格的右边和下边的外边框线上,单击鼠标;
方法 2:光标放在任一单元格,鼠标单击视图窗口底部的
<table>标记;
方法 3:光标放在任一单元格,选择 【 修改 】 → 【 表格 】
→ 【 选择表格 】 菜单;
2.选择单元格
( 1)选择一个单元格
( 2)选择连续的单元格
( 3)选择多个不连续单元格
11.2 表格的编辑和格式化
11.2.1 编辑表格
1.插入行或列
2.删除行或列
11.2.2 设置表格整体属性对整个表格的格式化,主要通过属性面板来完成。如图:
11.2.3 使用预置表格类型对表格进行格式化,还可以应 Dreamweaver
MX中预置的表格格式,其中包含右十几种非常实用的格式。
首先选中表格,然后选择菜单 【 命令 】 →
【 格式化表格 】 命令,弹出如下图所示的对话框,
11.2.4 设置行、列和单元格的属性同设置表格属性的操作类似,对表格行,列和单元格的格式,也是通过首先选中相应的表格元素,然后通过在属性面板上设置数据而完成的 。
11.2.5 复制、粘贴与清除单元格在 Dreamweaver MX中还可以一次复制、剪切和粘贴表格中的多个单元格,可以只复制单元格的内容;也可以既复制内容又保持单元格的格式。如同删除表格一样,首先选中所要复制的单元格。所选单元格必须是矩形时才能被复制、剪切和粘贴。
注意,如果选中的单元格与所复制或剪切的单元格格式不匹配,将会出现警告框 。如下图:
11.2.6 排序表格在 Dreamweaver MX中可以对表格的数据进行排序。
具体步骤:选择菜单 【 命令 】 → 【 排序表格 】,弹出排序表格对话框,如图,
11.3 页面布局
11.3.1 绘制布局单元格和表格要绘制布局单元格和布局表格,首先要将文档的视图模式设置成为布局视图。
提示:布局单元格之间不能相互重叠,同样布局表格之间也不能相互重叠 。 在绘制布局表格和单元格时,会自动激活绘制区域的靠齐特性,默认状态下,
最小的靠齐网格是 8像素,因此很容易绘制出排列整齐的表格或单元格 。 如果希望在绘制表格或单元格时精确到 8像素以下,则可以在绘制时按住 Alt键 。
① 一个嵌套表格不能大于存放它的表格 。
② 如果页面上已经存在规划表格,只能在现有规划表格下方的空白页面处绘制新的布局单元格和布局表格,但不能在现有表格右方的空白区域进行绘制。在布局视图中,位于布局表格中白色的区域是已有的布局单元格,灰色的区域是没有布局单元格的区域。如果希望往布局表格中添加布局单元格,只能添加在灰色区域中,因为单元格是不能相互覆盖的。
注意:
创建布局表格和单元格后,可以根据页面布局的需要对它们进行各种操作。布局表格和布局单元格的基本操作包括移动、修改其大小和对其进行格式化。
1.移动布局单元格和布局表格
2.改变布局单元格和表格的大小
3.格式化布局单元格和布局表格
11.3.2 布局单元格和表格的基本操作
11.3.3 为布局单元格添加内容
要往单元格输入数据时,可以采用如下的步骤:
( 1) 将输入焦点移动到要插入数据的单元格内
( 2) 输入数据
提示:在布局视图中,只能将内容插入到布局单元格中 。 因此,如果仅仅是创建了布局表格,
而没有创建布局单元格,则无法在布局视图中直接输入数据 。
11.4 表格应用和页面布局实例
【 实例 1】 利用表格制作水平细线和垂直细线。
1.制作水平细线
2.制作垂直细线
【 实例 2】 利用表格进行页面的布局。
【 实例 3】 用布局表格和布局单元格规划网页。
11.5 小结
本章详细讲解了 Dreamweaver MX中表格的操作,以及布局视图的布局表格的操作。主要内容包括:表格的创建、表格的基本操作、表格排序、绘制布局表格和布局单元格、布局表格和单元格的调整、利用表格或布局表格单元格对页面进行规划布局等。