版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
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. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2025-2026年陕西省苏教版初中物理七年级下册第12章电路习题集
- 2025-2026年初中劳动实践单元测试试卷
- 2025-2026年餐饮服务食品安全管理模拟试题库
- 2025-2026年给排水工程技术技能等级认定模拟试题
- 2025-2026年花卉种植与养护技能考核试卷
- 2025-2026年茶艺师理论与实践考核试卷
- 2025-2026年平面设计专业设计色彩训练习题集
- 2025-2026年美发美容美甲专业技能综合测试卷
- 2025-2026年重庆市人教版七年级历史上册第1单元课后练习题
- T/CI 078-2023姜荷花盆花栽培技术规程
- 2026中国功能性食品市场发展趋势与政策环境分析报告
- 换热站安装工程施工组织设计
- 2026年天津市和平区中考一模语文试卷和答案
- 重温七一重要讲话精神
- 2026年上饶卫生健康职业学院单招职业技能测试题库及答案详解(有一套)
- 管桩厂安全培训
- 幼儿园中班数学活动《找规律》课件
- 部编版三年级上册语文第一单元测试卷.(含答案)
- 流脑宣传课件
- 2025年川教版(2024)小学信息科技三年级(上册)教学设计及反思(附目录P118)
- 中西医临床医学大学五年规划
评论
0/150
提交评论