网页的排版表格篇.docVIP

网页的排版 表格篇 网页离不开表格，决大多数的表格都是以表格为主体制作的 表格是网页的一个非常重要元素，因为HTML本身并没有提供更多的排版手段，我们往往就要借助表格实现网页的精细排版。可以说表格是网页制作中最为重要的一个技巧，表格运用得好坏，直接反映了了网页设计师的水平。 使用表格能使你的网页变得更加的清楚，使人看起来更有条理、更加直观，但它的使用有一个小小的缺陷：它会使你的网页显示的速度变慢一点。我们知道一般的文字显示是逐行显示的，即文字从服务器上传了过来，尽管不全，但它还是会将传到的部分先显示出来，以方便浏览，而用了表格就不同了，表格一定要等到整个表格的内容全部传过来了之后，才能在客户端的屏幕上显示出来，即表格是整个一块儿出现的。因此我们在使用表格的同时要注意，如果表格包含的内容不是很多，就可以利用表格来更好的工作，但如果表格中包含的内容很多，此时最好别用表格结构，否则它会使你的网页出来的速度奇慢无比。1、在插入栏中选择选“表格”。系统弹出表格对话框。行：2。列：2。其余的参数都保留其默认值。2、?在编辑视图界面中生成了一个表格。表格右、下及右下角的黑色点是调整表格的高和宽的调整柄。当光标移到点上就可以分别调整表格的高和宽。移到表格的边框线上也可以调整。3、?在表格的第一格按住左键不放，向下拖拽选中二格单元格。 ?4、?单击左边的单元格，然后输入文字，并调整大小，如果需要调整格子的大小。只需要鼠标的光标移动到边框上拖拽可。　　6、?在右边下单元格内插入图片。页面的基本样子有了。但是单元格周围的立体边框还存在。 7、?光标移动到表格的边框上单击。表格周围出现调整框，表示选中整张表格。然后，在属性面板中将“边框”值设置适合的值，如果为0，边框在编辑状态，为虚线显示，浏览时就看不见了。　　将表格的边框属性：border=“0” 选择“上”格式，设计一个三行三列的表格，初看好像表格的界面并没有多大的变化，但是我们再看看“两者”面板下的源代码，发现第一行的标记和下面两行的标记不同。如果我们再在表格中输入文字，发现第一行的文字默认居中，并且是粗体显示，而下面两行的文字还是默认靠左排列，没有粗体效果。 　　 驯服不听话的网页表格 在使用Dreamweaver制作主页的时候往往需要改变表格的高度。然而有时当我们拖动表格的边框，无论怎样拖动，等到放下鼠标，表格却又恢复到原来的样子。出现这种情况的原因在于我们已经为表格提供了一个固定的高度，当我们要改变表格的高度，尤其是压缩表格的时候，表格的高度仍然保持原来的设定值，其直观表象就是无论你怎样拖动表格的边框，表格的高度都不会变化。在这种情况下，我们只需要去除掉表格高度的设定，然后拖动表格的边框就可以了。那么应该如何去除表格的高度设置呢? 　　首先需要选定表格。比较简单的方法是，将光标移动到表格内，然后按“Ctrl+A”组合键，选定了表格以后，在属性框中点击一下“清除行高”图标（图中加框处的按钮），表格的高度设定值就被取消了。这时表格的高度会按照表格的内容自动匹配高度。 　　当然删除表格高度的方法不只上述一种方法，我们也可以选中表格，在表格的属性框中直接删除掉表格的高度值。 表格排序功能 教育信息化时代，考试成绩也要求上网公布。考试成绩制作成一个HTML文件，将成绩按名次排列，可是所有的成绩已经用Dreamweaver MX制作好了，若先用Execl按要求排序，再导入到Dreamweaver MX制作。　　 在Dreamweaver MX中，您可以对一列的内容进行简单排序，也可以对两列的内容进行更为复杂的排序。不能对那些包含有合并单元格的表格进行排序。 　下面就看一下具体的排序过程吧！ 　　1.将光标移动到表格内任一单元格内，或选定表格，单击“命令/排序表格”，打开排序表格对话框。 　2.在对话框中进行选择：　 导入数据变成表格 有的时候，我们经常需要把一些信息一些资料发布到网上以便联系，但是随着客户资料的越来越多，你的网上更新也越来越力不从心了？ dreamweaver本身就提供了数据导入与排序的方法。1、 例如我们现在手头有个kehu.txt文件，里面是**公司客户联系单2、 （1）打开DW MX，新建一个html页面，选择菜单栏插入/表格对象/导入表格式数据。（2）出现导入表格式数据窗口，单击“浏览”按钮，选择存放数据的文本文件，在定界符该项中要和文本文件里的分隔符相对应，因为kehu.txt文件里用的是逗号，所以选择了逗号，其它各项可根据各位需要进行选择修改。（3） “确定”。 去除DW MX 2004表格宽度辅助Dreamweaver MX 2004新增加了表格宽度辅助线功能，让我们在编辑网页表格的时候能清楚地看到表格中各单元的宽度以及变化，很直观。　　但是