《网页设计与制作教程与实训》全套PPT电子课件教案-第5章 Dreamweaver MX2004的网页定位技术参考.ppt

5.4 层 5.4.1 层的创建 1. 创建新层 1) 创建新层的方法 (1) 使用【插入】|【布局对象】|【层】菜单 (2) 用【插入】面板 (1) 显示：设置在默认情况下所创建的层的可见性。可选参数为default（缺省）、inherit（继承）、visible（可见）和hidden（隐藏）。当未指定可见性时，大多数浏览器都会默认为“inherit”。 (2) 宽：设置在默认情况下所创建的层的宽度，单位是px (像素)。 (3) 高：设置在默认情况下所创建的层的高度，单位是px (像素)。 (4) 背景颜色：设置在默认情况下所创建的层的背景颜色。单击颜色框按钮，在选色板中选取合适的颜色，或者在文本框中直接输入背景颜色的十六进制数值。 (5) 背景图像：设置在默认情况下所创建的层的背景图像。单击【浏览】按钮，在弹出的【选择图像源文件】对话框中选取背景图像文件，或者在文本框中直接输入背景图像的文件路径。 (6) 嵌套：选择该复选框，可以直接在一个层中绘制另外的层来创建嵌套层；如果不选择该复选框，在层中绘制的只能是并列层。 (7) Netscape 4兼容性：在Netscape浏览器中，如果重新设置浏览器大小，会导致CSS层产生错误。选择该复选框，则会在页面的头部自动添加一段JavaScript代码，以修复该错误。如果没有选择该复选框，则可以通过菜单【命令】|【添加/移除Netscape调整修复】，在弹出的对话框中选择添加或删除JavaScript代码。 此时【设计】视图如下图所示。 3. 层面板 通过【层】面板可以管理文档中的层，使用【层】面板可防止层重叠，更改层的可见性、名称，将层嵌套或堆叠，更改层的堆叠顺序，以及选择一个或多个层。 1) 打开【层】面板 选择菜单【窗口】|【层】，即可打开【层】面板。【层】面板显示为按z 轴顺序排列的名称列表；首先创建的层出现在列表的底部，最新创建的层出现列表的顶部。 2) 防止层重叠 当层重叠时，可能会限制一些操作。选择该项，在创建、移动层和调整层大小时会约束层的位置，使层不会重叠。 3) 更改层可见性 在层的眼形图标列内单击可以更改对应层在【设计】视图中的可见性。 眼睛睁开表示该层是可见的。 眼睛闭合表示该层是不可见的。 如果没有眼形图标，该层通常会继承其父级的可见性 4) 更改层的名称 在欲改名的层名称处双击，输入新的层名称后回车即可 5) 显示或隐藏嵌套层 单击层名称旁边的加号(+) 或减号(-) 按钮，则可以控制嵌套的层显示为连接到父层的名称（折叠）或是显示嵌套层（打开） 6) 更改层的堆叠顺序 Z轴的大小指定层的堆栈顺序。当层在页面中出现重叠，Z轴数值大的层显示在数值小的层的上面。 【层】面板列表顶部的层将位于堆叠顺序的顶部，并且会出现在其他层之前。 在【层】面板中更改层的堆叠顺序的方法有两种： 在Z 列中，单击要更改的层的编号；然后键入一个更高的编号，沿着堆叠顺序向上移动该层；或者键入一个更低的编号，沿着堆叠顺序向下移动该层。 将层向上或向下拖至所需的堆叠顺序，移动层时会出现一条线，它指示该层将出现的位置，当放置线出现在堆叠顺序中的所需位置时，松开鼠标按钮。 7) 选择层 在【层】面板上单击层的名称，可以选择单个层； 按住【Shift】 键的同时，在【层】面板上单击层的名称，可以同时选择多个层。 5.4.2 层的基本操作 1. 向层中添加内容 在层中可以添加文本、图像、表格、表单及Flash等其它媒体对象。 1) 添加文本 向层中添加文本，可以将光标置于层中，直接输入文本；也可以使用剪贴板，将现成的文本粘贴到层中。 2) 添加图像 将光标置于层中，选择菜单【插入】|【图像】命令，从弹出的【选择图像源文件】对话框中选择要插入的图像. 2. 层的移动 首先在【设计】视图中，选择一个或多个要移动的层，然后可以通过三种方式进行移动： 拖动最后一个选定层（黑色突出显示）的选择柄。 使用方向键一次移动一个像素。 按住【Shift 】键的同时使用方向键，可按当前网格靠齐增量来移动层。 3. 调整层的大小 在【设计】视图中，选择要调整大小的层，之后可通过以下四种方式进行大小调整： 拖动该层的任一大小调整柄。 按住【Ctrl】 键的同时使用方向键一次调整一个像素大小。 按住【Shift】和【Ctrl】键的同时使用方向键按网格靠齐增量来调整大小。 在【属性】面板直接键入层的宽度（W）和高度（H）的值。 4. 层的对齐 在【设计】视图中，选择多个要对齐的层。 选择菜单【修改】|【对齐】下对应的对齐选项。 需要说明的是： 使用层对齐命令是按照最后一个选定层的边框（选择柄以黑色突