Dreamweaver网页制作课件 第9章 在网页中应用层.pptVIP

层可以与表格、框架一起相互配合来进行网页的布局，层可以精确的定位网页元素，因此掌握好层的应用是很有必要的。 在页面中创建层 选择、移动和对齐层 设置层的属性 层的堆叠和删除 层与表格的相互转换 任务一 在页面中创建层 在Dreamweaver 8中，单击“常用”面板上的“绘制层”按钮 后，可以在文档中绘制一个层；也可以通过选择“插入→布局对象→层”命令，直接在文档中创建一个预定义大小的层。 阶段1 使用“插入”命令创建 （1）将光标插入文档中要插入层的位置。 （2）选择“插入→布局对象→层”命令（左图），在页面中插入一个层（右图）。 下面介绍在“首选参数”中设置层大小的方法 （1）选择“编辑→首选参数”命令打开“首选参数”对话框，在对话框的“分类”列表框中选择“层”选项 。 （2）在对话框中重新设置“宽”与“高”的值，然后单击“确定”按钮。 （3）完成设置，选择“插入→布局对象→层”命令，在文档中插入一个层，可以看到层的大小已经有所变化。 阶段2 使用“绘制层”按钮创建层 （1）单击“插入”面板中“布局”面板上的“绘制层”按钮。 （2）在文档中按住鼠标左键并拖动，即可绘制一个自定义大小的层 任务二 创建层 Dreamweaver 8中创建好的层，可以进行选择、移动和对齐操作，以满足网页制作的需要。下面分别介绍其操作方法。 阶段1 选择层 （1）打开Dreamweaver 8，新建一个文档，在其中绘制多个层，然后选择“窗口→层”命令。 （2）在打开的“层”面板中选择要选择的层编号，即可选中要选择的层。 阶段2 移动层 （1）在将鼠标移到文档中要移动的层的边框上，可以看到鼠标指针变为十字箭头形状。 （2）按住鼠标左键不放，然后拖动到其他位置即可完成移动层操作 阶段3 对齐层 选择“修改→排列顺序→左对齐”命令（左图），可以让两个层的左边对齐（右图）。 选择“修改→排列顺序→右对齐”命令（左图），可以让两个层的右边对齐（右图）。 选择“修改→排列顺序→对齐上缘”命令（左图），可以让两个层的上边对齐（右图）。 选择“修改→排列顺序→对齐下缘”命令（左图），可以让两个层的下边对齐（右图）。 任务三 设置层的属性 在Dreamweaver 8中插入层后，按下“Ctrl+F3”打开层“属性”面板，然后选中要设置属性的层，即可在“属性”面板中设置层的属性。 任务四 层的堆叠和删除 阶段1 层的堆叠 （1）在“层”面板中用鼠标单击层编号，选择一个层。 （2）在“属性”面板的“Z轴”文本框中输入一个较大的数值，上移该层的堆叠顺序即可。 除了通过“属性”面板修改层的堆叠顺序外，还可以直接调整“层”面板中的层编号位置，同样可以修改层的堆叠顺序。 （1）选择“窗口→层”命令，打开“层”面板。 （2）选择要改变堆叠顺序的层，然后向上或向下拖动（左图），然后在适当的位置释放鼠标即可（右图）。 阶段2 层的删除 （1）在“层”面板或文档编辑区中选中要删除的层。 （2）按下“Delete”键或选择“编辑→清除”命令，即可将选中的层删除掉。 上机实战 在Dreamweaver 8中，层与表格是可以相互转换的。在制作网页时，可以先用层来进行定位，然后将其转换为表格，提高工作效率。 将层转换为表格 （1）选择“修改→转换→层到表格”命令，打开“转换层为表格”对话框。 （2）在对话框中进行相关设置后，单击“确定”按钮，即可将层转换为表格。 将表格转换为层 （1）选择“修改→转换→表格到层”命令，打开“转换表格到层”对话框。 （2）在对话框中进行设置后，单击“确定”按钮，即可将表格转换为层。 本章总结 层、表格和框架是网页布局中的重要元素，合理应用三个元素可以对网页进行合理的布局，增强网页的美观度，层的功能主要用来对网页元素进行精确的定位。本章从培养用户应用层功能实际出发，详细讲解层的应用。 “转换层为表格”对话框 将层转换为表格 “转换表格到层”对话框 将表格转换为层 第9章 在网页中应用层 在页面中创建层 任务1 选择、移动和对齐层 任务2 设置层的属性 任务3 层的堆叠和删除 任务4 本章导读 能力目标 任务目标 选择位置 插入一个层 “首选参数”对话框 插入一个层 绘制自定义大小的层 任务描述 鼠标指针变为十字箭头 拖动到其他位置 任务描述 “属性”面板 选择一个层 输入一个较大的数值 “层”面板 选中要删除的层 将选中的层删除掉