9.1图层与行为.ppt

网页布局-层 使用图层设计页面布局，可以实现页面元素的精确定位 在图层中可以插入文本、图像、表单等页面元素。 借助层，可对加入的页面元素进行精确定位，还可做出重叠效果和运动效果。 9.1 图层与行为 行为:某个事件发生时浏览器执行的动作。 行为（Behavior）是由事件（Event）和动作（Action）组成的 利用行为可以创建一些交互。 添加行为 选择IE6.0浏览器 插入图片 交换图像：onMouseOut恢复交换图像 onMouseOver交换图像 插图文字图层：默认（隐藏） 选中图像，添加行为 onMouseOut（显示-隐藏层）隐藏 onMouseOver（显示-隐藏层）显示 行为和动作 可附加行为的对象：整个文档、链接、图像、表单元素和任何html元素 注意应用dreamweaver提供的动作 增加行为 打开行为面板 选定须增加行为的对象 选定动作 指定触发该动作的事件 行为面板的操作 编辑行为：选定附加行为的对象，修改该行为的参数 改变行为中的触发事件的顺序 增加行为 删除行为 常用动作 图像的交换 弹出信息、弹出菜单 播放声音 显示弹出式菜单 检查表单 调用javaScript 检查浏览器：常用于body标签 常用动作 检查插件 控制shockwave或flash 拖动层 转到url 打开浏览器窗口 预载入图像 播放事件轴 转到时间轴帧 创建层 使用Insert菜单创建层：Insert菜单-Layer选项 通过对象调板创建层：Window菜单-Object-Draw Layer按钮 使用CSS样式创建层：Window菜单--CSS Styles选项 嵌套层：就是在一个层内创建新的层 选中这个层，可用鼠标拖动，将层移至页面合适的位置。 用鼠标拖动边线上的黑色方块，可调节层的大小。 用鼠标点击层内的任意位置，这时可往层内加入文本、图像等内容。 层中可再嵌套层。 嵌套层的操作 将插入点光标放入父层内，然后使用Insert菜单的Layers选项； 将对象调板的Layer按钮拖到父层内； 按住Ctrl键，并在层调板内，将子层的名称拖到父层的名称上。 修改层 选择层1）激活层：用鼠标单击层所属的区域2）选择某一个层： 用鼠标单击文档的层标识，使层的边框上出现黑色的小方块；用鼠标单击层的选择手柄；用鼠标单击层的边框；用鼠标单击层调板内层的名称。 3）选择多个层： 按住Shift键的同时，依次单击多个层； 按住Shift键的同时，依次在层调板的名称列表内选择； 按住Shift键的同时，依次用鼠标单击层所在的区域。4）取消选择：在文档窗口内单击鼠标 5）删除层：选定层后，按Delete键 改变层的大小：鼠标拖曳或属性调板 改变层的位置：鼠标拖曳 对齐层：选定多个层、Modify菜单-Align选项 注意：对齐层时，系统自动将最后选定的层作为对齐标准 设置图层参数和图层属性 设置图层参数1）使用图层参数可以为新创建的层定义默认设置2）操作：Edit菜单-Preferences 设置图层属性：属性调板 “层编号“后填入你给这个层的命名。 “左”和“上”是层的定位，即在页面中的位置。 Z轴：是页面元素的Z值，在后面填入一个数值。当页面元素因定位而重叠时，Z值大的页面元素将在最表面显示，覆盖或部分覆盖Z值小的页面元素。 “可见性”是设置页面元素是否可视。不设置当然是可视。其后的下拉选框有四个选项——default、inherit、visible和hidden。 default是使用浏览器默认值，这个默认值一般是可视。 inherit是继承母体元素的可视性设置， visible是可视 hidden是不可视。 背景图像。 层的背景颜色。 “溢出”是如何处理插入层内的元素超过层本身的宽或高的部分。其后的下拉选框有四个选项——visible、hidden、scroll和auto。 visible是可视 hidden是不可视， scroll是可滚动 auto是由浏览器默认。 剪辑：在层中间再限定一个区域，来放置插入层里的页面元素。 L是Clip区域左边离层左边的距离， T是Clip区域上边离层上边的距离， R是Clip区域右边离层右边的距离 B是Clip区域下边离定位区域下边的距离。 其实层的各种设置，其原理就是用CSS对DIV等HTML标记的定