第10章+层.pptVIP

第10章 层 10.1 关于层的概念 10.2 插入层及相关属性 10.3 层中插入对象進行排版 10.4 层的绝对定位与相对定位 10.5 使用“层”浮动面板管理层 10.6 在层的表格之间转换 10.7 设置层的首选参数 10.8 设置层特效 10.1 关于层的概念 “层”是Dreamweaver中另外一种排版工具。它可被定位在页面上的任意位置，并且其中可以包含文本、图像等所有可直接插入至网页的对象。 层因为是绝对定位，所以其拥有很多表格所不具备的特点，比如可以重叠、便于移动、可设为隐藏等。这些特点有助于设计思维不受局限，从而发挥更多的想像力。 层要求IE 4.0和Netscape 4.0之后的版本，只有这些版本才支持层的技术 目前合理的做法是可以同时使用表格与层，表格为主，层为辅，搭配使用这两种设计工具，将会同时获得表格的稳定性与层的灵活性。 10.2 插入层及相关属性 一、插入层 二、“单个层”的“属性”面板 三、“多个层”的“属性”面板 四、调整单个层的大小 五、调整多个层的大小 六、移动层的位置 七、层的对齐 一、插入层 在页面中插入层的步骤： 1.将光标停留在页面中要插入层的位置。 2.选择“插入”快捷栏中的“布局”分类，单击左侧第3个“绘制层”按钮。 3.在“网页窗口”中，拖动光标即可绘制出一个层。若按住Ctrl键的同时拖动可以连续绘制多个层。 4.当插入一个层后，“网页编辑窗口”中会显示一个黄色的层代码标记。如果没有可勾选“编辑|首选参数|不可见元素”分类中的“层锚记”选项，令其显示。 二、“单个层”的“属性”面板 1.首先选择层：单击层边框；单击层锚记 。 2.在“属性”面板中设置层编号、层位置（左、上）、层大小（宽、高）、层隐藏、背景颜色、背景图像、溢出、裁切等。 三、“多个层”的“属性”面板 1.选择多个层：Shift+单击。最后选中的层的控制点将会是蓝色突出显示 。 2.其中可以设置的选项大部分都在“单个层”的“属性”面板中出现过，并且意义相同。 四、调整单个层的大小 调整单个层大小的方法有3种: 1.选择要调整的层，然后拖动其周围的控制点至合适位置即可。 2.选择要调整的层，然后按住Ctrl键和方向键，可以使层的大小沿箭头方向一次增大或缩小1个像素。若同时按下Ctrl+Shift键，然后再按方向键，可以使层的大小沿箭头方向一交增大或缩小10个像素。 3.在 “属性”面板的“宽”和“高”文本框中输入层的精确数值。 五、调整多个层的大小 调整多个层大小的方法有2种: 1.是选择要调整的多个层，然后执行“修改|排列顺序|设成宽度相同”命令，将所有层的宽度全部变为最后选中的一个层的宽度；或者执行“修改|排列顺序|设成高度相同”命令将所有层的高度全部变为最后选中的一个层的高度。 2.选择要调整的多个层，在“属性”面板中的“多个层”下输入宽度和高度的值，这个属性将会被所有选中的层应用。 六、移动层的位置 在“网页编辑窗口”中，可以任意移动“单个层”或“多个层”的位置，方法有2种： 1.选择需要移动的层，再拖动层的边框或层左上角的手柄，至合适的位置即可。 2.选择需要移动的层，按下键盘上的方向键，可以使层的位置沿箭头方向一次移动1个像素。若在按下Shift键的同时再按方向键，可以使层的位置沿箭头方向一次移动10个像素。 七、层的对齐 使用层对齐命令可按最后一个选定层的边框来对齐一个或多个层。对齐层的步骤： 1.选择要对齐的两个或多个层。 2.执行“修改|排列顺序”命令，展开的子菜单有4种对齐方式:“左对齐”、“右对齐”、“对齐上缘”、“对齐下缘”。 3.选择一和对齐方式。 10.3 层中插入对象進行排版 一、可插入对象的类型 ：包括：文本、图像、Fladh、视频、表格等一切在网页中可插入的对象，在层中都可以插入。 二、层的嵌套：真正的嵌套层的一个层的代码标记在另一个层的里边；同级层的代码标记是并列放置的。用3种方法设置嵌套层： 1.在“网页编辑窗口”中绘制两个层，之后将其中一个层代码标记拖至另一个层中即可。 2.在“网页编辑窗口”中绘制一个层，再按住Alt键同时再在该层中绘制一个层即可。 3.在“网页编辑窗口”中绘制一个层，之后将光标置入到该层中，最后执行“插入|布局对象|层”命令即可。 10.4 层的绝对定位与相对定位 一、层在网面中的位置 二、层的绝对定位与相对定位 三、层绝对定位的实例 一、层在网面中的位置 当浏览者显示器设置的分辨率与制作时设计的网页分辨率不符(如用户设计的网页是按照1024*768来显示，而浏览者的显示器分辨率却是800*600),或者说当浏览器窗口大小发生变化时，层的位置却不会像表格那样相对于窗口仍然处于居中