第10章 创建和使用层.pptVIP

* Dreamweaver 8中文版应用教程 Dreamweaver 8中文版应用教程 第10章 创建和使用层 重点内容： 创建层 设置层属性 编辑层 层和表格的转换 一、层的概念与作用 层是被分配了绝对位置的HTML页面元素（具体地说，是div标签或任何其他标签）。层可以包含文本、图像或其他任何可在HTML文档正文中放入的内容，它为网页设计者提供了强大的网页控制能力。 层主要功能包括排版布局和制作动态效果。在Dreamweaver中，通过层可以对文档内容实现精确的绝对定位。因为层相当于网页内的一种容器，凡是可以放到网页上的对象几乎都可以放在层中，如：文本、图像、表格、表单等；除此之外，层中还可以包含层。因为层允许重叠，可以控制隐藏或显示其中的任何一个，通过设置行为可以使其交替出现产生动态效果。 二、创建层 1.创建普通层 在设计视图中单击“插入”工具栏上的分类名称按钮，从弹出的下拉菜单中选择“布局”选项，切换到“布局”分类工具栏。然后单击“描绘层”按钮 ，在文档窗口中通过拖动来绘制一个层。 若要在文档中的特定位置插入层的代码，将插入点放入文档窗口，然后选择“插入”|“布局对象”|“层”命令。 默认状态下创建的多个层是允许重叠的，如果用户 要创建平铺式层（各个层间没有重叠之处），可选 择“层”面板中的“防止重叠”复选框。 2.创建嵌入式层 要创建嵌入式层，在已存在的层中单击，然后选择“插入”|“布局对象”|“层”命令，或是直接拖动“常用”工具栏“布局”类中的“绘制层”按钮至已创建的层中。插入嵌入式层后，在“层”面板中，可以看到子层位于父层的下方。 单击父层前的展开/折叠按钮，可以展开/折叠子层。 三、设置层参数 使用“首选参数”对话框中的“层”类别可指定新建层的默认设置。要设置层参数，应选择“编辑”|“首选参数”命令，打开“首选参数”对话框。在“分类”列表框中选择“层”选项，显示相应的选项页，然后进行所需设置。 四、设置层的属性 1.设置单个层属性 当选择一个层后，可以在属性面板中查看和设置层的各种属性。选择一个层后，文档窗口的底部会显示单个层的属性面板。更改属性后的属效果。 2.同时设置多个层的属性 在页面中绘制了多个层后，当选择两个或 更多个层时，层的属性面板中会显示文本属性 及全部层属性的一部分。用户可以通过该属性 面板来同时设置这些层的共同属性。 五、编辑层 1.在层中添加内容 若要在层中插入文本，只需在层内单击，然后输入文本，与在文档中插入文本的方式是相同的。对于其他内容的插入也是一样的，惟一的要求是必须先将插入点置于要插入内容的层内，然后再插入所需的内容，如文本、图像、表格、动画及插件等。 2.选择和移动层 在“层”面板中单击该层的名称、单击层的标签 （位于层的左上方）或单击层的边框都可以选择层。 选择多个层时，只需按住Shift键，然后再选择所需的层即可。 选择层后，将指针移到最后一个选定层（黑色突出显示）的边框上，光标变为 形状时拖动鼠标或按箭头键都可以移动层。 五、编辑层 3.防止层重叠 防止层重叠的方法是选中“层”面板上的“防止重叠”复选框，或者选择“修改”|“排列顺序”|“防止层重叠”命令。 当启用防止层重叠功能后，可以在现有层上移动层或调整层大小，或者将某个层嵌套在现有层中。当启用防止层重叠选项后，Dreamweaver不会自动修正页面上的现有重叠层，用户必须手动更改层的位置，分离重叠层。 4.调整层的大小 拖动该层的任一大小调整柄。 按下Ctrl+箭头键，每次可调整一个像素的大小。使用该方法只能移动层的右边框和下边框，而不能使用上边框和左边框来调整大小。 按下Shift+Ctrl+箭头键，可按网格靠齐增量来调整大小。 在层的属性面板中，输入宽度和高度的值。调整层的大小会更改该层的宽度和高度，它并不定义该层的多少内容是可见的。 五、编辑层 5.对齐层 层的对齐包括左对齐、右对齐、对齐上缘和对齐 下缘4种，选择“修改”|“排列顺序”子菜单中的命令即 可设置相应的对齐方式。 6.改变层的堆叠次序 使用“层”面板或属性面板来更改每个层的z轴。 选择一个层，然后将该层向上或向下拖至所需的层叠顺序。 在Z列，单击所更改的层的编号，该编号数字即进入编辑状态，输入新的编号。 五、编辑层 7.显示/隐藏层 当层名称前的图标为 时，表示该层处于显示状态；当层名称前的图标为 时，表示该层处于隐藏状态；如果层名称前没有任何图标，该层通常会继承其父级的可见性。。 8.创建预先载入层 要创建预先载入层，可先单击“插入” 工具栏“常用”类中的“绘制层”按钮，在文 档窗口的设计