几种网页动态效果设计方法的比较
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
要 的网页 图片格 式．
ＧＩ Ｆ的缺点是 不能 存储超 过 ２ ６色 的图像 ，这使得 它无法 呈现色 彩更加 丰 富的 图像 文件 ． ５
２ 使 用 Ｃ Ｓ滤镜进行 效 果设计 Ｓ
在对 网页 的布局 设计 过程 中 ，设计 者可 以对 网页 中的元 素 （ 主要包括 层 和图片 ） 进行 类似 于图像 滤镜功 能 的设 置 ，同时还可 以使 用各 种方 法对 元 素 的显 示 属性 进行 设 置 ．Ｃ Ｓ滤镜 功 能 主 要包 括 三 种 ：界 面滤 Ｓ
（ ）使 用 ＧＩ １ Ｆ动态效 果 图片使 网页更 加生动 ；
（ ）使 用 Ｃ Ｓ动 态滤镜 与 Ｃ Ｓ网页格 式结合 ，使 网页页面术 实现 网页 动态效果 ，这是 目前使用 频率最 高 的动态 效果设 计方法 ； ３ ｌｓ （ ）使 用 Ｊ ｖＳ ｒ ｔ 本设计 可 以充分 发挥程序设计 功能 ，动态 修改 网页各 部分 的显示 内容及效 果 ； ４ ａ ａ ｃｉ 脚 ｐ （）ｊ ｅｙ是 Ｊｖ Ｓ ｒ ｔ ５ Ｑｕ ｒ ａ ａ ｃｉ 的典 型功 能库 ，它为设计 者提供 多种动态 效果 的选 择． ｐ 网页设 计者根 据各 自的爱 好 以及 技术 实现 的难 易程度选 择不 同 的动 态效果 设计 方法 ，这五种 设计方 法 在具 体 的使 用过程 中有 其各 自的优 点和缺 点．
１ 使 用 Ｇ Ｆ动态效 果 图片 Ｉ ＧＩ Ｆ动态效果设 计一 般执 行 ＧＩ ８ Ａ标准 ，即 １ ８ 年 制定 的 ＧＩ Ｆ９ ９９ Ｆ标 准 ．ＧＩ ］ Ｆ动 态效果 是通过 压缩 ，
将 多 幅图像保存 在一个 文件 之 中 ，然后 将这些 图像逐 幅显示 ，从 而构成 了简单 的动 画效 果 ． ＧＩ 件 的优 点是 可 以用 任何软 件 打开 ，而 且压缩率非 常高 ，文件 格式非 常小 ，便 于传输 ，动态 效果 Ｆ文 灵 活． 同时采用 透 明图像背 景更 加适 用 于 网页设 计 ，因此 ，网页设 计 者 常常 选 择 ＧＩ Ｆ图形 文 件作 为 最 主
於 肇 鹏 ，刘 昕辉
（ 辽阳职业技术学院，辽宁 辽阳 １１０） １００
摘 要 ：在 网页设计过程 中， 网页动态效果设计技术可 以使 网页更加 生动． 常见的动 态效果设计技术包 括
设 计 和 使用 Ｇ Ｆ动 态 效 果 图 片 、使 用 Ｃ Ｓ动 态 滤 镜 、 使 用 Ｆａｈ动 画 设 计 、 以及 使 用 ＪｖＳ ｒ ｔ 本 语 言和 Ｉ Ｓ ｌ ｓ ａａ ｃｉ 脚 ｐ ｊ ｕｒ 方 式． 上 述 几 种 技 术 都 有 其 各 自的特 点 ，通 过 对 它 们 进 行 比 较 分 析 ， 总结 出 这 几 种 技 术 在 不 同 设 计 Ｑ ｅｙＵＩ 要 求 下 的优 劣．
收 稿 日期 ：２ １ 一Ｏ — １ ０１ ９ Ｏ 作 者 简 介 ：於 肇 鹏 （ ９ ９ ，男 ，辽 宁辽 阳市 人 ，讲 师 ，主 要从 事 计 算 机 软 件 开 发 与 应 用研 究 ． １７ 一）
於 肇 鹏 ，等
几种 网页动 态效 果 设计 方 法 的 比较
４ １
在文件 的传 输方 面 ，因为 Ｓ ＷＦ格 式文 件支持数 据流传 输 （ 即动画 的边 下 载边 播放 ） 技术 ，所 以特别 适 用 于网络信 息传输． 得益 于这一 特性 ，用 Ｆａｈ动 画技术 制作 的 Ｓ ｌｓ ＷＦ格式 已经 逐渐 成 为 网页 动 画的 主流 格式 和事实 标准． 但使用 Ｆ ａｈ动 画设 计也 有其 自身 的缺 陷 ，主要有 以下几 点 ： ｌｓ （ ）虽 然矢量 图在 动画设 计方 面具有得 天独厚 的优势 ，但其 最大 的缺点 是难 以表 现色彩 层次丰 富的逼 １ 真图像效果 ；（ ）Ｆａｈ动画在 交互设 计方 面使用 的是 Ａｃｉｎ脚本设 计 ，这一 点较 容易 被黑客所 利用来 窃 ２ １ｓ ｔ ｏ 取浏览者 电脑 中的资料 ；（ ）浏览 者需要 下载插 件来播放 Ｆ ａｈ动 画 ，如果浏 览 者 的 电脑对 Ａ ｔ ｅ ３ ｌｓ ｃｉ Ｘ控件 ｖ 加 以限制 ，则无法 正常浏 览网 页 中的 Ｆ ａｈ动 画． ｌｓ
关 键词 ：Ｗｅ ｅｉ ；脚 本 语 言 ；ｊ ｕ ｒ ｂＤ ｓ ｎ ｇ Ｑ ｅｙ
中 图 分 类号 ：Ｔ ３ ３ ０ ２ Ｐ ９ ． ９ 文 献 标 识 码 ：Ａ 文 章编 号 ：１ ０ — ５ ８ （ ０ ２ Ｏ 一０ ４ —０ ０８ ６８２１）ｌ ００ ３
０ 引 言
在进行 网页设计 时 ，常用 的动态 效果设计 方法 主要包括 以下五种 ：
第０ 年 ３月 期 ２１ 卷 第 １ ４ １ ２
辽 宁 师 专 学报
Ｊ ｕ ｎ ｌ ｆＬｉｏ ｉ ｇＴｅ ｃ ｅｓ Ｃ ｌ ｇ ｏ ｒ ａ ａ ｎ ｎ ａ ｈ ｒ ｏ ｌ ｅ ｏ ｅ
ＶＯ．１ １ ４ＮＯ．１ Ｍａ ｒ．２０ １２
【 学术 研 究】
几 种 网页 动态 效果 设计 方 法 的 比较
镜 、静 态滤镜 以及转 换滤镜 ｌ ． ＝ ２ ］ Ｃ Ｓ的特 点是 可 以在 网页 设计 的 同时对元素 的显示 特性进行 规划 和设计 ，但 它也 有一 定 的弊 端 ：一般 Ｓ
如果要 利用 Ｃ Ｓ滤镜 进行 动态效 果设计 ，还需 要 同脚 本语言 结合使 用 ，而且 效果 相对 较单调 ［ ． Ｓ ３ ］
３ 使 用 Ｆａｈ动 画实现 网 页动态效 果 ｌ ｓ
使用 Ｆａｈ进 行 网页动 态效果 设计 ，是 使 用 Ｆａｈ动 画制 作工 具 设计 制作 Ｓ ｌｓ ｌｓ ＷＦ格 式 的文件 ，并 将 其
嵌 入 到网页之 中 ，从 而达 到 网页 的动 态效 果． Ｆａｈ 画设计是 采用矢量 图形来 制作 动画 ，矢量 图的特 点是 以较小 的 文件格 式 保存 图像 ，由于其是利 ｌ 动 ｓ 用 图像 的几何特性描述 图形 ，所 以图像本身具有分辨率无关性 ，不管放大 、缩小还是旋转 ，图像都不会失真．
ＧＩ Ｆ的缺点是 不能 存储超 过 ２ ６色 的图像 ，这使得 它无法 呈现色 彩更加 丰 富的 图像 文件 ． ５
２ 使 用 Ｃ Ｓ滤镜进行 效 果设计 Ｓ
在对 网页 的布局 设计 过程 中 ，设计 者可 以对 网页 中的元 素 （ 主要包括 层 和图片 ） 进行 类似 于图像 滤镜功 能 的设 置 ，同时还可 以使 用各 种方 法对 元 素 的显 示 属性 进行 设 置 ．Ｃ Ｓ滤镜 功 能 主 要包 括 三 种 ：界 面滤 Ｓ
（ ）使 用 ＧＩ １ Ｆ动态效 果 图片使 网页更 加生动 ；
（ ）使 用 Ｃ Ｓ动 态滤镜 与 Ｃ Ｓ网页格 式结合 ，使 网页页面术 实现 网页 动态效果 ，这是 目前使用 频率最 高 的动态 效果设 计方法 ； ３ ｌｓ （ ）使 用 Ｊ ｖＳ ｒ ｔ 本设计 可 以充分 发挥程序设计 功能 ，动态 修改 网页各 部分 的显示 内容及效 果 ； ４ ａ ａ ｃｉ 脚 ｐ （）ｊ ｅｙ是 Ｊｖ Ｓ ｒ ｔ ５ Ｑｕ ｒ ａ ａ ｃｉ 的典 型功 能库 ，它为设计 者提供 多种动态 效果 的选 择． ｐ 网页设 计者根 据各 自的爱 好 以及 技术 实现 的难 易程度选 择不 同 的动 态效果 设计 方法 ，这五种 设计方 法 在具 体 的使 用过程 中有 其各 自的优 点和缺 点．
１ 使 用 Ｇ Ｆ动态效 果 图片 Ｉ ＧＩ Ｆ动态效果设 计一 般执 行 ＧＩ ８ Ａ标准 ，即 １ ８ 年 制定 的 ＧＩ Ｆ９ ９９ Ｆ标 准 ．ＧＩ ］ Ｆ动 态效果 是通过 压缩 ，
将 多 幅图像保存 在一个 文件 之 中 ，然后 将这些 图像逐 幅显示 ，从 而构成 了简单 的动 画效 果 ． ＧＩ 件 的优 点是 可 以用 任何软 件 打开 ，而 且压缩率非 常高 ，文件 格式非 常小 ，便 于传输 ，动态 效果 Ｆ文 灵 活． 同时采用 透 明图像背 景更 加适 用 于 网页设 计 ，因此 ，网页设 计 者 常常 选 择 ＧＩ Ｆ图形 文 件作 为 最 主
於 肇 鹏 ，刘 昕辉
（ 辽阳职业技术学院，辽宁 辽阳 １１０） １００
摘 要 ：在 网页设计过程 中， 网页动态效果设计技术可 以使 网页更加 生动． 常见的动 态效果设计技术包 括
设 计 和 使用 Ｇ Ｆ动 态 效 果 图 片 、使 用 Ｃ Ｓ动 态 滤 镜 、 使 用 Ｆａｈ动 画 设 计 、 以及 使 用 ＪｖＳ ｒ ｔ 本 语 言和 Ｉ Ｓ ｌ ｓ ａａ ｃｉ 脚 ｐ ｊ ｕｒ 方 式． 上 述 几 种 技 术 都 有 其 各 自的特 点 ，通 过 对 它 们 进 行 比 较 分 析 ， 总结 出 这 几 种 技 术 在 不 同 设 计 Ｑ ｅｙＵＩ 要 求 下 的优 劣．
收 稿 日期 ：２ １ 一Ｏ — １ ０１ ９ Ｏ 作 者 简 介 ：於 肇 鹏 （ ９ ９ ，男 ，辽 宁辽 阳市 人 ，讲 师 ，主 要从 事 计 算 机 软 件 开 发 与 应 用研 究 ． １７ 一）
於 肇 鹏 ，等
几种 网页动 态效 果 设计 方 法 的 比较
４ １
在文件 的传 输方 面 ，因为 Ｓ ＷＦ格 式文 件支持数 据流传 输 （ 即动画 的边 下 载边 播放 ） 技术 ，所 以特别 适 用 于网络信 息传输． 得益 于这一 特性 ，用 Ｆａｈ动 画技术 制作 的 Ｓ ｌｓ ＷＦ格式 已经 逐渐 成 为 网页 动 画的 主流 格式 和事实 标准． 但使用 Ｆ ａｈ动 画设 计也 有其 自身 的缺 陷 ，主要有 以下几 点 ： ｌｓ （ ）虽 然矢量 图在 动画设 计方 面具有得 天独厚 的优势 ，但其 最大 的缺点 是难 以表 现色彩 层次丰 富的逼 １ 真图像效果 ；（ ）Ｆａｈ动画在 交互设 计方 面使用 的是 Ａｃｉｎ脚本设 计 ，这一 点较 容易 被黑客所 利用来 窃 ２ １ｓ ｔ ｏ 取浏览者 电脑 中的资料 ；（ ）浏览 者需要 下载插 件来播放 Ｆ ａｈ动 画 ，如果浏 览 者 的 电脑对 Ａ ｔ ｅ ３ ｌｓ ｃｉ Ｘ控件 ｖ 加 以限制 ，则无法 正常浏 览网 页 中的 Ｆ ａｈ动 画． ｌｓ
关 键词 ：Ｗｅ ｅｉ ；脚 本 语 言 ；ｊ ｕ ｒ ｂＤ ｓ ｎ ｇ Ｑ ｅｙ
中 图 分 类号 ：Ｔ ３ ３ ０ ２ Ｐ ９ ． ９ 文 献 标 识 码 ：Ａ 文 章编 号 ：１ ０ — ５ ８ （ ０ ２ Ｏ 一０ ４ —０ ０８ ６８２１）ｌ ００ ３
０ 引 言
在进行 网页设计 时 ，常用 的动态 效果设计 方法 主要包括 以下五种 ：
第０ 年 ３月 期 ２１ 卷 第 １ ４ １ ２
辽 宁 师 专 学报
Ｊ ｕ ｎ ｌ ｆＬｉｏ ｉ ｇＴｅ ｃ ｅｓ Ｃ ｌ ｇ ｏ ｒ ａ ａ ｎ ｎ ａ ｈ ｒ ｏ ｌ ｅ ｏ ｅ
ＶＯ．１ １ ４ＮＯ．１ Ｍａ ｒ．２０ １２
【 学术 研 究】
几 种 网页 动态 效果 设计 方 法 的 比较
镜 、静 态滤镜 以及转 换滤镜 ｌ ． ＝ ２ ］ Ｃ Ｓ的特 点是 可 以在 网页 设计 的 同时对元素 的显示 特性进行 规划 和设计 ，但 它也 有一 定 的弊 端 ：一般 Ｓ
如果要 利用 Ｃ Ｓ滤镜 进行 动态效 果设计 ，还需 要 同脚 本语言 结合使 用 ，而且 效果 相对 较单调 ［ ． Ｓ ３ ］
３ 使 用 Ｆａｈ动 画实现 网 页动态效 果 ｌ ｓ
使用 Ｆａｈ进 行 网页动 态效果 设计 ，是 使 用 Ｆａｈ动 画制 作工 具 设计 制作 Ｓ ｌｓ ｌｓ ＷＦ格 式 的文件 ，并 将 其
嵌 入 到网页之 中 ，从 而达 到 网页 的动 态效 果． Ｆａｈ 画设计是 采用矢量 图形来 制作 动画 ，矢量 图的特 点是 以较小 的 文件格 式 保存 图像 ，由于其是利 ｌ 动 ｓ 用 图像 的几何特性描述 图形 ，所 以图像本身具有分辨率无关性 ，不管放大 、缩小还是旋转 ，图像都不会失真．