《网页排版.docxVIP

网页排版：表格通过前面的讨论，我们可以编辑文本，插入图象和多媒体，已经可以网页了。可是在制作过程中，会发现无论怎样排版都有些不尽人意。这是因为HTML本身并没有提供更多的排版手段，我们往往就要借助表格实现网页的精细排版。可以说表格是网页制作中最为重要的一个技巧，它不但可以精确的定位文本，图象和其他网页中的元素，还可以有效的排列数据。表格运用的好坏是区分专业网页制作和业余爱好的客观标准。1．表格的组成将光标移动到准备插入表格的地方点击菜单【插入】/【表格】或点击对象面板的，打开图6-23所示的对话框：图6-23 建立表格对话框【行数】【列数】文本框中填写相应的数字就能够定义表格的行数和列数。【表格宽度】文本框配合后面的下拉选项可以定义表格的宽度。表格的宽度可以用象素或百分比单位，如果您需要浏览者无法改变表格宽度，请使用象素单位；如果您需要表格随用户屏幕分辨率改变，请选用百分比。【边框粗细】文本框中的数字定义了表格边框的宽度，如果设置为零，则不显示边框，这在网页布局中经常使用，虽然没有边框，但是我们在菜单栏的【查看】/【可视化助理】中选中【表格边框】命令就能显示出边框的虚线，便于大家布局，最后生成的网页在浏览器中打开边框不会显示出来。【页眉】选现定义表格标题出现的位置。【标题】文本框输入表格标题的文本。【对齐标题】下拉选项定义标题的位置。【摘要】添加备注文字。【单元格边距】单元格中元素与单元格边框之间的距离。【单元格间距】单元格与单元格之间的距离。建立好的表格如图6-24所示： 图6-24 表格中的行和列2．网页版面格式当我们在互联网上任意打开一个网页，例如一个版面比较复杂的主页，其界面大多都与图6-25所示的基本相似，图中的黑色线框是为了说明之用后来画上去的。从图中的黑色线框可以看出，网页版面的格式是由表格构成的，通常是一个大表格的单元格中又能嵌套小表格，小表格中又可以再嵌套表格，表格的单元格还可以根据格式需要进行合并，这样做的目的都是为了能精确地固定网页中文字、图象、动画等多媒体元素在版面中的位置。内嵌套的5行x 2列的表格的第1列的5行合并成了1行内嵌套表格1行x 3列在1行x 3列的表格的第2列中又内嵌套表格3行x 1列内嵌套表格1行x 2列外表格：5行x 1列图6-25 一个网页的例子所以，在制作网页时，首先是根据版面设计要求设计、添加表格，表格中又可以再插入表格。在单元格中插入表格的时候，单元格中的表格叫做内嵌入式表格，内嵌表格中的单元格可以再分成多行或多列，并且可以无限制的插入，不过内嵌的表格越多，浏览器下载时间越长，所以内嵌表格最好不要超过三层。由于网页是不显示边框线的，一般要把表格的边框宽度设置为0；然后在表格单元中插入多媒体元素，如图象，文本等，方法如同在文档中操作一样。添加文本，表格会随着增多而自动增高。在单元格中添加图象时，如果单元格的尺寸小于图象的尺寸，单元格也会自动增高或增宽。可以看出，要制作出美观的网页，必须熟练掌握对表格的操作。3．编辑表格（1）选择表格最常用的选择表格的方法有四种： 用鼠标点击表格左上角边框，选中表格。 将光标放在表格中的任意处，然后在菜单栏【修改】/【表格】中选定【选中表格】命令。 拖动鼠标从表格左上角至右下角，选中所有单元格，然后在菜单栏【编辑】中选择【全选】命令。 单击表格任意处，然后在状态栏选择Table标签。这是最简单、最常用的方法，如图6-26所示：图6-26 选择表格被选中的表格状态如图6-27所示：图6-27 表格被选中（2）更改表格尺寸上图中表格边框上的黑色方块叫做拖放手柄，鼠标移动到拖放手柄上出现双向箭头光标的时候即可拖动至合适的尺寸。当然要精确定义表格的尺寸还是要在选中表格后的图6-28所示的属性栏中设定。图6-28 表格属性设置【表格ID】用于编程和今后的行为中使用；【背景颜色】打开调色板选中颜色，即可指定表格的背景色；【背景图象】给出图象的路径和文件名即可指定表格的背景图象，如果既指定背景图象又指定背景颜色，则图象部分会遮挡住背景颜色，除非它是一个透明的GIF图象；【边框颜色】打开混色器面板选中颜色，即可指定表格边框颜色；通过不同的表格边框颜色背景颜色的指定，可以得到多种效果，例如把边框色设为红色，背景色设为黄色。在图6-25所示的状态栏中，可以选中一行或者一个单元格。选中一行：点击状态栏的tr；选中一个单元格：点击状态栏的td ；设置单元格的属性，就能得到更多的表格的效果，例如选中第一个单元格，然后在属性面板选择单元格边框颜色为黑色；背景颜色为浅黄色。（3）选定多个单元格按下键盘的【Ctrl】键用鼠标击单元格即可选中该单元格，继续点击即可选中其他单元格。图6-29是同时选中了第1行1个单元格、第3行2个单元格、第5行1个单元格的状态。图6-2