Dreamweaver MX网页设计与制作 作者 曾立 第6章.pptVIP

Dreamweaver网页设计和制作 第6章 使用层、时间轴和行为 6.1层的建立与使用 6.2使用时间轴制作动态效果 6.3在时间轴中添加行为 本章任务 学会创建和修改层 掌握用层精确定位 使用时间轴控制层 为层增加行为创造一些特别的效果 层可以理解为浮动在网页上的一个页面，它可以被准确地定位于网页的任何地方，并且规定它的大小。可以动态设定层的可见与否；层里还可以嵌套子层。层在Dreamweaver MX中被认为是一个对象，这样就具有更多的特性，可以给层设定时间轴，控制层的运动时间和路线，也可以添加随时间的触发引起的一些动作，例如用按钮控制层的隐藏和显现。 层的创建 选择【插入】→【层】菜单命令，或直接从“插入”面板中选择“描绘层”按钮 ； 在【插入】→【层】中单击“绘制层”按钮 ，按住【Ctrl】键并拖动即可连续绘制多个层； 将插入点放置在“文档”编辑窗口中，然后选择[插入] →[层]菜单命令将自动在插入点插入一个层。 设置层参数 层编号：给层命名。如果以后要使用行为或者JavaScript控制层，必须用到层的名字。 左、右：在其文本框中输入数值，改变层相对于浏览器左上角的位置。 宽、高：在其文本框中输入数值，改变层的大小。 显示：层的可见性，包括“default”默认、“inherit”继承父层的该属性、“visible”可见、“hidden”隐藏。 Z轴：设置层的次序，数值越大的越在前面显示。 背景图像：设置图层背景图片。 设置层参数 背景颜色：用来为层设置背景颜色。 溢出（当“标签”参数设置为DIV或者SPAN时才出现）：用来设置层内容超过层大小时的显示方式，包括4个选项： visible：按照内容的尺寸向右、向下扩大层，以显示层的全部内容。 hidden：只显示层尺寸内的内容。 scroll：不改变大小，增加滚动条。 auto：自动选择，当层内容超过层时出现滚动条，不超过时不出现。 剪辑：用来指定层哪部分是可见的，输入数值是距离层的4个边界的距离。 嵌套层的创建 层可以像表格一样进行嵌套。通常将位于层内部的层称为嵌套层或子层，而将在嵌套层外部的层，称为父层。层根据需要嵌套多个层。 嵌套层是其代码包含在另一个层中的层，在网页中层的嵌套可以把不同的层组合在一起。 嵌套层随其父层一起移动，并且可以设置为继承其父级的可见性。子层可以浮动于父层之外的任何位置，子层的大小也可以大于父层。 直接拉动建立层 先绘制2个层 “F2”键打开层面板 把一个层标签拉进另外一个层内，就成功添加了子层 添加子层后，父层的左侧出现“+”或“－”符号，单击该符号可展开或闭合层 层的基本操作 层面板 移动层 对齐层 设置层大小 层面板 “F2”键打开层面板 选定层的列单击可显示或隐藏该层。如果该列显示了一个睁开的眼睛图标 ，表示显示该层；如果该列显示了一个闭合的眼睛图标 ，表示关闭该层；如果此处没有显示任何图标，表示该层的要可见性将继承其父层的显示属性。 双击层名可以修改层的名称。 单击Z列可修改层的的前后次序，数值大的将位于上层。 拉动层可以任意修改层的前后次序。 选中防止重叠复选框，则可以防止层重叠。如果要创建嵌套层必须取消该复选框的选择。 移动层 选择一个层（如果要选择多个层，按住“Shift”键） 将鼠标移到层边框上，当鼠标变为 形状时拖动鼠标到需要的位置释放鼠标即可 若要一次移动一个像素，可使用小键盘的上下左右方向键 对齐层 按住“Shift”键选择多个层 选择【修改】→【对齐】菜单命令中的相应选项 层与表格的相互转换 选择【修改】→【转换】→ 【层到表格】菜单命令 实战 创建时间轴 从“插入”面板中选择“描绘层”按钮，绘制一个层 选中层，然后选择【修改】→【时间轴】→【增加对象到时间轴】菜单命令，此时在“属性”面板下方，自动出现“时间轴”面板 创建时间轴 从“插入”面板中选择“描绘层”按钮，绘制一个层 选中层，然后选择【修改】→【时间轴】→【增加对象到时间轴】菜单命令，此时在“属性”面板下方，自动出现“时间轴”面板 修改时间轴 改变时间轴的长度：左右拖动开始帧或者结束帧的标记，关键帧之间的长度按比例的增长，动画的动作慢了。 改变关键帧的位置：左右拖动关键帧，把它移到合适的位置。 改变动画的起始时间：选中整条时间轴左右拖动，即可改变动画的起始时间。 改变动画对象在文档中的位置：选中整条时间轴，在文档中用鼠标左键按住层左上角的小方框托拖到需要的位置。 添加或删除帧：在时间轴检查器里的播放栏移到要添加或删除帧的位置右击，在弹出的下拉菜单中选择“添加帧”或“删除帧”。 自动播放：勾选“自动播放”复选框，动画就会在浏览器打开后自动播放。 循环播放：勾选“循环”复选框，动画会在浏览器中循环播放。当勾选复选框