文档介绍:第七讲制作表格页面
表格是网页设计制作不可缺少的元素,它以简洁明了和高效快捷的方式将图片、文本、数据和表单的元素有序的显示在页面上,让我们可以设计出漂亮的页面,使用表格排版的页面在不同平台、不同分辨率的浏览器里都能保持其原有的布局,而在不同的浏览器平台有较好的兼容性,所以表格是网页中最常用的排版方式之一。
引言
列
行
间距
边距
单元格
表格的各个部分:
边框
一、制作表格
1、插入表格
在文档窗口中,将光标放在需要创建表格的位置,单击“常用”快捷栏中的“表格”按钮弹出的“表格”对话框,指定表格的属性后,在文档窗口中插入设置的表格。
“行数”文本框用来设置表格的行数。
“列数”文本框用来设置表格的列数。
“表格宽度”文本框用来设置表格的宽度,可以填入数值,紧随其后的下拉列表框用来设置宽度的单位,有两个选项——百分比和像素。当宽度的单位选择百分比时,表格的宽度会随浏览器窗口的大小而改变。
“单元格边距”文本框用来设置单元格的内部空白的大小。
“单元格间距”文本框用来设置单元格与单元格之间的距离。
“边框粗细”用来设置表格的边框的宽度。
“页眉”定义页眉样式,可以在四种样式中选择一种。
“标题”定义表格的标题。
“对其标题”定义表格标题的对齐方式。
“摘要”可以在这里对表格进行注释。
二、输入表格内容
1、手动输入
2、从其他文档导入表格格式数据
三、编辑表格
1、选择表格、行、列和单元格
(1)选择表格
单击表格的左上角、表格的顶边缘或底边缘的任何位置或者行或列的边框。注意:当您可以选择表格时,鼠标指针会变成表格网格图标(除非您单击行或列边框)。
在表格内任意处单击,然后在状态栏选中<table>标签即可;
在单元格任意处单击,点鼠标右键在弹出菜单菜单中选择“表格——选择表格”
(2)选择行、列
若要选择单个或多个行或列,请执行以下操作:
定位鼠标指针使其指向行的左边缘或列的上边缘。
当鼠标指针变为选择箭头时,单击以选择单个行或列,或进行拖动以选择多个行或列。
(3)选择单元格
单击单元格,然后在“文档”窗口左下角的标签选择器中选择<td> 标签。
按住 Ctrl 键+单击该单元格。
2、合并及拆分单元格
(1)选择要合并或拆分的单元格
(2)执行相应的命令(菜单命令或属性检查器上的按钮)
3、插入、删除行或列
(1)选择“修改”>“表格”>“插入行”或“修改”>“表格”>“插入列”。在插入点的上面出现一行或在插入点的左侧出现一列。
(2)单击列标题菜单,然后选择“左侧插入列”或“右侧插入列”。
四、设置表格属性
选中一个表格后,可以通过属性面板更改表格属性。
“填充”文本框用来设置单元格边距,“间距”文本框用来设置单元格间距。
“对齐”下拉列表框用来设置表格的对齐方式,默认的对齐方式一般为左对齐。
“边框”文本框用来设置表格边框线的宽度。
“背景颜色”文本框用来设置表格的背景颜色。
“边框颜色”用来设置表格边框的颜色。
在“背景图像”文本框填入表格背景图像的路径,可以给表格添加背景图像。也可以给文本框加上链接路径。还可以单击文本框后的“浏览”按钮,查找图像文件。在“选择图像源”对话框中定位并选择要设置为背景的图片,单击“确认”按钮即可。
表格的高级操作
一、格式化表格
使用设计方案对表格进行格式设置,使用“表格格式设置”命令将预先设置的设计快速应用到表格。只有简单的表格才能使用预先设置的设计进行格式设置。您不能使用这些设计对包含合并单元格(colspan 或 rowspan)、列组或任何其他表格(这些表格不是由简单的矩形单元格网格组成)的表格进行格式设置。
操作:
1、选择表格。
2、选择“命令”>“表格格式设置”。
即会出现“表格格式设置”对话框。
3、按需要自定义选项。。
4、单击“应用”或“确定”用所选的设计对表格进行格式设置。
二、制作嵌套表格
嵌套表格是在另一个表格的单元格中插入的表格。可以像对任何其他表格一样对嵌套表格进行格式设置;但是,其宽度受它所在单元格的宽度的限制。
操作:
1、单击现有表格中的一个单元格。
2、选择“插入”>“表格”。
即会出现“插入表格”对话框。
3、完成对话框。
设置“表格”对话框选项。
4、单击“确定”。
该表格即出现在现有表格中。