第05章节AP元素与时间轴.ppt

网页制作基础教程（Dreamweaver CS3） 第5章　AP Div元素与时间轴动画 本章重点： AP元素的创建、编辑、保存等操作 AP元素的属性设置 时间轴的使用 第5章　AP Div元素与时间轴动画 5.1 应用AP元素布局页面 5.2 AP元素的创建与编辑 5.3 AP元素面板的使用 5.4 AP元素与表格互换 5.5 时间轴概述 5.1 应用AP元素布局页面―――“环游世界” 5.1.1 实例综述 　　通过本例的学习，读者可充分体会使用AP元素布局页面的随意性，以及通过时间轴制作动画的技巧。 5.1 应用AP元素布局页面―――“环游世界” 5.1.2 实例分析 　　本例中不论文字还是图片都是采用AP元素来进行定位的，这里将逐步介绍： 如何在页面插入AP元素 如何通过控制AP元素的Z轴参数来设置AP元素之间的重叠关系 如何精确定位AP元素等操作方法。 5.1 应用AP元素布局页面―――“环游世界” 5.1.3　实现步骤 1、制作基本页面 2、用时间轴控制图片替换 3、制作小鸟飞翔动画 4、制作滚动字幕 5.1 应用AP元素布局页面―――“环游世界” 5.1.3　实现步骤 1、制作基本页面 5.1 应用AP元素布局页面―――“环游世界” 5.1.3　实现步骤 2、用时间轴控制图片替换 5.1 应用AP元素布局页面―――“环游世界” 5.1.3　实现步骤 3、制作小鸟飞翔动画 5.1 应用AP元素布局页面―――“环游世界” 5.1.3　实现步骤 4、制作滚动字幕 5.2 AP元素的创建与编辑 5.2.1 创建AP元素 5.2.2 创建多个AP元素及AP元素的嵌套 5.2.3 激活和选中AP元素 5.2.4 设置AP元素的属性 5.2.5 AP元素的编辑 5.2 AP元素的创建与编辑 5.2.1 创建AP元素 方法： 1、插入法 插入｜布局对象｜AP元素 2、拖放法 拖AP元素图标到编辑区 3、绘制法 单击AP元素图标后，到编辑区拖动鼠标绘制。 5.2 AP元素的创建与编辑 5.2.2 创建多个AP元素及AP元素的嵌套 方法： 1、连续创建多个AP元素 “插入”面板|“布局” |“绘制apDiv”按钮，按下Shift键，在文档窗口中可以连续绘制多个AP元素。 2、创建嵌套的AP元素 在AP元素中再插入AP元素称为AP元素的嵌套,嵌套AP元素可称为子AP元素，包含嵌套AP元素的那个AP元素称为父AP元素。 将光标插入到已建好的AP元素中，然后前面所说的插入法或拖入法继续插入新一个AP元素，即可在已建的AP元素中插入一个嵌套AP元素。 5.2 AP元素的创建与编辑 5.2.3 激活和选中AP元素 方法： 单击AP元素的激活标志，或AP元素内任何地方 将光标置于该AP元素内，然后单击div标签。 单击AP元素边界。 在AP元素面板中单击AP元素。（＋shift可选择多个AP元素）。 5.2 AP元素的创建与编辑 5.2.4 设置AP元素的属性 AP元素编号：AP元素的名称。 左和上：距页面或父AP元素的左上角相对位置 宽和高：AP元素的宽度和高度。 Z轴：AP元素的重叠顺序。 可见性：AP元素的初始显示状况（可见或隐藏） 背景图像、背景颜色： 溢出：确定当AP元素中内容超出设定大小时要采取的行动。 剪辑：定义AP元素的可见区域，并用于将该范围外的内容裁剪掉。 5.2 AP元素的创建与编辑 5.2.5　AP元素的编辑 调整AP元素的大小 移动AP元素 对齐AP元素 删除AP元素 5.2 AP元素的创建与编辑 5.2.5　AP元素的编辑 1、调整AP元素的大小 方法： 选中需要调整的AP元素，用鼠标拖曳AP元素的边框四周某个活动块。 选中需要调整的AP元素，在AP元素的【属性】面板的【宽】和【高】文本框中，输入AP元素的宽度和高度尺寸，可精确调整该AP元素的尺寸。 5.2 AP元素的创建与编辑 5.2.5　AP元素的编辑 2、移动AP元素 前提：“防止重叠”未被勾选。 方法： 鼠标:选定AP元素，出现AP元素激活标志，用鼠标左键拖该标志。 键盘:选定AP元素，用键盘方向键移动AP元素。 5.2 AP元素的创建与编辑 5.2.5　AP元素的编辑 3、 对齐AP元素 选定多个AP元素，对齐的标准是最后一个选择的AP元素，该AP元素控制点的实心点，而其他为空心点。 修改｜对齐｜对齐下缘。 5.2 AP元素的创建与编辑 5.2.5　AP元素的编辑 4 删除AP元素 方法： 当选中一个AP元素后，按Delete键或单击【剪切】按钮，可删除该AP元素。 也可在AP元素面板中删除该A