版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、第五章 网页特效制作,本章主要介绍了CSS样式的概念,创建,编辑和应用。行为的创建,时间轴面变的组成已经制作简单动画的方法。,知识整理,1、创建CSS样式 2、应用CSS样式 3、添加行为 4、制作动态效果,1、创建CSS样式,CSS样式的含义:CSS即层叠样式表,是一种格式化网页的标准方式,它通过设置CSS属性使网页元素对象获得不同的效果。 打开CSS面板(1)窗口CSS样式 (2)按shift+F11键 (3)单击属性面板上的CSS按 钮,打开“CSS样式”面板单击“新建CSS规则”按钮选择CSS样式的类型选择定义样式的位置设置CSS样式的属性完成 新建CSS规则对话框,定义CSS样式的属
2、性 定义CSS样式属性的对话框,2、应用CSS样式,编辑CSS样式 选择“窗口CSS样式”命令,打开CSS面板,选择要编辑的CSS样式,执行以下操作:1、双击要编辑的样式名称 2、在“CSS样式”面板的属性窗格中编辑 3、单击“CSS样式”面板右下方的“编辑 样式”,从选定内容删除类样式 选择对象-“样式”或“类”中选择“无” 删除CSS样式 选择对象-单击“删除样式”或按DEL键 重命名CSS样式 选择对象-右单击“重命名类” 链接外部样式表 “附加样式表”-“浏览”或者“文件/URL”框中键入该样式表的路径,3、添加行为,行为时DW CS3预制的javascript程序库。每个行为包括一个
3、动作和一个事件。 事件是指引发动作所产生的条件,即触发动态效果的原因。 动作是指事件发生后计算机系统执行的一个动作,即最终完成的动态效果。,添加行为的方法 选择添加的对象-打开行为面板-单击“添加行为”-在弹出菜单中选择动作-设置动作参数-在“事件”列表中选择事件,更改或删除行为 编辑动作参数双击动作名称或者选中按enter键 更改动作顺序-单击“增加/降低事件值”按钮 删除当前行为-单击“删除事件”按钮或者按del键,4、利用时间轴制作动态效果,时间轴面板 选择“窗口时间轴”命令或者按ALT+F9快捷键,即可打开“时间轴”面板。,“时间轴”下拉列表:列出了当前页面中所有事件轴动画的名字。 自动播放:使时间轴在当前页从浏览器中加载时自动开始播放。 循环:使动画进行循环播放。 速率:用来输入动画每秒钟播放的帧数。 动画条:表示一个动画所占的帧数,上面标有该动画所在的AP Div的名字。 关键帧:定义动画条中已经为对象制定属性的帧,决定了动画的走向。,使用时间轴制作AP元素的直线动画 1、在页面内插入一个AP Div,然后再其中插入一个图像或者文字。 2、将插入图像或文字的APdiv拖动至动画的起始位置,生成一个动画条。 3、用鼠标
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 安全隐患排查治理长效管理规程
- 体质辨识评估作业流程
- 肩周炎康复理疗标准流程
- 高处作业安全操作规程手册
- 拖拉机维保养护规程及标准
- 家政服务人员私下揽活处罚制度
- 污染源自动监控系统运维规定
- 护士资格证专业实务试卷及分析
- 颈椎病综合理疗技术操作规范
- 应急指挥中心调度处置流程
- 中医病证诊断疗效
- GB/T 2970-2016厚钢板超声检测方法
- 智能农业实验报告
- GB/T 23445-2009聚合物水泥防水涂料
- 人工神经网络HOPFIELD神经网络
- 中小学生励志主题班会课件《告诉你孩子:几年的放纵-换来的是一生卑微和坎坷》
- 2022年山东司法警官职业学院单招综合素质考试笔试试题及答案解析
- 022pet热灌装饮料生产工艺及品质控制
- (完整版)英语高频词汇800词
- 墙板安装工艺流程
- 三年级下册语文教案- 习作八 这样想象真有趣 人教部编版
评论
0/150
提交评论