网页设计与制作 教学课件 王学军 第10章 使用AP元素和时间轴.ppt

《网页设计与制作 教学课件 王学军 第10章 使用AP元素和时间轴.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、AP元素是分配有绝对位置的HTML页面元素，时间轴是Dreamweaver实现动画的关键功能。本章将介绍AP元素和时间轴的基本知识以及使用它们创建动画的基本方法。第10章使用AP元素和时间轴学习目标了解AP元素和APDiv的概念。掌握【AP元素】面板的使用方法。掌握创建APDiv的基本方法。掌握编辑APDiv的基本作方法。掌握【时间轴】面板的使用方法。掌握使用APDiv和时间轴创建动画的方法。10.1AP元素AP元素和APDiv【AP元素】面板10.1.1AP元素和APDiv在DreamweaverCS3中，分配有绝对位置的HTML页面元素统称为AP元素。例如，具有绝对定位

2、的div标签，习惯称APDiv，可以是AP元素，同样具有绝对定位的table标也可以是AP元素。10.1.1AP元素和APDivAPDiv主要有以下几方面的功能。APDiv是绝对定位的，游离在文档之上，利用它可以浮动定位网页元素。APDiv的z轴属性使多个APDiv可以发生堆叠，也就是多重叠加的效果。可以控制APDiv的显示和隐藏，使网页的内容变得更加丰富。10.1.2【AP元素】面板所有具有绝对定位的AP元素都会显示在【AP元素】面板中。选择【窗口】/【AP元素】命令，可以打开【AP元素】面板。在对APDiv进行各种操作和管理时，会经常用到【AP元素】面板，它与【属性】面

3、板配合使用，可以方便快捷地对APDiv进行各种操作。10.1.2【AP元素】面板在【AP元素】面板中可以实现以下功能。可以对APDiv进行重命名。可以修改APDiv的z轴顺序。可以禁止APDiv重叠。可以显示或隐藏APDiv。可以选定APDiv，如果按住Shift键不放，依次单击可以选中多个APDiv。按住Ctrl键不放，将某一个APDiv拖动到另一个APDiv上，形成嵌套的APDiv。10.2创建APDiv创建APDiv选定APDivAPDiv属性APDiv的默认设置10.2.1创建APDiv将鼠标光标置于文档窗口中欲插入APDiv的位置，选择【插入记录】/【布局对象】/

4、【APDiv】命令，插入一个默认的APDiv。将【插入】/【布局】面板上的（绘制APDiv）按钮拖曳到文档窗口中，插入一个默认的APDiv。10.2.1创建基本的APDiv单击【插入】/【布局】面板上的（绘制APDiv）按钮，将鼠标光标移至文档窗口中，当鼠标光标变为+形状时，拖曳鼠标光标，绘制一个自定义大小的APDiv。如果想一次绘制多个APDiv，在单击（绘制APDiv）按钮后，按住Ctrl键不放，连续进行绘制即可。10.2.2选择APDiv单击文档中的图标来选定APDiv，如果该图标没有显示，请在【首选参数】/【不可见元素】分类中勾选【AP元素的锚点】复选框。将鼠标光标

5、置于APDiv内，然后在文档窗口底边的标签条中选择相应的HTML标签。10.2.2选择APDiv单击APDiv的边框线。在【AP元素】面板中单击APDiv的名称。如果要选定两个以上的APDiv，只要按住Shift键，在文档窗口中逐个单击APDiv手柄，或在【AP元素】面板中逐个单击APDiv的名称，就可将APDiv同时选定。10.2.3APDiv属性当在文档中插入一个默认大小的APDiv后，在【属性】面板中可以查看其相关属性。10.2.4APDiv的默认设置选择【编辑】/【首选参数】命令，打开【首选参数】对话框，在其中的【分类】列表框中选择【AP元素】分类。10.3编辑AP

6、Div缩放APDiv移动APDiv对齐APDivAPDiv的可见性APDiv的Z轴顺序嵌套APDiv10.3.1缩放APDiv缩放单个APDiv有以下几种方法。选定APDiv，然后拖动缩放手柄（APDiv周围出现的小方块）来改变APDiv的尺寸。拖动上或下手柄改变APDiv的高度，拖动左或右手柄改变APDiv的宽度，拖动4个角的任意一个缩放点同时改变APDiv的宽度和高度。选定APDiv，然后按住Ctrl键，每按一次方向键，APDiv就被改变一个像素值。选定APDiv，然后同时按住Shift＋Ctrl键，每按一次方向键，APDiv就被改变10个像素值。10.3.1缩放APD

7、iv如果同时对多个APDiv的大小进行统一调整，方法是，按住Shift键，将所有的APDiv逐一选定，然后在【属性】面板的【宽】文本框内输入数值，按Enter键确认。此时文档窗口中所有APDiv的宽度全部变成了指定的宽度。还可以使用【修改】/【排列顺序】/【设成宽度相同】命令来统一宽度，利用这种方法将以最后选定的APDiv的宽度为标准。10.3.2移动APDiv要想精确定位APDiv，许多时候要根据需要移动APDiv。移动APDiv时，首先要确定APDiv是可以重叠的，也就是不勾选【AP元素】面板中的【防止重叠】复