dreaweaver第6章 层.ppt

第6章　层 层的使用非常广泛，层在网页制作中非常重要。本章将介绍层的创建方法、层的基本操作、层的高级应用等，让读者能够熟练掌握层的使用，并利用层进行页面布局等。 本章主要解决的问题 ? 什么是层。 ? 什么情况下使用层。 本章学习的基本要求 ? 创建层 ? 掌握层的基本操作 ? 掌握层的高级操作。 6.2 归纳与提高 6.2 归纳与提高 6.2 归纳与提高 6.2 归纳与提高 6.2 归纳与提高 6.2 归纳与提高 6.2 归纳与提高 6.2 归纳与提高 6.2 归纳与提高 6.2 归纳与提高 6.2 归纳与提高 6.2 归纳与提高 * * 6.2.1 层的基本概念 层（Layer）就是网页内容的容器，在层中可以放置文本、图像、表单等，甚至还可以放入其他层，可以这么说，所有可以放置于网页中的内容，都可以放置于层之中。层最主要的特性是可以在网页内容之上（或之下）浮动。换句话说，可以在网页上任意改变层的位置，实现对层的精确定位，从而实现了对层中网页内容的精确定位。 层除了具有绝对定位的特性之外，还有一些其他的重要特性。例如，层可以重叠，因此可以在网页中实现文档内容的重叠效果；层可以被显示或隐藏，通过程序在网页中控制层的显示或隐藏，实现层内容的动态交替显示，实现一些特殊的显示效果。 层可以进行嵌套。在某个层内部创建的层称为嵌套层或子层，嵌套层外部的层称为父层。子层可以浮动于父层之外的任何位置，子层的大小不受父层限制。 图层在平面坐标X，Y上又添加一个具有三维空间的坐标Z，使图层有一个叠放顺序。图层的一个重要功能就是可以使页面元素重叠。Z值大的在上面。 6.2.2 层的基本操作 1．插入图层 使用Dreamweaver MX在文档中可创建一个或多个图层，还可在一个图层中嵌套另一个图层，也可以将多个图层重叠起来；利用Dreamweaver MX提供的“图层”面板，还可隐藏或显示特定的图层。 （1）插人图层 在网页中插入图层有很多种方法，最常用的有插入、拖放和绘制三种方法，下面分别介绍这三种方法的操作步骤。 ①在网页文档窗口中，选择好光标插入点，然后单击“插入｜布局对象│图层”命令，插入图层； ②拖动插入面板上的 图标至文档中，插入图层。 ③单击插入面板上的 图标，鼠标的箭头变成了十字形，然后在文档窗口中拖动鼠标就可以画出一个图层。 用第三种方法绘制图层时按住“Ctrl”键，就可以连续绘制多个图层。 6.2.2 层的基本操作 2．嵌套层 将光标插入点定位于父层中，单击“插入｜布局对象｜层”命令即可在现有层中创建一个子层，称为嵌套层。若要逐级添加子层，只需将光标插入点定位到所需的子层中，按创建嵌套层的方法添加层即可。 3．“层”面板 单击“窗口｜层”命令或按“F2”键打开“层”面板，“层”面板用于对层进行管理和操作。 当前网页中的层都会显示在“层”面板的列表中，嵌套层以树状结构显示，见图。 6.2.2 层的基本操作 4．选择层（见图） 要对层进行操作和设置，首先要选中它， 单个层和多个层的选择方法不同。 （1）选择单个层 ①单击层的边框。 ②在“层”面板中单击要选择层的名称，选中层。选择层后，在“层”面板中会以反白方式显示该层名称，如图6-所示。 ③按住Shift+Ctrl键的同时单击要选择的层内部。 （2）选择多个层 按住Shift键后依次在层中或层边框上单击，也可按住Shift键后依次在“层”面板中单击层的名称，可选中多个层。 6.2.2 层的基本操作 5．对齐层 在设计网页过程中经常需要将多个层对齐。对齐层的操作比较简单，选择需对齐的层，选择“修改｜对齐”菜单中的相应的菜单命令即可。层的对齐有左对齐、右对齐、对齐上缘、对齐下缘几种方式。 6．层的大小调整 （1）调整单个层大小，有以下几种方法。 ①选择层，在属性面板的“宽”、“高”文本框中输入所需的宽度和高度值，再按Enter键。 ②将光标移至层的边缘，当光标变为 、 、 或 形状时按住鼠标左键不放，将其拖动到所需大小后释放鼠标。 ③按住Ctrl键再按键盘上的方向键，可以移动层的右边框和下边框，每次调整1个像素；按住Shift+Ctrl键的同时再按键盘上的方向键可每次移动10个像素。