利用表格布局网.pptVIP

第八章利用表格布局网页表格是网页中用途非常广泛的工具，除了排列数据和图像外，在实际制作过程中，表格更多的用在网面定位上，只需通过表格宽度、高度、彼此之间的比例大小等，就可以把不同的网页元素分别框在不同的单元格之中以达到页面平衡。对于网页的排版布局来说，表格是不可缺少的工具，作为一名网页设计人员，表格运用的熟练与否直接影响到网页外观的好坏。本章着重介绍表格的基本功能及其操作，从创建表格、编辑表格、修改表格等各个方向作了详细的阐述，最后通过两个实例介绍了表格在版面布局方面的应用。7.1利用表格制作价格表无论在日常生活和工作中，还是在网页设计中，使用表格都可以清晰地显示列表数据，可以将各种数据排成行和列，从而更容易查找和使用信息。PARTONE7.1.1插入表格在插入表格前，先来熟悉一下表格的概念。表格主要有三个基本组成部分：行：表格中的水平间隔列：表格中的垂直间隔单元格：表格中一行与一列相交所产生的区域。利用表格可以排列数据，如例所示的域名价格表就是使用了表格的效果。从表格的组成来看，它与文本处理软件中的表格没有什么不同，实际上网页中的表格与文本处理软件中的表格并不一样。插入表格的具体步骤如下：打开文件夹8下面的index网页将光标置于要插入表格的位置，选择“插入》表格”命令，弹出“表格”对话框表格对话框主要有以下选项：行数：在该文本框中输入新表格的行数列数：在该文本框中输入新表格的列数表格宽度：用于设置表格的宽度，其中右边的下拉列表中包含百分比和像素两个选项。边框粗细：用于设置表格边框的高度，如果设置为0，在浏览时看不到表格的边框单元格边距：单元格内容与单元格之间的像素数单元格间距：单元格之间的像素数。页眉：可以定义表头样式，4个样式可以任意选取一种。标题：用来定义表格标题的对齐方式。摘要：用来对表格进行注释。在“行数”文本框中输入6，“列数”文本框中输入3，“表格宽度”文本框中输入95%，“边框粗细”文本框中输入0，“单元格边距”文本框中输入0，“单元格间距”文本框中输入0，设置完毕后，单击“确定”按钮，此时页面上会出现一个6行3列的表格。提示：还可以通过以下方法向见面中插入表格：单击“常用”插入栏的表格图标，从弹出的对话框中设置表格拖曳“常用”插入栏的表格图标至所需要的位置，在弹出的对话框中设置表格7.1.2在表格中输入数据表格建立以后，就可以向表格中添加各种元素了，如文本、图像等。在表格中添加文本就同在文档中操作一样，除了直接输入文本，还可以先利用其他文本编辑器编辑文本，然后将文本拷贝到表格中，这也是在文档中添加文本的一种简捷而快速的方法在单元格中插入图像时，如果单元格的尺寸小于插入图像的尺寸，则插入图像后单元格的尺寸会自动增高或者增宽。操作将光标置于单元格中，然后在第个单元格输入相应的文本。7.2编辑表格插入表格以后就可以通过选择、拷贝、增加、删除行，以及合、拆分单元格等一系列操作实现对表格的编辑操作。7.2.1选择表格对象要想对表格进行编辑，那么首先选择它，主要有以下四种方法选取整个表格：搬运鼠标从表格内的左上角至右下角，将所有的单元格选择中，选择菜单“编辑》全选”命令。单击表格线任意位置将光标置于表格内任意位置，选择“修改》表格》选择表格”命令将光标置于表格内任意位置，单击文档窗口中左下角的table标签。7.2.2设置表格属性当选取整个表格后属性面板会显示表格的属性，设置“背景颜色”为“#cccccc”，“填充”、“间距”都设置为1，“边框”设置为0，“边框颜色”设置为“#999999”，设置第1行第1列的“背景颜色”为“#990000”表格属性面板中各个选项如下：对齐：设置表格的对齐方式背景颜色：设置表格的背景颜色背景图像：设置表格的背景图像边框颜色：设置表格的边框颜色填充：单元格内容和单元格边界之间的像素数。间距：相邻的表格单元格间的像素娄7.2.3添加行和列添加标题在已创建的表格中添加行、列，要先将光标置于欲插入行、列的单元格内，然后通过如下方式添加行添加标题选择“修改》表格》插入行”命令，则在光标所在的单元格上增加了一行添加标题选择“修改》表格》插入列”命令，则在光标所在的单元格械侧增加了一列