第6章 节 层及布局应用 实战Dreamweaver8网页制作教程电子教案.pptVIP

学习目标;6.1　层的建立、编辑及排版应用 6.2　层在页面布局中的定位技巧;6.1　层的建立、编辑及排版应用;6.1.2　新知解析;2.层的删除 　　选中要删除的层，单击Delete键或单击“剪切”按钮，可删除该层，也可以在“层”面板中删除该层。 3.层的嵌套 　　有时为了网页布局等的需要可以在一个层中再插入一个层，这称为层的嵌套，被嵌套的层称为子层，包含子层的层称为父层，子层会继承父层的一些属性。方法如下： 先在编辑窗口中插入一个层。 将光标定位在该层中，然后再插入一个层，即可在已有的层中嵌套一个层。; 可见性：设置层的可见性。 背景图像：设置层的背景图像。 背景颜色：设置层的背景颜色。 溢出：用于设置层的内容超过了层的大小以何种方式显示。 剪辑：用于设置层中内容被剪切掉的范围，左、上、右、下分别表示对层内容进行剪切后，剩余可见部分的左边界或右边界到层的左边框、上边界或下边界到层的上边框的相对距离。 类：为选中的层应用CSS样式。;6.调整层的大小 　　创建层后，可以通过以下方法来调整层的大小。 选中要调整大小的层，此时在层的周围出现8个黑色节点，用鼠标拖动相应的节点可以调整层大小、宽度、和高度。 选中要调整大小的层，在“属性”面板中“宽”和“高”的文本框中分别输入相应的值调整层的大小，这种方法可以精确调整层的大小。;7. 层的对齐 可以使多个层以某一个层为基准进行对齐操作，方法如下： 按Shift键选中多个层，注意对齐时是以最后选中的层为基准进行对齐操作。 选择主菜单“修改”｜“排列顺序”菜单中“左对齐”、“右对齐”、“对齐上缘”、“对齐下缘” 。 命令中的一条，可以进行相应的对齐操作。当然也可以选择“设成宽度相同”、 “设成高度相同”命令中的一条使选中的层和基准层具有相同的宽度或高度。;8. 层面板 　　为了方便、轻松、直观地使用层，Dreamweaver 8.0提供了层面板，可以对层控制和操作。在网页中创建的所有层都在显示在“层”面板中，如图7-14所示。;　　　　　　　;4）显示或隐藏层 　　观察“层”面板，可以发现在“名称”左侧有一只睁开的眼，???开眼睛这一列决定着相应层的显示和隐藏。 　　在睁开的眼睛这一列中某一处单击，若显示睁开的眼睛，则表示右则的层显示，若显示闭上的眼睛，则表示右侧的层隐藏，若层的名称左边没有任何显示，则表示层默认为显示或是继承父层的可见性。 　　在“层”面板中单击“名称”左侧睁开的眼睛，可以一次性将层全部隐藏，再次单击可以全部显示。;5）创建和取消嵌套层 　　在“层”面板中按住Ctrl键，用鼠标将一个层拖动到另一层上，当层上出现边框时释放鼠标，如图7-15所示，可以创建一个嵌套层。此时，子层继承父层的一些属性，如Z轴的值等，移动父层，子层也会跟着移动。 　　若要使子层脱离父层，只需在“层”面板中拖动子层脱离父，便可取消嵌套。;9.层与表格的相互转换 　层转换为表格。操作方法如下： 1) 打开要将层布局转换为表格布局的页面。 2)选择“层”面板中的“防止重叠”复选框。 3)选择主菜单“修改”｜“转换”｜“层到表格”命令，打开“转换层为表格”对话框。; 最精确：表示为每个层建立一个表格单元，同时层之间的空隙也建立相应的单元格。 最小：表示当层之间的距离小于设定的值时，则层之间的空隙不生成独立的单元格，它们被合并到较近的层生成的单元格中。 防止层重叠：表示可以禁止层重叠。 显示层面板，表示转换后显示“层”面板。 显示网格：表示层转换为表格后，网页编辑窗口中显示网格线。 靠齐到网格：表示启用吸附到网格功能。 4）设置完成后，单击“确定”按钮可完成转换。;表格转换为层。 　　操作方法如下： 　　1）在编辑窗口中选择需要转换为层的表格。 　　2）选择主菜单“修改”｜“转换”｜“表格到层”命令，打开“转换表格为层”对话框。 各项设置如下： 　　防止层重叠：表示可以禁止层重叠。 　　显示层面板：表转换后显示层面板。 　　显示网格：表格转换为层后，网页编辑窗口中显示网格线。;6.1.3　技巧提示;2. 层的参数设置 　　选择主菜单“编辑”｜“首选参数”命令，打开“首选参数”对话框，在“分类”中选择“层”，右侧显示的“显示”、“宽”、“高”、“背景颜色”、“背景图像”分别表示插入一个层时，默认的显示状态、宽度、高度、背景颜色、背景图像。用户可以根据需要进行设置。 ;3. 连续绘制多个层 　　如果想单击一次“绘制层”按钮就连续绘制多个层，可以在绘制第一个层时按住Ctrl键，可以连续绘制多个层，直至释放Ctrl键。;4、网格 　　1）显示网格。 　　选择主菜单“查看”｜“网格”｜“显示网格”命令来显示网格。 　　2）使用网格。 　　选择主菜单“查看”｜“网格”｜“靠齐到网格”命