网页制作CH9—图层技术摘要.ppt

通过本章学习，应该掌握以下内容： 认识图层 图层的基本操作 图层的管理 图层与表格的相互转换;9.1 认识图层 ; 层是在制作网页中经常用到的对象，元素的定位就是一个简单的应用。用表格来对网页进行排版非常方便，但有时需要在文字上放一些图片之类的元素，表格就不能胜任了，这时就可以利用图层来排版。 图层可以重叠地放置，制作出层叠的效果。也可以控制层的显示或隐藏，实现交互技术。配合时间显的使用，还可以同时移动一个或多个图层，轻松制作出动态效果。 ;9.2 图层的基本操作 ; 创建完层之后，在页面中会出现一个层的标志，并且有一个矩形的层出现。 单击层标志，其属性面板显示如图所示，在属性面板上可以设定层的属性。 ; ;创建嵌套层通常有两种方法： （1）直接创建嵌套层 先创建一个层为父层，后在父层内创建的层成为子层，在图层面板中也可以看出层2是层1的子层。 （2）将已有的多个层变为嵌套层 打开图层面板，在层列表中将需要作为子层的层选中，按住Ctrl键将该层拖动到父层上，释放鼠标即可。 ;9.2.2 选择图层 ; ; ; ; ; ; 2．调整多个图层的大小 ; ; 如果启用吸附功能，在移动和调整图层的大小时，该图层被自动定位到最近的网格位置。不论网格是否可见，吸附功能都起作用。 ; 2．吸附图层到网格 ;9.3 图层的管理 ;若要更改单个层的可见性，可执行以下操作之一： （1）打开图层面板，单击图层面板中一个层的眼睛图标以更改其可见性。眼睛睁开表示该层是可见的。眼睛闭合表示该层是不可见的。 （2）选择图层，在其属性面板的“显示”栏中设置图层的可见性。 ;2．改变所有层的可见性 ;9.3.3 改变图层的叠放次序 ;2．利用层属性面板来调整图层的叠放次序 ; 图层和表格都可以用来进行页面定位，但图层是可以随意移动的，应用图层来进行页面设计更快捷、方便、灵活。但图层只有在较高版本的浏览器中才能够正确显示，如果要使设计的网页在3.0版本的浏览器中也正确显示，则不能使用图层来控制版面。 为了避免显示错误，可以先用图层来快??创建复杂的页面布局，然后再把图层布局转换为表格布局。需要时，也可以进行图层和表格的相互转换，以调整布局和优化页面设计。 ; 在Dreamweaver MX中，先用图层来制作一个页面，选择“修改”|“转换”|“层到表格”命令，弹出 “转换层为表格”对话框，根据需要对以上各项进行设置，设置完毕单击“确定”按钮。 ;注意： 1．隐藏的图层不能转换为表格。 2．重叠的层不允许转换为表格，因为表格的单元格是不能重叠的。 3．在模板文档或已应用模板的文档中，不能将层转换为表格或将表格转换为层。即应该在非模板文档中创建布局，然后再将该文档另存为模板之前进行转换。; 将表格转换为图层的步骤如下： 选择需要转换的表格，执行“修改”|“转换”|“表格到层”命令，弹出 “转换表格为层”对话框；在对话框中选择所需要的选项，单击“确定”按钮，文档中的表格转换为层，但空表格单元不转换，表格之外的内容也被置于图层中。 注意：如果文档应用了模板或模板文档，就不能把把表格转换为图层。如果确实需要转换，可在存为模板之前先进行转换。 ;E N D