DwMX第7章使用层和时间轴05_1.pptVIP

Dreamweaver MX 第7章 使用层和时间轴 第7章 使用层和时间轴 在HTML页面中定位一个对象是很困难的， 使用表格虽然方便了许多，但是要精确的定位，还是不容易作到， 层的使用，使这一工作便的非常简便。 层是一种HTML页面元素，可以将它定位在页面上的任意位置， 达到像素级的精度。 使用层和时间轴 层相当于一个容器，可以包含HTML页面使用的任何对象， 如文本、图像、动画等任何内容。 它不仅能很方便的精确定位于页面的任何位置， 并且可以规定层的大小； 层于层之间可以重叠， 并且可以改变重叠的次序； 使用层和时间轴 层还允许嵌套， 子层可以继承父层的一些特征； 可以动态设置层的可见与否，以及在屏幕上移动层； 还可以为层设置时间轴， 控制层的运动时间和路线。 创 建 层 7.1 创建层 层的HTML标记可以是div或span， Dreamweaver 默认使用div标记创建层。 层的属性主要包括: x 坐标、y 坐标、z 轴(层叠顺序)、宽度、高度以及可见性。 在页面上创建层 7.1.1 在页面上创建层 创建一个层，可以使用插入、拖动或绘制等方法， 在属性面板可以设置层的属性。 创建层的操作如下： 1）在页面将光标放置创建层的位置。 在页面上创建层 2）执行以下任一种操作创建层： 选择菜单“插入”“层”命令插入层。 在“插入”面板的“常用”选项卡中，单击“绘制层”按钮， 在设计视图中拖动鼠标来绘制层。 将“绘制层”按钮，从“插入”面板拖放到页面指定位置插入层。 在页面上创建层 3）创建层后，在设计视图中会显示层标签。 如果层标签不可见，可以选择菜单“查看” “可视化助理”“不可见元素”命令。 若要连续绘制多个层，可执行以下操作： (1)单击“插入”面板上的“绘制层”按钮。 (2)按住Ctrl键可以在页面连续绘制层。 “层”面板 7.1.2 “层”面板 通过“层”面板可以管理页面中的层。 可防止层重叠； 更改层的可见性； 将层嵌套或层叠； 以及选择一个或多个层。 要打开“层”面板，可选择菜单“窗口”“其他”“层”命令。 “层”面板 在“层”面板层按 z 轴顺序排列，并显示名称列表； 先创建的层显示在列表的底部， 最新创建的层出现列表的顶部。 嵌套的层显示父层的名称， 单击加号 (+) 或减号 (-) 图标，可以显示或隐藏嵌套的层。 设置层的参数 7.1.3 设置层的参数 在创建层之前通过设置层的参数，可以设置层的默认属性， 设置层参数的操作如下： (1)选择菜单“编辑”“参数选择”命令， 打开“参数选择”对话框。 设置层的参数 (2)从“类别”列表中选择“层”，即可设置层参数，各参数的功能如下： “标签”：设置层的HTML标签(标记)， 其选项为div(默认)和span。 “显示”：确定层在默认情况下是否可见， 其选项为“默认”(default)、“继承” (inherit)、“可见”(visible)和“隐藏” (hidden)。 设置层的参数 “宽”和“高”：指定插入层时，默认宽度和高度(以像素为单位)。 “背景颜色”：指定默认的背景颜色， 从颜色选择器中选择颜色。 “背景图像”：指定默认的背景图像， 单击“浏览”按钮选择一个图像文件。 设置层的参数 “嵌套”:设置在层中创建的层是否为嵌套层。 绘制层时，按下Alt键可临时更改此设置。 “Netscape 4 兼容性”：若选择兼容， (3)设置完参数，单击“确定”关闭对话框。 嵌 套 层 7.1.4 嵌套层 在层中可以包含另一个层，形成层的嵌套， 嵌套可以将多个层组织在一起。 嵌套的层随其父层一起移动， 并且可以设置为继承父层的可见性。 要创建一个嵌套层，可以在一个层中插入或绘制一个新层， 也可以使用“层”面板创建嵌套层。 嵌 套 层 除了嵌套层以外，还可以将一个层创建在另一个层之上， 而不是创建在另一个层之内。 若要在一个层内绘制另一个层时，进行强制性嵌套， 可以在设置层参数时选择“嵌套”选项， 否则需要按住Alt键创建嵌套层 。 嵌 套 层 要创建嵌套层，可执行以下一种操作： (1) 插入嵌套层 将插入点放入现有层中，并选择菜单 “插入” “层” 命令； 或从“插入”面板将“绘制层”按钮拖放到现有层中。 嵌 套 层 (2) 绘制嵌套层 单击“插入”面板上的“绘制层”按钮，然后通过拖动在现有层中绘制一个层。 还可以使用“层”面板将现有层嵌套在另一个层中， 在“层”面板按住Ctrl键将层拖动到目标层。 层的操作 7.2 层的操作 可以对层进行选择、移动、调整大小和对齐等操作。 进行这些操作之前，必须先选择该层。 在对层进行移动和调整大小时，为了防止使层相互重叠， 可以选择“层”面板上的“防止重叠”选项