在Dreamweaver Mx 2004中,除了可以使用表格布局页面外,还可以使用层布局页面。层是一种HTML页面元素,用户可以将它定位在页面中的任意位置。
一、插入层
在Dreamweaver Mx 2004中,插入层的方法主要有两种:一种是通过菜单命令;另一种是通过插入栏。
1.通过菜单命令插入层
通过菜单命令插入层的操作步骤如下:
(1)将鼠标指针定位在要插入层的位置。
(2)选择插入-布局对象-层命令,即可在鼠标指针所在的位置插入层。
2.通过插入栏插入层
通过插入栏插入层的操作步骤如下:
(1)将鼠标指针定位在要插入层的位置。
(2)单击插入栏的布局类别栏中的“描绘层”按钮。
(3)将鼠标指针移动到工作区中,它将变为“+”字形状,拖动鼠标即可插入层。
二、设置层的首选参数
用户可以通过层的首选参数对话框改变层的默认参数。
选择编辑-首选参数命令,弹出首选参数对话框。
对其中各项参数说明如下:
显示:确定层在默认状态下是否可见。
宽:设置插入层的默认宽度。
高:设置插入层的默认高度。
背景颜色:指定默认的背景颜色。
背景图像:指定默认的背景图像。
如果在层中则使用嵌套:选中该复选框,则允许通过直接在一个层的内部嵌入层的方法创建嵌套层。若取消选中该复选框,则在层内部所创建的层为重叠的层,而不是嵌套层。
插入层时固定大小:选中该复选框,则在插入层时固定其大小。
三、设置层的属性
在插入层后,一般要对其属性进行相应的设置。
对其中各项参数说明如下:
层编号:在其文本框中为层指定一个名称,以便在层面板和Javascript代码中标识该层。层名称只能由英文字母和数字组成,而不能使用空格、连字符、斜杠成句号等特殊字符。
左:指定层相对于页面成父层左边界的位置。
上:指定层相对于页面成父层上边界的位置。
宽:指定层的宽度。
高:指定层的高度。
Z轴:确定层的Z轴,即堆叠顺序。在浏览器中,编号较大的层出现在编号较小的层的前面,值可以为正,也可以为负。
可见性:指定层最初是否可见。
背景图像:为层设置背景图像。
背景颜色:为层设置背景颜色。
类:在其下拉列表中为层选择一种样式。
溢出:控制当层的内容超过层的指定大小时如何在浏览器中显示层。
剪辑:定义层的可见区域。
四、操作层
可以对层进行选择、移动、对齐和大小调整等操作。
1.选择层
用户可以选择一个成多个层,然后进行操作成更改它们的属性。
若要选择一个层,可执行下列操作之一:
(1)在层面板中单击该层的名称。
(2)单击该层的选择柄。如果选择柄不可见,可在该层的任意位置单击以显示该选择柄。
若要选择多个层,可执行下列操作之一:
(1)在按住Shift键的同时,在层面板中单击多个层的名称。
(2)在按住Shift键的同时,单击多个要选择的层。
当选择多个层时,最后选择的层的大小调整柄将以黑色突出显示,而其他层的大小调整柄则以白色显示。
2.移动层
在移动层前应先选中层,然后执行下列操作之一:
(1)拖动层。将鼠标指针定位在层的选择柄上,将其拖动到合适的位置。
(2)在属性面板的左或上文本框中输入新的水平成垂直坐标值以改变层的位置。
(3)配合键盘上的方向键移动层。若需移动一个像素单位,则控一次方向键;若需移动位,则在按住Shift键的同时按一次方向键。
3.对齐层
在Dreamweaver Mx 2004中,可以使用菜单命令调整多个层的对齐方式。操作步骤如下:
(1)选中要进行调整的多个层.
(2)选择修改-对齐命令下的的子菜单命令,调整层的对齐方式。
4.调整层大小
用户可以调整单个层的大小,也可以同时调整多个层的大小以使它们具有相同的宽度和高度。
若要调整单个层的大小,可以先选中层,然后执行下列操作之一:
(1)拖动选择柄或边框,在相应方向上改变层的大小。
(2)若要一次调整一个像素的大小,可以控住Ctrl键,然后使用方向键来移动层的右边框以下边框。
(3)若要按照网格间距来调整大小,可以在按住Shift+Ctrl键的同时按方向键。
(4)在属性面板中输入宽和高的值。
若要同时调整多个层的大小,操作步骤如下:
(1)选中要进行调整的多个层。
(2)选择修改-对齐命令下的设成宽度相同或设成高度相同子命令,使它们具有相同的宽度和高度。
五、层与表格的转换
Dreamweaver Mx 2004提供了层与表格相互转换的功能,为网页设计提供了方便。
1.将层转换为表格
Dreamweaver Mx 2004无法将重叠层转换为表格,在将层转换为表格之前,必须将工作区中的层重新安排,使之不相互重叠。
将层转换为表格的操作步骤如下:
(1)选择修改-转换-表格到层命令,弹出转换表格为层对话框。
(2)在该对话框中设置相关选项。
(3)单击确定按钮。
2.将表格转换为层
层可以被转换为表格,同样表格也可以被转换为层。
将表格转换为层的操作步骤如下:
(1)选择修改-转换-表格到层命令,弹出转换表格为层对话框。
(2)在该对话框中设置相关选项。
(3)单击确定按钮。
当将一个表格转换为层后,位于该表格外的页面元素会被放入层中。如果表格中有空白单元格,除非它们具有背景颜色,否则不会被转换为层。