层是用于精确定位的页面元素。可往层里加入图像、文本等其它页面元素，借助层，可对加入的页面元素进行精确定位，还可做出重叠效果和运动效果。
要往网页中加入层，点击Objects面板上的
图标，移动鼠标至Dreamweaver主窗口，鼠标即显示成十字型。在窗口区域拖动鼠标即可画出层。或者，点击菜单栏的Insert\ Layer，主窗口即被加入一个层。
点击层的边线，即选中这个层。
选中这个层，可用鼠标拖动，将层移至页面合适的位置。用鼠标拖动边线上的黑色方块，可调节层的大小。 用鼠标点击层内的任意位置，这时可往层内加入文本、图像等内容。
层中可再嵌套层。做法是，用鼠标点击一个层的内部，再点击菜单栏的Insert\Layer，或拖动Objects面板上的 图标至这个层内。把一个已存在的层套入另一个层的做法是，按住Ctrl键，在层面板上用鼠标拖动此层到另一个层的上面。
层的Properties面板如下图所示。
（层的Properties面板） 下面将对面板上各项进行解释。
Layer ID后填入你给这个层的命名。
L和T是层的定位，即在页面中的位置。刚才讲到层的位置可用鼠标拖动，其实，这 里还可在L和T后填入数值和单位。L后填入该层左边离浏览器窗口左边框的距离，T后填入该层上边离浏览器窗口顶边框的距离。数值要带上单位，单位一般用px。假设填入200px，表示距离为200像素单位。
Z-Index是页面元素的Z值，在后面填入一个数值。当页面元素因定位而重叠时，Z值大的页面元素将在最表面显示，覆盖或部分覆盖Z值小的页面元素。
Vis是设置页面元素是否可视。不设置当然是可视。其后的下拉选框有四个选项——default、inherit、visible和hidden。default是使用浏览器默认值，这个默认值一般是可视。inherit是继承母体元素的可视性设置，visible是可视，hidden是不可视。
Bg Image是设置这个层的背景图像。
Bg Color是设置这个层的背景颜色。
Tag是选择这个层应该使用的html标记，其后的下拉选框有SPAN、DIV、LAYER和ILAYER。建议选择DIV，这样一般的浏览器都能支持这个层。
Overflow是如何处理插入层内的元素超过层本身的宽或高的部分。其后的下拉选框有四个选项——visible、hidden、scroll和auto。visible是可视，hidden是不可视，scroll是可滚动，auto是由浏览器默认。 对话框右下方的Clip中有L、T、R和B四项。
Clip即在层中间再限定一个区域，来放置插入层里的页面元素。L是Clip区域左边离层左边的距离，T是Clip区域上边离层上边的距离，R是Clip区域右边离层右边的距离，B是Clip区域下边离定位区域下边的距离。
其实层的各种设置，其原理就是用CSS对DIV等HTML标记的定位、背景及其它属性的设置。
层还有一个层面板，可用这个面板对层的一些属性进行设置。
点击菜单栏的Window\Timeline，或用快捷件Ctrl+F9，即弹出层面板。
（层面板）
层面板上将列出当前页面所有的层。
Name下面是各层的命名。
Z下面是各层的Z值，点击这个值后可修改。 眼睛图标下面是显示各层的可视性。点击可调出三种状态——无图标、睁开的眼睛图标和闭上的眼睛图标。无图标表示该层的可视性使用默认值，睁开的眼睛图标表示该层可视，闭上的眼睛图标表示该层不可视。
选中面板Prevent Overlaps上的选框，则各层之间不能有重合部分，层中也不能再嵌套层。