欢迎来到天天文库
浏览记录
ID:46949357
大小:1.24 MB
页数:27页
时间:2019-12-01
《《AP元素与时间轴》PPT课件》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、网页制作基础教程(DreamweaverCS3)第5章APDiv元素与时间轴动画本章重点:AP元素的创建、编辑、保存等操作AP元素的属性设置时间轴的使用第5章APDiv元素与时间轴动画5.1应用AP元素布局页面5.2AP元素的创建与编辑5.3AP元素面板的使用5.4AP元素与表格互换5.5时间轴概述5.1应用AP元素布局页面―――“环游世界”5.1.1实例综述通过本例的学习,读者可充分体会使用AP元素布局页面的随意性,以及通过时间轴制作动画的技巧。5.1应用AP元素布局页面―――“环游世界”5.1.2实
2、例分析本例中不论文字还是图片都是采用AP元素来进行定位的,这里将逐步介绍:如何在页面插入AP元素如何通过控制AP元素的Z轴参数来设置AP元素之间的重叠关系如何精确定位AP元素等操作方法。5.1应用AP元素布局页面―――“环游世界”5.1.3 实现步骤1、制作基本页面2、用时间轴控制图片替换3、制作小鸟飞翔动画4、制作滚动字幕5.1应用AP元素布局页面―――“环游世界”5.1.3 实现步骤1、制作基本页面精确定位AP元素插入AP元素在AP元素中添加内容控制AP元素的大小AP元素的叠放次序5.1应用AP元素布
3、局页面―――“环游世界”5.1.3 实现步骤2、用时间轴控制图片替换将Ap元素中的图片拖入时间轴打开时间轴面板在时间轴上增加关键帧在各关键帧处设置不同图片创建放置图片的AP元素5.1应用AP元素布局页面―――“环游世界”5.1.3 实现步骤3、制作小鸟飞翔动画将Ap元素中的图片拖入时间轴打开时间轴面板在时间轴上右击“记录AP元素的路径”拖动AP元素录制路径创建放置图片的AP元素5.1应用AP元素布局页面―――“环游世界”5.1.3 实现步骤4、制作滚动字幕设置父Ap元素的相关属性在子AP元素中输入滚动文字
4、创建子元素由右移到父元素左侧动画添加循环播放行为创建父AP元素和子AP元素在“溢出”下拉列表中选择“hidden”,在“剪辑”的“左”、“上”文本框中分别输入10,在“右”、“下”文本框中输入该APDiv的宽度和高度分别减去10的结果5.2AP元素的创建与编辑5.2.1创建AP元素5.2.2创建多个AP元素及AP元素的嵌套5.2.3激活和选中AP元素5.2.4设置AP元素的属性5.2.5AP元素的编辑5.2AP元素的创建与编辑5.2.1创建AP元素方法:1、插入法插入|布局对象|AP元素2、拖放法拖AP元
5、素图标到编辑区3、绘制法单击AP元素图标后,到编辑区拖动鼠标绘制。5.2AP元素的创建与编辑5.2.2创建多个AP元素及AP元素的嵌套方法:1、连续创建多个AP元素“插入”面板
6、“布局”
7、“绘制apDiv”按钮,按下Shift键,在文档窗口中可以连续绘制多个AP元素。2、创建嵌套的AP元素在AP元素中再插入AP元素称为AP元素的嵌套,嵌套AP元素可称为子AP元素,包含嵌套AP元素的那个AP元素称为父AP元素。将光标插入到已建好的AP元素中,然后前面所说的插入法或拖入法继续插入新一个AP元素,即可在已建的A
8、P元素中插入一个嵌套AP元素。5.2AP元素的创建与编辑5.2.3激活和选中AP元素方法:单击AP元素的激活标志,或AP元素内任何地方将光标置于该AP元素内,然后单击
9、:溢出:确定当AP元素中内容超出设定大小时要采取的行动。剪辑:定义AP元素的可见区域,并用于将该范围外的内容裁剪掉。5.2AP元素的创建与编辑5.2.5AP元素的编辑调整AP元素的大小移动AP元素对齐AP元素删除AP元素5.2AP元素的创建与编辑5.2.5AP元素的编辑1、调整AP元素的大小方法:选中需要调整的AP元素,用鼠标拖曳AP元素的边框四周某个活动块。选中需要调整的AP元素,在AP元素的【属性】面板的【宽】和【高】文本框中,输入AP元素的宽度和高度尺寸,可精确调整该AP元素的尺寸。5.2AP元素的
10、创建与编辑5.2.5AP元素的编辑2、移动AP元素前提:“防止重叠”未被勾选。方法:鼠标:选定AP元素,出现AP元素激活标志,用鼠标左键拖该标志。键盘:选定AP元素,用键盘方向键移动AP元素。5.2AP元素的创建与编辑5.2.5AP元素的编辑3、对齐AP元素选定多个AP元素,对齐的标准是最后一个选择的AP元素,该AP元素控制点的实心点,而其他为空心点。修改|对齐|对齐下缘。5.2AP元素的创建与编辑5.2.5AP元素的编辑4删
此文档下载收益归作者所有