1、图层与图层面板 
(1) 关于图层
图层是一种网页元素定位技术，使用图层可以以像素为单位精确定位页面元素。把页面元素放入图层中，可以控制它显示在前面或后面，显示或隐藏。配合时间轴的使用，可轻松制作出动态效果。在HTML文档的正文部分可以放置的元素都可以放入图层中。
(2) 创建图层
把光标置于文档窗口中想插入图层的地方，在对象面板“标准”页中，单击“描绘层”按钮，或者选择菜单“插入／层”，再在文档窗口中拖放出一图层。
 对于建立的每一图层，都有一个图层标志显示在文档窗口页面的左上部。如果在文档窗口添加段落回车之后添加图层，图层标志将显示在页面的其它位置。如果图层标志不可见，可选择菜单“查看／不可见元素”。
(3) 图层面板
图层面板是文档中图层的可视图。选择菜单“窗口／层”或按F11键可打开图层面板。在图层面板中，图层以堆叠的名称列表的形式显示：先建立的图层位于列表的底部，最后建立的图层位于列表的上部。使用图层面板可防止图层重叠，改变图层的可见性和堆叠顺序。
① 改变图层的可见性
选择要改变可见性的图层所在行，单击眼睛图标列：睁开的眼睛表示图层可见；闭上的眼睛表示图层不可见；如果没有眼睛图标，该图层继承其父的可见性。当图层不是嵌套时，父就是文档主体，它总是可见的。  
要一次改变多图层的可见性，单击眼睛列顶上的眼睛图标。 
② 改变图层的堆叠顺序
在Z列，单击要改变的图层的数字。输入一个比现有的数大的数，把图层在堆叠顺序中往后移（显示在前面）；输入一个较小的数，往前移（显示在后面）。或者直接拖放图层名至想要的堆叠顺序。
③ 防止图层重叠
在图层面板中复选“防止重叠”选项。或者选择菜单“查看／防止层重叠”。
2、图层的属性设置和操作 
要能正确运用图层来设计网页，必须了解图层的属性和设置方法，以及图层的操作技巧。
(1) 图层的属性设置
单击图层的边线选择它，属性面板中随即显示出图层的常用属性。单击属性面板右下角的扩展箭头，可以看到图层的所有属性。
“层ID”图层标识：指定一个名称来标识图层面板中的图层（缺省为Layer1等）。
“L”、“T”（左边距、顶边距）：指定图层相对于页面或父图层左边、上边的像素数。
“宽”、“高”：指定图层的宽度和高度。
“Z 顺序”：指定图层的堆叠顺序号。Z 顺序号较大的图层在前面。
“显示”：决定图层的初始显示状态：“Default”（默认）、“Inherit”（继承）、“Visible”（可见）、“Hidden”（隐藏）。
“背景图像”：指定图层的背景图像。
“背景颜色”：指定图层的背景颜色。此选项为空时指定透明背景。  
“标签”： DIV决定图层是CSS图层 
“溢出”：仅适用于CSS图层，指定如果图层的内容超过了它的大小将发生的事件：  “Visible”（可见）、“Hidden”（隐藏）、“Scroll”（滚动）、“Auto”（自动）。
“剪辑”图层“左”、“右”、“上”、“下”边距：定义图层的可见区(类似于Word中通过设置页边距来定义版心)。
(2) 图层的操作
图层的操作主要包括图层的激活、选择、调整大小、移动、对齐等。
① 激活图层
要把对象放入图层中，首先要激活图层。把鼠标光标移至图层内任何地方单击，即可激活图层。此时，插入点被置于图层内。被激活图层的边界突出显示，选择手柄也同时显示出来。请注意，激活图层的操作并不选择图层。 
② 选择图层
要对图层进行移动、调整大小等操作，首先要选择图层。可以选择一图层，也可以同时选择多图层。
要选择一个图层，可在文档窗口单击图层的标志；或单击图层左上角的选择手柄；或单击图层边界；或在图层面板中单击图层的名称等。
要选择多图层，可Shif+逐一选择图层。
③ 调整图层大小 
选择图层，拖放它的尺寸控制点；或者在属性面板中输入宽度和高度值。如果Ctrl+移动光标，可每次调整图层一个像素；Ctrl+Shift+移动光标，可按网格吸附增量来调整大小。
要同时调整多图层的大小，可选择多个图层，再在属性面板中的“多层”选项下输入宽度和高度。或者选择菜单“修改／层和热区／制作相同宽度、制作相同高度”，则先选的图层的宽度和高度被调整为最后选定那一图层（以黑色突出显示）的宽度和高度。
④ 移动图层
选择图层，把选定图层的选择手柄拖到想放置的位置。如果同时选择了多图层，可拖放最后选定图层（以黑色突出显示）的选择手柄。
如果选择图层后，按光标移动键，可每次移动一个像素。按Shift+光标移动键，可按当前网格吸附增量移动图层。
⑤ 对齐图层 
当页面上有多图层时，可以使用图层对齐命令对齐图层。
选择要对齐的图层，选择菜单“修改／层和热区”，然后选择对齐选项：左、右、顶边、底边对齐，则所有选定的图层都以选定的方式与最后选定那一图层对齐。  
⑥ 对齐图层到网格 
在文档窗口，显示网格有助于精确定位图层和调整图层的大小。
要改变网格显示和对齐设置，可选择菜单“查看／网格／设置”。
     “显示网格”复选框：选中它使网格可见（作用与菜单“查看／网格／显示”相同）。  
  “距离”：定义网格大小（最小25像素）。 
     “颜色”：指定网格标志的颜色。默认是浅蓝色。
         “显示”：指定网格显示“线”还是“点”。  
“对齐”复选框：启用或禁用对齐功能（作用与菜单“查看／网格／对齐”相同）。
“对齐选项”：指定对齐单位量。
 要使图层对齐到可见的网格，一般可使网格和对齐的像素单位相同。例如，使“距离”和“对齐选项”均为50像素。 

[1] [2] 下一页