第2章总体规划-3图层.pptVIP

第1页 目 录 2.3 图层的使用 2.3.1 创建层 2.3.2 设置层属性 2. 2. 3 管理图层 2. 2. 4使用层面板 附图层与表格 2.3 层的使用 绪 2.3 层的使用 绪 2.3.1 创建层 2.3.1 创建层 2.3.1 创建层 2.3.2 设置层属性 2.3.2 设置层属性 2.3.2 设置层属性 2.3.3 管理图层 2.3.3 管理图层 2.3.3 管理图层 2.3.3 管理图层 2.3. 3 管理图层 复制图层 方法1：按住Ctrl键，鼠标拖动要复制的层，移动 一定距离后释放鼠标，则该层被复制。 方法2：利用“复制” →“粘贴”命令。 2.3.3 管理图层 调整图层的大小 1.调整单个图层的大小 拖曳法：选择层，拖曳图层的调控点。 利用属性面板：设置“宽”和“高”的数值。 利用键盘：选择要调整的图层，按Ctrl+方向键，每 次调整一个像素单位。按Ctrl+Shift+方 向键，每次调整一个网格单位。 2.3.3 管理图层 调整图层的大小 2.调整多个图层的大小 利用菜单：选中多个图层，单击“修改”→“对齐”→ “设成宽度相同”。 或“修改”→“对齐”→“设成高度相同” 利用属性面板：选择要调整的图层，在属性面板的 多个层“高”和“宽”文本框中修改所 有选中的层的宽度值和高度值。 2.3.3 管理图层 对齐图层 使被选择的多个图层与最后被选择的图层边框对齐的方法如下： 选中需要对齐的图层，执行“修改”→“对齐”命令， 选择一种对齐方式。 注意：在对齐图层时，没有选择的子图层会因为其父 图层的移动而移动。 2.3.4 使用层面板 附 图层与表格 图层和表格都可以用来进行页面定位，但图层是可以随意移动的，应用图层来进行页面设计更快捷、方便、灵活。但图层只有在较高版本的浏览器中才能够正确显示，如果要使设计的网页在3.0版本的浏览器中也正确显示，则不能使用图层来控制版面。 为了避免显示错误，可以先用图层来快速创建复杂的页面布局，然后再把图层布局转换为表格布局。需要时，也可以进行图层和表格的相互转换，以调整布局和优化页面设计。 附 将图层转换为表格 在Dreamweaver MX中，先用图层来制作一个页面，选择“修改”菜单→“转换” →“层到表格”命令→ “转换层为表格”对话框，根据需要对以上各项进行设置，设置完毕单击“确定”按钮。 附 将图层转换为表格 注意： 1．隐藏的图层不能转换为表格。 2．重叠的层不允许转换为表格，因为表格的单元格是不能 重叠的。 3．在模板文档或已应用模板的文档中，不能将层转换为表 格或将表格转换为层。即应该在非模板文档中创建布局 然后再将该文档另存为模板之前进行转换。 附 将表格转换为图层 将表格转换为图层的步骤： 选择需要转换的表格; 执行“修改”→“转换” →“表格到层”命令，弹出 “转换表格为层”对话框； 在对话框中选择所需要的选项，单击“确定”按钮，文档中的表格转换为层。 注意：如果文档应用了模板或模板文档，就不能把表格转换为图层。若确需转换，可在存为模板之前先进行转换。 空表格单元不转换，表格之外的内容也被置于图层中。 2.3. 设置层参数 本章学习结束 第1页 第1部分 Dreamweaver MX 2004 第二章总体规划—图层使用 层即图层，是一种HTML页面元素，是Dreamweaver MX中最有价值的对象之一，它提供了一种对网页对象进行有效控制的手段，由于层可以游离在常规网页之上，所以可以利用层来精确定位网页元素（包括文本、图像）。 层的显示使网页从二维平面拓展到三维空间，页面上的元素能够显示重叠效果。控制层的显示或隐藏，可以实现交互技术。配合时间显的使用，还可以同时移动一个或多个图层，轻松制作出动态效果。 　　 一个层有几乎相当一个HTML文档，可以有自己的背景、颜色，在层上可以放置文字、表格、图像、插件等元素即在HTML文档的正文部分可以放置的元素都可以放入层内。 层内还可以包含其它层 层的嵌套。 层可以转换成表格，为不支持层的浏览器提供解决方法。 层好比一张透明玻璃纸，网页元素就画在这张透明玻璃纸