第6章 层及布局应用 实战dreamweaver8网页制作教程电子教案

4、设置层的属性在创建层之后，可以在层的“属性”面板中对层的具体属性进行精确的设置，如层的编号、大小、背景颜色、溢出时的处理方法、背景图像、可见性等。选中层，可以打开层的“属性”面板。在层的“属性”面板中，各项属性设置如下：层编号：设置当前选中层的编号。左、上：设置选中的层到网页左边框和上边框的距离。宽、高：分别用于设置选中层的宽度和高度。Z轴：选中的层在同页面垂直方向的叠放次序。6.1层的建立、编辑及排版应用可见性：设置层的可见性。背景图像：设置层的背景图像。背景颜色：设置层的背景颜色。溢出：用于设置层的内容超过了层的大小以何种方式显示。剪辑：用于设置层中内容被剪切掉的范围，

5、左、上、右、下分别表示对层内容进行剪切后，剩余可见部分的左边界或右边界到层的左边框、上边界或下边界到层的上边框的相对距离。类：为选中的层应用CSS样式。6.1层的建立、编辑及排版应用6.调整层的大小创建层后，可以通过以下方法来调整层的大小。选中要调整大小的层，此时在层的周围出现8个黑色节点，用鼠标拖动相应的节点可以调整层大小、宽度、和高度。选中要调整大小的层，在“属性”面板中“宽”和“高”的文本框中分别输入相应的值调整层的大小，这种方法可以精确调整层的大小。6.1层的建立、编辑及排版应用7.层的对齐可以使多个层以某一个层为基准进行对齐操作，方法如下：按Shift键选中多个层

6、，注意对齐时是以最后选中的层为基准进行对齐操作。选择主菜单“修改”｜“排列顺序”菜单中“左对齐”、“右对齐”、“对齐上缘”、“对齐下缘”。命令中的一条，可以进行相应的对齐操作。当然也可以选择“设成宽度相同”、“设成高度相同”命令中的一条使选中的层和基准层具有相同的宽度或高度。6.1层的建立、编辑及排版应用8.层面板为了方便、轻松、直观地使用层，Dreamweaver8.0提供了层面板，可以对层控制和操作。在网页中创建的所有层都在显示在“层”面板中，如图7-14所示。打开“层”面板有如下方法：选择“窗口”｜“其他”｜“层”命令，可以打开“层”面板。按F2键，也可以打开“层”面

7、板。6.1层的建立、编辑及排版应用在“层”面板中可以完成层的重命名、选中层、设置层的可见性、改变层的叠放次序、显示或隐藏层等操作，操作方法如下。1）重命名层在“层”面板中需要重命名层的名称上双击，出现光标，输入新的层名称即可。2）选取层在“层”面板中要选取的层上单击，即可选中该层，若要选取多个层，可以按Shift键单击要选取的层即可。3）改变层的叠放次序在“层”面板中“Z”这一列的值决定层的叠放次序，单击某一层Z的值，输入相应的值，可以改变该层的叠放次序。6.1层的建立、编辑及排版应用4）显示或隐藏层观察“层”面板