<b>Dreamweaver MX 2004从零开始(2)</b>[DW设计]

　用表格定位
　　利用表格可以清楚地显示列表的,实际上表格的作用远远不止显示,它在定位上一向起侧重要的作用,特别是关于利用非IE浏览器的网友来说,利用表格定位的比利用图层定位的更具有上风.


　　1、成立表格


　　第一步:在 MX 2004中运行“Insert→Table”号令,弹出属性设置窗口,此中“Rows”和“Columns”辨别对应着表格的行数和列数,“Table width”表示表格的宽度,而“Border thickness”则是边框的宽度,同时还可以设定表格的款式,按照自己的需求来设置表格的呼应属性便可.

　　小提醒:表格的宽度和高度可以通过浏览器窗口百分比大概利用绝对像素值来定义,比方设置宽度为窗口宽度的60％,那么当浏览器窗口大小改变的时刻表格的宽度也随之改变;而假如设置宽度为400像素,那么无论浏览器窗口大小为多少,表格的宽度都不会改变.

　　第二步:点击窗口中的“OK”按钮之后便可在 MX 2004中新建一个表格,并且通过窗口下部的属性面板还可以对其举行诸如表格线条的颜色、表格的后台色、单元格的对齐方法等参数举行调整.


　　2、基本利用


　　在成立了上述的表格之后,我们便可以对它举行调整利用.比方我们需求制作图1所示的表格,便可以先插入一个四行三列的表格,然后对其举行下述操作.
 

　　第一步:在表格第一列的上面两个单元格中按下并拖动鼠标,此时可以选中两个单元格.接着点击属性中的“Merges selected cells using spans”按钮,这样就把选中的两格归并成为一个单元格.按照这种办法再将表格第一行右侧的两个单元格归并为一个单元格.

　　小提醒:选中一个单元格之后点击属性面板中的“Splits cell into rows or columns”按钮可以把单元格拆分为多个行大概列.

　　第二步:将表格第一列的三个单元格全部选中,再将属性中的后台颜色（Bg）一项设置为“#FFFF00”,这样表格第一列中的单元格后台全部变成黄色.

　　第三步:在表格中输入呼应的文本,为了美好可以在属性面板中举行居中设置.

　　第四步:为了使表格产生立体效果,可以将整个表格选中,然后在属性面板中设定表格边框的宽度（Border）为7,并且将边框颜色（Border color）设置为蓝色便可.

　　小提醒:普通选取整个表格对比艰难,在此供应四种常用的办法:1． 把鼠标移动到表格右边界外侧,按下鼠标之后往左拖拽,这样可以快速选取整个表格.2． 运行“Modify→Table→Insert Table”号令挑选整个表格.3． 在单元格中右击鼠标,并且从弹出菜单中挑选“Table→Insert Table”号令选取整个表格.4． 用鼠标点击任一个单元格,接着按两下“Ctrl＋A”组合按钮选取整个表格.

　　完成上述操作之后,我们便可以在 MX 2004中定制出颇具专业水准的表格了.
　　3、表格定位


　　其实表格的定位主要通过将内容分成若干个区,然后将呼应的内容辨别填入差别的表格,从而做成非通例范与专业的.下面就来看看图2所示的是若何通过表格实现的.
 

　　1． 标题和导航区

　　最上部由两个大的表格构成:上面表格是图片区,下面是导航区.图片区为一行一列,通过“Insert→Image”号令插入的标题图以及Logo图标.导航区则是一个一行九列的表格,辨别输入输入各个子栏目的名称,然后通过“Insert→Hyper Link”号令来成立每个导航栏目的链接.

　　2． 正文区

　　正文区总得说来是由一个一行三列的大表格构建而成,此中每一列再通过插入单独的表格大概拆分的办法来形成多个区域并输入呼应的信息.比方最左边一列便可以插入一个5行一列的表格,辨别用来显示Logo图标以及呼应的文字内容;中间一列可以拆分为3至4个单元格,每个单元格用于显示差别栏目的主要内容提醒;右边一列也可以拆分为5个区域显示差别的内容.这样在一个大表格中划分出多个小单元格构成了的主要内容.至于具体的单元格操作在此就不再赘述,大家可以自己试着领会一下.

　　固然通过表格可以实现最基本的定位,但是这种办法也并非没有缺陷,它的最大问题在于表格内容对比耗时,常常要等一个表格中全部内容完成后才能显示该表格内容,因此特别要注意表格的嵌套利用,尽大概不要嵌套过量的表格以影响页面的速度.