Dreamweaver网页设计 第9章层、行为与时间轴
Dreamweaver 网页设计 第9章 层、行为与时间轴
【学习概述】 层、行为、时间轴可以说是网页设计中 革命性的技术。搭配使用层、行为、时间 轴可以制作出活泼多样的动态页面以及效 果惊人的互动网页。本章内容包括:建立 层、编辑层、层与表格的相互转化、行为 时间轴等。重点是如何综合运用层、行为、 时间轴
【学习概述】 层、行为、时间轴可以说是网页设计中 革命性的技术。搭配使用层、行为、时间 轴可以制作出活泼多样的动态页面以及效 果惊人的互动网页。本章内容包括：建立 层、编辑层、层与表格的相互转化、行为、 时间轴等。重点是如何综合运用层、行为、 时间轴
9.1【课堂讲解】层、行为与时间轴 概述概述 91.1层 层是指一种用DⅣ和SPAN标记描述的HTML页面元素。层可以用来定位, 可以包含文本、图像、动画等元素。层还可以嵌套层。 层源代码为:< div id=" Layer1"></dv>。 在默认情况下, Dreamweaver使用DⅣ标记创建层。选择层后,对应的 属性面板如图9-1所示。 类心无 益出辑左□右□ 图9-1层属性面板
9.1 【课堂讲解】层、行为与时间轴 概述概述 9.1.1 层 层是指一种用DIV和SPAN标记描述的HTML页面元素。层可以用来定位， 可以包含文本、图像、动画等元素。层还可以嵌套层。 层源代码为：<div id="Layer1"></div>。 在默认情况下，Dreamweaver使用DIV标记创建层。选择层后，对应的 属性面板如图9-1所示。 图 9-1 层属性面板
在层属性面板中: 层编号:用于指定一个名称,用于识别不同的层 左和上:指定层的左上角相对于页面(如果嵌套,则为父层)左上角的位 宽和高:指定层的宽度和高度 Z轴:确定层的z轴顺序(即堆叠顺序)。 可见性:指定该层最初是否是可见的,有4个选项 “默认”:不指定可见性属性,默认为“继承”。 “继承”:使用该层父级的可见性属性。 “可见”:显示这些层的内容。 ·“隐藏”:隐藏这些层的内容。 背景图像:指定层的背景图像。 背景颜色:指定层的背景颜色。 溢出:控制当层的内容超过层的指定大小时如何在浏览器中显示层。 “可见”:指示在层中显示额外的内容。 “隐藏”:指定不在浏览器中显示额外的内容。 “滚动”:指定浏览器应在层上添加滚动条,而不管是否需要滚动条。 “自动”:使浏览器仅在需要时才显示层的滚动条 辑:定义层的可见区域。指定左侧、顶部、右侧和底边坐标可在层的 觉的文形、具指定的是可
在层属性面板中： • 层编号：用于指定一个名称，用于识别不同的层。 • 左和上：指定层的左上角相对于页面（如果嵌套，则为父层）左上角的位 置。 • 宽和高：指定层的宽度和高度。 • Z 轴：确定层的z轴顺序（即堆叠顺序）。 • 可见性：指定该层最初是否是可见的，有4个选项： • “默认”：不指定可见性属性，默认为“继承”。 • “继承”：使用该层父级的可见性属性。 • “可见”：显示这些层的内容。 • “隐藏”：隐藏这些层的内容。 • 背景图像：指定层的背景图像。 • 背景颜色：指定层的背景颜色。 • 溢出：控制当层的内容超过层的指定大小时如何在浏览器中显示层。 • “可见”：指示在层中显示额外的内容。 • “隐藏”：指定不在浏览器中显示额外的内容。 • “滚动”：指定浏览器应在层上添加滚动条，而不管是否需要滚动条。 • “自动”：使浏览器仅在需要时才显示层的滚动条。 • 剪辑：定义层的可见区域。指定左侧、顶部、右侧和底边坐标可在层的坐 标空间中定义一个矩形。层经过“剪辑”后，只有指定的矩形区域才是可 见的
层面板 层面板是一个可视化管理层的工具。执行【窗口】>【层】命令打开层 面板,如图9-2所示。在 Dreamweaver中使用层面板使得对层的操作 变得十分方便和简单。 Css样式层 回防止重叠 〖』名称 图9-2层面板 9.12行为 行为( behaviors)实际上就是 JavaScript产生器,以前网页设计者要设计互动 效果的网页必须学习 JavaScript脚步语言。现在有了 Dreamweaver这个强大的 网页设计工具,不用写一句代码就可以创建互动式网页。行为是事件和动作的 组合,浏览器响应用户的动作产生事件。 行为面板 使用行为面板能够为对象添加行为或修改已有的行为。对同一个对象可以添加 多个动作,如果同一事件有多个动作,动作将按执行的顺序进行排列。执行 【窗口】->【行为】命令打开行为面板,如图93所示
层面板 层面板是一个可视化管理层的工具。执行【窗口】->【层】命令打开层 面板，如图9-2所示。在Dreamweaver中使用层面板使得对层的操作 变得十分方便和简单。 图 9-2 层面板 9.1.2 行为 行为（behaviors）实际上就是JavaScript产生器，以前网页设计者要设计互动 效果的网页必须学习JavaScript脚步语言。现在有了Dreamweaver这个强大的 网页设计工具，不用写一句代码就可以创建互动式网页。行为是事件和动作的 组合，浏览器响应用户的动作产生事件。 行为面板 使用行为面板能够为对象添加行为或修改已有的行为。对同一个对象可以添加 多个动作，如果同一事件有多个动作，动作将按执行的顺序进行排列。执行 【窗口】->【行为】命令打开行为面板，如图9-3所示