多媒体网站设计开发范文

多媒体网站设计开发范文第1篇

1.1 多媒体技术概述

多媒体技术是建立在计算机交互综合技术和数字通信技术之上的技术，囊括了视频、音频、动画、文字等方面。多媒体技术具有以下特征 ：一是虚拟性。多媒体技术是建立在计算机技术之上的，可以通过计算机模拟一些虚拟的东西。二是公众性。多媒体面对的受众是广大的浏览者，它必须满足观众的需求，常见的多媒体表现方式有互联网、电视、电影等。三是传达性。多媒体作为一种传播媒介，其目的是让人们增强对某些事物的认知，多媒体技术是通过视频或音频传达其要表达的意思。四是时效性。多媒体的传播内容倾向于选择当前较为流行的东西，这些东西的共同点是在短时间内观众数量大。

1.2 多媒体发展中面临的问题

我国多媒体技术的发展时间不长，但速度较快，一些优秀的多媒体作品涌现出来，为我国的多媒体发展贡献了重要力量。然而在发展过程中，还是存在着一些问题，如在网站设计中，多媒体的应用效果不佳，主要是设计人员的思路与当前迅速更新换代的多媒体发展形势不相符合 ；另一方面，设计师的设计理念与客户的要求不一致，导致设计出来的产品要么就是不符合多媒体的设计理念，要么就是达不到客户的要求，最后的设计成品往往是不伦不类，不利于多媒体技术应用的发展。

2 多媒体技术对网站设计的意义

设计是一种将主观作用于客观通过客观表现出来以达到一定的主观目的为核心的活动。可以说，设计是主客观的结合，在设计过程中，设计者既受主观因素影响，又受到社会经济环境的制约。多媒体技术是一种囊括了视频、音频、动画、文字等方面的数字处理技术，对于网站设计而言，多媒体技术的意义主要体现在以下几点 ：一是多媒体技术能够增加网站设计的吸引力。吸引力是网站的核心，网站的成败决定因素就是网站能够吸引浏览者的数量，多媒体技术通过对视频、音频、动画等元素进行合理编排，能够起到良好的视听效果，对浏览者的吸引力较大。二是多媒体技术是现代网站设计的要求。互联网技术发展到今天，早已突破了传统的设计形式，在内容方面，人们对网站的要求越来越高，同时，网站设计还向着个性化和人性化的方向发展，多媒体技术的应用，满足了网站设计的要求。

3 多媒体技术的应用

3.1 图像处理技术

应用图像是网站中最常见的内容之一，正因为有了图片才使得网站的内容变得更加丰富，可以说，任何网站的设计都离不开图片。如在新闻网站中，有了图片的配合能够使新闻更具有说服力 ；在购物网站中，图片能够使顾客对商品的信息更为了解 ；不仅如此，图片还可以缓解人们在浏览了大量文字造成的视觉疲劳，从审美属性来讲，图片还具有一定的审美功能。因此，运用多媒体对图像进行裁剪、拼接、美化等处理，将图像合理的插入到网站之中，能够起到显著的效果。

3.2 音频处理技术

应用随着互联网技术的发展，网站之中的音频技术早已普及。音频数字化和音频软件技术的开发使得这一切成为可能，数字化的音频技术使人们下载、剪切、上传变得十分容易，而音频软件技术使得对音频的快捷处理成为可能。多媒体技术对音频进行处理之后将之插入到网站之中，浏览者在浏览网页时还能够听到背景音乐，能够使浏览者感到新奇的同时又得到了放松，极大增强了网站的吸引力。

3.3 动画处理技术

应用动画处理技术是多媒体技术之中的最常用技术之一，动画处理一般需要用到多媒体技术之中的触发器相关技术，通过设定预定的动画效果来实现。通过将图片、文字等内容转变成动画，在增强了内容丰富性的同时还能够吸引人们的注意力。在网站设计中，动画处理能够起到很好的效果，如网站中需要加载某企业或是产品的运作模式，而图片和音频等皆不能达到很好的效果，视频则加载速度太慢，运用动画可以很好解决这一难题。动画不仅能够动态展示运作流程，由于其没有声音能够更好地将浏览者的注意力吸引到图片之中，从而起到良好的传播效果。

3.4 视频处理技术

应用视频是现代网站的必备元素之一，与音频和图片不同，视频是将视觉和听觉综合在一起的元素，与单纯的图片相比，视频有着声音的优势 ；与单纯的声音相比，视频有着画面的优势。因此，在现代网站设计中，视频是最常用的设计之一。几乎所有的网站都在介绍某项产品中有着视频的成分，通过视频全方位的展示，浏览者能够更加清晰地了解某项产品的详细信息，通过视频的广告也更容易被浏览者所记住。

4 结语

多媒体网站设计开发范文第2篇

关键词：多媒体技术；网站设计；音频视频

多媒体技术是一门处于平面设计、影视设计等艺术设计学科交界处的综合性学科。对于网站设计来说，多媒体技术已经使得网站设计从单一的表现形式走向了多元化的表现形式。这不仅仅是由多媒体技术的发展而带来的，也是网站设计表现形式发展的必然趋势。在网站设计中多媒体技术将声音、图像、视频等融合在一起，可以给网站浏览者更加丰富的浏览体验。因此，针对多媒体技术及其在网站设计中的运用十分有必要。

1多媒体技术及其在网站设计中的运用原则

1.1多媒体技术

多媒体技术主要是利用计算机互联网技术对文字、图像、视频、音频等数字媒体信息进行编辑完成交互的技术形式。多媒体技术可以实现多种交互方式，将简单的信息形成双向互动的交流方式，这与现代人审美理念与消费观点相贴合。利用多媒体技术进行网站设计可以提升网站的实用性与趣味性，让更多的用户能够浏览网站，进入网址。目前，绝大多数企业的网站设计均利用了多媒体技术，从简单的GIF动画、影视图像到较为复杂的AR、VR技术等。网站设计伴随着多媒体技术的发展与变化持续呈现出多元化的风格的。近几年来多媒体技术朝着智能化的方向发展，对于图像信息处理技术已经不仅仅只是停留在彩色信号特点这一基础上了，而是强化了对图像内容的理解，这对于改善图像信息在网络上的传输速度十分关键[1]。与此同时，多媒体技术在三维领域的发展成果卓越，多媒体技术造就了更加强大的三维空间，多媒体技术支持下的视觉效果变化显著，因此多媒体技术的应用范围也将越来越广泛。

1.2多媒体技术在网站设计中运用的原则

网站的应用范围广泛，企业可以利用网站对产品进行宣传，建立企业形象，为企业发展创造机会，并且深化与用户之间的沟通交流，拓宽企业产品的销售渠道。高校可以利用网站宣传校园文化，与大学生进行沟通交流等等。在网站设计中利用多媒体技术可以充分发挥网站对于发挥网站的效用，强化网站的吸引力十分关键。在网站设计中多媒体技术的运用主要需要遵循以下原则：第一，满足用户需求。在运用多媒体技术进行网站设计的过程中满足用户需求是最为基本的原则。用户是网站提供服务的主要对象，因此需要对用户的需求进行深入分析，充分掌握市场规律、动态与需求，进而开展高质量的网站设计。第二，强化网站的结构规范性。网站界面是用户受到视觉冲击而形成第一印象的关键。因此，在利用多媒体技术开展网站设计的过程中要对网站界面的合理性进行设计。通过建构人性化的网站框架与造型简洁的界面来提升用户浏览网站的使用体验，让用户可以在浏览网站的过程中快速找到所需要的信息[2]。在利用多媒体技术进行网站设计的过程中要尽可能的保证网站界面的清爽与干净，不应过度强调色彩和图片的使用，避免引起用户的视觉疲劳。第三，实现艺术性与科学性的平衡。多媒体技术在网站设计中要同时关注科学性与艺术性，以保证网站功能实现的同时顺应当前潮流审美艺术，让用户能够在愉悦的环境中浏览网站。

2多媒体技术及其在网站设计中的运用

2.1动画与视频设计

在网页制作中利用动画与视频可以使得网页更加活泼，更加轻松。网页浏览者通过观看网页中的动画、视频可以与网页中的网页与图片中的静态形成动静结合，相互辉映。这种形式的网页设计可以使得网页浏览者在浏览网页的时候形成多层次的丰富视觉感受。在网页视频处理技术中可以通过互联网、数字摄像机等途径来获取视频资源。视频的数据量相对较大，因此需要将模拟视频信号通过技术处理转变化清晰度、色彩、稳定性都得到显著提升的视频。

2.2图像与图形的设计

在网页设计中人们所浏览最多的信息量就是文字。伴随着互联网技术与信息技术的发展与进步，网页上开始出现了类型丰富，包括万象的图片。直观形象的图片给网页了浏览者产生了强烈的视觉印象[3]。图像与图形中包含的信息量丰富，如选择的图形与图像合理则信息量可以远远超出文字的描述。因此，在网页设计中需要对图像、图形进行合理的安排设计，以使得网页更加丰富。

2.3数字音频处理技术

数字音频技术是多媒体技术中出现时间较早，发展较为成熟的技术之一。数字音频处理技术冲破了传统模拟方式，成功的实现了音频的数字化处理。这不仅仅带来了更好的声音效果，同时还使得音频文件的收集、剪切与变得更加便捷。在网站设计中插入音频片段主要考虑的是声音文件的长度。在网站上插入的声音文件一般质量中等，以获得较好的声音质量以及适当的音频文件大小。在网站设计中声音是不可忽视的载体，在设计过程中可以通过使用音频处理软件来将音频处理成为需要实现的效果，以配合网站的整体浏览效果。

3多媒体技术在网站设计中的运用优化

3.1避免过度运用

多媒体技术在网页设计中适当的动画、音频与视频效果可以使得网页整体获得更好的使用体验。但是过度的使用多媒体元素往往会适得其反。在利用多媒体技术进行网页设计的过程中要避免对多媒体元素进行无意义的简单堆砌，避免给网页浏览者造成一种眼花缭乱的视觉感受。例如，有的网页设计中给关键词添加了动画动态效果让网页中的片段文字变成闪烁旋转的效果。这种字体设计的本意是吸引浏览者的注意，但是由于过度花哨以及闪烁的效果使得网页的视觉效果十分杂乱。多媒体技术在网站设计中的运用过程中要充分兼顾到网页的实际用途。如果是内容较为严肃的网站，网页设计风格需要偏向大方、庄重，尽量避免使用绚烂多变的多媒体元素；如果网站的内容较为潮流、时尚，在进行网页设计的过程中可以适当使用多媒体元素。为了避免多媒体元素使用混乱，需要使得网页中图片、文字与网页的主色调保持一致，让网页浏览者在浏览网页的时候形成更加舒适的体验。

3.2避免多媒体元素格式选择错误

网页设计需要对多媒体元素的格式进行核实的选择，需要选择大小适宜，网页支持的多媒体元素格式，必要时需要对多媒体元素进行技术处理。在网站设计中GIF动画是较为理想的选择，可以有效的吸引浏览者，但是GIF动画的使用数量要合理控制，避免使用过度影响网页打开速度。

4结论

伴随着多媒体技术的发展与进步，多媒体技术的应用领域也越来越广泛。网站设计者在进行设计的过程中需要灵活的使用多媒体技术，让网站的内容更加丰富，让网站的画面更加美观。鉴于多媒体元素众多，在网站设计中需要针对网站内容来灵活选择，以实现网站内容丰富与艺术审美的平衡。

参考文献

[1]周宏伟.多媒体技术在网页设计领域的探索研究[J].科技创新导报，2011（36）：19-20.

[2]牛宏.网页设计中计算机多媒体技术的应用研究[J].成才之路，2017（21）：89.

多媒体网站设计开发范文第3篇

多媒体教学网站是采用多种媒体手段设计的能在Internet(因特网)或Intranet(内部网)上的CAI多媒体教学网站。是为了达到某种教学目标,依托信息网络,综合应用多种多媒体手段来展示相对独立完整的教学内容的网站系统。因此,多媒体教学网站具有一般多媒体教学课件中包含声音、图像、视频等元素的一般特性,它还具有一般多媒体课件无法达到的优越性。

2多媒体教学网站的特点

2.1信息量大,资源共享

多媒体教学网站采用超媒体结构,便于教师组织教学内容,为学生提供丰富的教学资源。教学资源的共享使得学生个性化学习有很大的灵活性。不仅有利于学生正确地理解和整合教学信息,而且有利于学生的协同学习。

2.2交互性强,信息反馈快

在传统的教学模式里,以教师为课堂主宰,忽视了学生认知主体的作用,不利于学生创新思维和创新能力的培养。而多媒体教学网站能提供友好的界面、形象直观的交互式学习环境,学生通过接收教师传来的教学信息并作出相应反馈,教师根据学生的反馈信息,对其学习做进一步的指导,使得教学相长达到良好的教学效果。这种方式也是其他教学媒体或其他学习环境无法比拟的。

2.3实时和非实时结合,有利于信息的获取

在传统教学模式中,学生复习主要靠书本、笔记等,由于一些原因可能无法在课堂上对知识的难点和要点有一个很好的把握,导致学生对知识的获取大打折扣。多媒体教学网站传输速度快,有利于学生及时地接收学习信息;学生对教学信息的访问不局限于某个时间,在某一时间段内,只要保证该教学多媒体教学网站不被删除,学生都能对它进行自由、有效的访问。支持学生的重复学习,保证学习效果,带有很强的实效性。

3多媒体教学网站设计应遵循的原则

3.1多媒体教学网站的可行性、可维护性、可扩充性研究

多媒体教学网站开始制作前,应充分考虑多媒体教学网站关键技术的实现难度、对网络环境与运行环境的要求是否可行、对多媒体教学网站的预算制作时间和可投入的制作时间等可行性因素。多媒体教学网站是一种具有一定教学功能的软件,为此可采用模块化设计,以便于多媒体教学网站的维护、修改和新知识、新内容的扩充和更新。使得多媒体教学网站能够与时俱进、重复使用。

3.2根据学生情况和教学目的确定教学起点

教学起点是否合理,影响到教学的效果。一方面,教学起点过高,将使学生产生畏难情绪,影响学习积极性;教学起点太低,将使学生失去学习兴趣。因此,必须依照学生的知识水平和教学目的确定多媒体教学网站的起点。

3.3简洁大方,突出交互性

多媒体教学网站界面,文字不宜太多,要精练突出,界面颜色不能太鲜艳,否则会分散学生的注意力。良好的界面有助于增加学生学习的兴趣。在多媒体教学网站中,为学习者创设一个丰富的资源情境、案例情境、问题情境和活动情境,促使学生积极参与、积极探索。进行互动从而激发学生的学习动机。

3.4对多媒体教学网站的延展性

此外,多媒体教学网站还应包括动态的外延,要求在制作多媒体教学网站中预留一定的链接,或是一定的导航指引,罗列一些相关的网站为学生学习提供方便。这种外延能让学生主动地去寻求自己需要的知识,使不同程度的学生能各取所需。

4多媒体教学网站实现的步骤

多媒体教学网站的开发应按照一定的流程,一般来说,多媒体教学网站的制作可分为以下几个阶段:

4.1准备阶段

4.1.1学生学情的分析

学生是认知的主体,因此,在多媒体教学网站设计前应针对学生学情状况进行分析,从而做到有的放矢的设计多媒体教学网站。

4.1.2计算机特性的分析

计算机是多媒体教学网站开发和使用的条件和环境,应结合实际软硬件资源情况来设计多媒体教学网站。可从内存容量及分配、输入输出设备、计算机接口、网络带宽、传输速率、软件支持环境等方面进行分析。

4.1.3搜集多媒体素材,制作合成多媒体教学网站

多媒体素材是指多媒体教学网站中用到的各种听觉和视觉材料,包括图形、图像、声音、动画、视频等,素材可以通过许多途径获得,如通过扫描仪、数码相机采集图像,视频捕获设备采集视频,动画制作软件制作动画,用话筒输入声音。当然,也可直接从网络的各种多媒体素材中取得。素材的收集要注意平时的积累,并整理归类。收集好多媒体素材后,最核心的环节是依照文字脚本和制作脚本的要求和意图将其进行设计最终制作合成。

4.1.4脚本的编写

在课程内容认真分析的基础上进行脚本的编写。可根据教学目的,确定重难点,制定多媒体教学网站的内容结构、表现形式及教学环节并以此来进行脚本设计。一个好的脚本应包括文字脚本和制作脚本两个部分。文字脚本,应突出教学目的、教学方法、知识点、学生情况等内容,并对相关文本、图像、声音和视频材料分出主次轻重,合理地进行安排和组织;之后便需要在文字脚本基础上创作制作脚本,根据网络和多媒体的表现特点反复构思而成,是文字脚本的延伸和发展。制作脚本的内容应包括:课程内容在多媒体教学网站中的表现形式,实现功能,多媒体教学网站的制做规范等。

4.1.5调试和测试

多媒体教学网站是有教学功能的软件,因此,在多媒体教学网站制作完成后,要按照软件工程的要求,把它放到网络上进行调试、测试和修改以达到教学多媒体教学网站的最优化。

4.2需注意的问题

4.2.1多媒体教学网站开发平台的选取

一个合理的开发平台,不仅可以提高多媒体教学网站质量,也可以提高多媒体教学网站开发的效率。最重要的,还可以提高多媒体教学网站的通用性,便于多媒体教学网站移植。

4.2.2素材的优化

由于各种因素的制约,如,网络带宽、传输速率等,在不影响质量的前提下,需对各种多媒体素材进行优化。比如,将素材转换为较小的格式,这样可以大大提高多媒体教学网站在网络上运行的速度。

多媒体网站设计开发范文第4篇

    [关键词] 计算机网络第四媒体人机交互

    计算机网络以其极高的知识、技术内涵、广泛的传播范围和雄厚的传播实力,已成为如今人类发现的最具价值的传播媒体之一。1998年5月,联合国秘书长安南最早为互联网赋予了“第四媒体”的称誉:“在加强传统的文字和声像传播手段的同时,应利用最先进的第四媒体———互联网,以加强新闻传播工作”。其后,“第四媒体”作为网络媒体的代名词迅速普及。

    实现快速、有效地传播信息是网络媒体的核心功能,实施信息传播的载体是基于网络的各种图形、文字、视频、动画和音频。所有这些信息载体可称之为视觉和听觉元素,但并非这些元素自动地具有传播信息的功能,其传播价值之实现有赖于对这些视觉和听觉元素进行科学化、系统化和艺术化的设计。设计中,若背离了一定的科学法则,将必然使信息传播之效率下降,甚至发生传播失误。

    在互联网发展的初期,许多网络媒体艺术设计方面的理论着述主要从平面视觉传达的角度探讨版式编排、空间布局、素材的处理、色彩运用、字体设计等方面的技能和技巧。这一期间开始了对网站之构架进行研究,一些专门从事网络技术开发的研究人员对网站的可用性方法作了许多卓有成效的探索,从站点规划、调研分析、站点与客户端之间的角色分析到设计实施、测试、以及反馈与维护的整体过程都以可用性作为关注焦点。美国设计师Darren Gergle强调:“处于这样一个快节奏和激烈竞争的网站设计行业中,需要将可用性方法运用到具有成本效益和实用的方法里,并平稳地整合到设计过程中。”

    随着网络科技的迅速发展和Internet资讯的日益增多,客观上推动了相关理论研究向纵深发展,使最初的基于平面视觉传达的网络媒体艺术研究更为紧密地融合认知心理学、信息学、传播学、技术美学等学科的理论成果,关注人机交互环境下的信息加工与传播,关注对受众的认知规律的研究,从而推动了对网络媒体交互性的研究。

    美国Macromedia公司所开发的Flash开启了网络媒体交互艺术创作的新纪元,其使用矢量图形和流式播放技术、利用时间轴和关键帧将图形、视频、动画和音频以交互方式融合在一起,加之强大的动画编辑功能和创建交互性的编程语言Action Script使其成为创建动态交互式网络应用的行业标准。如今,在全球范围内绝大多数的计算机用户都装有Flash播放器插件,越来越多的商家愿意投入资金开发多媒体网站,以展示企业形象并推动产品行销。一些世界着名企业在开发基于html的超文本网站的同时,还致力于Flash全站的开发与设计,由此可见,网络媒体艺术设计正向新的视听感受和实时的人机交互方向发展。

    Flash在全球的影响力不断扩大推动了网络媒体交互艺术创作的发展,这一发展的态势可从FWA中反映出来。FWA是一个举世闻名的Flash艺术设计的展示平台,其全称是Favourite Website Awards,于2000年5月建立,目的是展示世界上最优秀、最前沿的网络媒体艺术设计作品。2000年9月以来FWA一直被列为世界上最顶级、最具有精英意义的评价网络媒体交互艺术创作的权威机构。

    近年来,国内出现了许多优秀的Flash动画设计师,他们凭借Flash的强大动画编辑功能,创作了一大批脍炙人口Flash动画短片,但这些被赞誉为“闪客”的设计师主要是从事基于二维平面的动画创作,是传统动画在新科技背景下的延伸。国内虽然也有与FWA相类似的机构和团队,也出现了一批专攻于具有人机交互与信息传播特性的网络媒体艺术设计师,设计和开发了一些颇有新意的Flash互动网站,但就其艺术格调和表现技巧方面还处于有待发展阶段,相关的理论研究更是罕见。

    如果说FWA中的一行行链接文字和一幅幅图片是通往Flash交互艺术世界的航标,那么徜徉在这一艺术世界时所历经的一次次数据交互、信息反馈、鼠标行为的交互体验就是抵达“沉浸式”感受的方舟。若要实现具有“沉浸式”感受的效果,就必需在视觉设计和实现交互式数据呈现方面做到极致,需要视觉艺术设计师与计算机程序工程师进行密切配合,这一现象也就推动了对复合型人才的培养。在网络媒体艺术设计的学科教育方面,学科的分化变得愈加细致,使学生有所偏重地掌握网络媒体艺术设计的技能。

    Robert Penner就是探索使用计算机程序语言来实现创意思想的奇才,他在《Flash MX编程与创意实现》中展现了独具创造力的程序设计和视觉设计理念。深入地探讨了以Action Script创建动态视觉效果的方法,内容覆盖面向对象和基于事件的程序设计、数学、物理、色彩、绘图等专题,精选的实例讲解更是体现出作者丰富的想象力。在“运动、变形和缓动”的章节中讨论了运动的概念和数学基础。探究缓动的各种方程,并开发出一个变形脚本的面向对象的方法。

    随着网络科技的迅速发展和整个社会对获取信息资源的需要日益增长,国际互联网的普及速度和宽带的覆盖一直以倍数递增,以江苏省苏州市为例,在不到两年的时间里,电信宽带用户从几千发展到了1万户,今年苏州电信宽带用户增长再次“提速”,目前苏州电信宽带用户已经接近15万。数据交换带宽的拓展从客观上推动了网络媒体向更高层次、更富多媒体意义的方向发展。如今,能提供音乐、视频在线欣赏和下载的站点比比皆是,许多国际化大公司在开发产品形象展示的多媒体交互网站时大量地使用了三维动画和视频录像。带宽的拓展使得富有创意思想的网络媒体艺术设计师有了更为广阔的表现空间,许多设计师开始了将三维动画所能创造的空间变幻效果用之于网络媒体艺术设计中,Discreet公司特地为Macromedia Flash MX开发了3D效果的导出插件,Alias公司更是开发出能导出3D效果的、兼容矢量文件格式的专用模块。

多媒体网站设计开发范文第5篇

[关键词] 计算机网络第四媒体人机交互

计算机网络以其极高的知识、技术内涵、广泛的传播范围和雄厚的传播实力，已成为如今人类发现的最具价值的传播媒体之一。1998年5月,联合国秘书长安南最早为互联网赋予了“第四媒体”的称誉:“在加强传统的文字和声像传播手段的同时,应利用最先进的第四媒体―――互联网,以加强新闻传播工作”。其后,“第四媒体”作为网络媒体的代名词迅速普及。

实现快速、有效地传播信息是网络媒体的核心功能，实施信息传播的载体是基于网络的各种图形、文字、视频、动画和音频。所有这些信息载体可称之为视觉和听觉元素，但并非这些元素自动地具有传播信息的功能，其传播价值之实现有赖于对这些视觉和听觉元素进行科学化、系统化和艺术化的设计。设计中，若背离了一定的科学法则，将必然使信息传播之效率下降，甚至发生传播失误。

在互联网发展的初期，许多网络媒体艺术设计方面的理论著述主要从平面视觉传达的角度探讨版式编排、空间布局、素材的处理、色彩运用、字体设计等方面的技能和技巧。这一期间开始了对网站之构架进行研究，一些专门从事网络技术开发的研究人员对网站的可用性方法作了许多卓有成效的探索，从站点规划、调研分析、站点与客户端之间的角色分析到设计实施、测试、以及反馈与维护的整体过程都以可用性作为关注焦点。美国设计师Darren Gergle强调:“处于这样一个快节奏和激烈竞争的网站设计行业中，需要将可用性方法运用到具有成本效益和实用的方法里，并平稳地整合到设计过程中。”

随着网络科技的迅速发展和Internet资讯的日益增多，客观上推动了相关理论研究向纵深发展，使最初的基于平面视觉传达的网络媒体艺术研究更为紧密地融合认知心理学、信息学、传播学、技术美学等学科的理论成果，关注人机交互环境下的信息加工与传播，关注对受众的认知规律的研究，从而推动了对网络媒体交互性的研究。

美国Macromedia公司所开发的Flash开启了网络媒体交互艺术创作的新纪元，其使用矢量图形和流式播放技术、利用时间轴和关键帧将图形、视频、动画和音频以交互方式融合在一起，加之强大的动画编辑功能和创建交互性的编程语言Action Script使其成为创建动态交互式网络应用的行业标准。如今，在全球范围内绝大多数的计算机用户都装有Flash播放器插件，越来越多的商家愿意投入资金开发多媒体网站，以展示企业形象并推动产品行销。一些世界著名企业在开发基于html的超文本网站的同时，还致力于Flash全站的开发与设计，由此可见，网络媒体艺术设计正向新的视听感受和实时的人机交互方向发展。

Flash在全球的影响力不断扩大推动了网络媒体交互艺术创作的发展，这一发展的态势可从FWA中反映出来。FWA是一个举世闻名的Flash艺术设计的展示平台，其全称是Favourite Website Awards，于2000年5月建立，目的是展示世界上最优秀、最前沿的网络媒体艺术设计作品。2000年9月以来FWA一直被列为世界上最顶级、最具有精英意义的评价网络媒体交互艺术创作的权威机构。

近年来，国内出现了许多优秀的Flas设计师，他们凭借Flash的强大动画编辑功能，创作了一大批脍炙人口Flas短片，但这些被赞誉为“闪客”的设计师主要是从事基于二维平面的动画创作，是传统动画在新科技背景下的延伸。国内虽然也有与FWA相类似的机构和团队，也出现了一批专攻于具有人机交互与信息传播特性的网络媒体艺术设计师，设计和开发了一些颇有新意的Flash互动网站，但就其艺术格调和表现技巧方面还处于有待发展阶段，相关的理论研究更是罕见。

如果说FWA中的一行行链接文字和一幅幅图片是通往Flash交互艺术世界的航标，那么徜徉在这一艺术世界时所历经的一次次数据交互、信息反馈、鼠标行为的交互体验就是抵达“沉浸式”感受的方舟。若要实现具有“沉浸式”感受的效果，就必需在视觉设计和实现交互式数据呈现方面做到极致，需要视觉艺术设计师与计算机程序工程师进行密切配合，这一现象也就推动了对复合型人才的培养。在网络媒体艺术设计的学科教育方面，学科的分化变得愈加细致，使学生有所偏重地掌握网络媒体艺术设计的技能。

Robert Penner就是探索使用计算机程序语言来实现创意思想的奇才，他在《Flash MX编程与创意实现》中展现了独具创造力的程序设计和视觉设计理念。深入地探讨了以Action Script创建动态视觉效果的方法，内容覆盖面向对象和基于事件的程序设计、数学、物理、色彩、绘图等专题，精选的实例讲解更是体现出作者丰富的想象力。在“运动、变形和缓动”的章节中讨论了运动的概念和数学基础。探究缓动的各种方程，并开发出一个变形脚本的面向对象的方法。

随着网络科技的迅速发展和整个社会对获取信息资源的需要日益增长，国际互联网的普及速度和宽带的覆盖一直以倍数递增，以江苏省苏州市为例，在不到两年的时间里，电信宽带用户从几千发展到了1万户，今年苏州电信宽带用户增长再次“提速”，目前苏州电信宽带用户已经接近15万。数据交换带宽的拓展从客观上推动了网络媒体向更高层次、更富多媒体意义的方向发展。如今，能提供音乐、视频在线欣赏和下载的站点比比皆是，许多国际化大公司在开发产品形象展示的多媒体交互网站时大量地使用了三维动画和视频录像。带宽的拓展使得富有创意思想的网络媒体艺术设计师有了更为广阔的表现空间，许多设计师开始了将三维动画所能创造的空间变幻效果用之于网络媒体艺术设计中，Discreet公司特地为Macromedia Flash MX开发了3D效果的导出插件，Alias公司更是开发出能导出3D效果的、兼容矢量文件格式的专用模块。

多媒体网站设计开发范文第6篇

[关键词] 计算机网络第四媒体人机交互

计算机网络以其极高的知识、技术内涵、广泛的传播范围和雄厚的传播实力，已成为如今人类发现的最具价值的传播媒体之一。1998年5月，联合国秘书长安南最早为互联网赋予了“第四媒体”的称誉:“在加强传统的文字和声像传播手段的同时，应利用最先进的第四媒体———互联网，以加强新闻传播工作”。其后，“第四媒体”作为网络媒体的代名词迅速普及。

实现快速、有效地传播信息是网络媒体的核心功能，实施信息传播的载体是基于网络的各种图形、文字、视频、动画和音频。所有这些信息载体可称之为视觉和听觉元素，但并非这些元素自动地具有传播信息的功能，其传播价值之实现有赖于对这些视觉和听觉元素进行科学化、系统化和艺术化的设计。设计中，若背离了一定的科学法则，将必然使信息传播之效率下降，甚至发生传播失误。

在互联网发展的初期，许多网络媒体艺术设计方面的理论著述主要从平面视觉传达的角度探讨版式编排、空间布局、素材的处理、色彩运用、字体设计等方面的技能和技巧。这一期间开始了对网站之构架进行研究，一些专门从事网络技术开发的研究人员对网站的可用性方法作了许多卓有成效的探索，从站点规划、调研分析、站点与客户端之间的角色分析到设计实施、测试、以及反馈与维护的整体过程都以可用性作为关注焦点。美国设计师Darren Gergle强调:“处于这样一个快节奏和激烈竞争的网站设计行业中，需要将可用性方法运用到具有成本效益和实用的方法里，并平稳地整合到设计过程中。”

随着网络科技的迅速发展和Internet资讯的日益增多，客观上推动了相关理论研究向纵深发展，使最初的基于平面视觉传达的网络媒体艺术研究更为紧密地融合认知心理学、信息学、传播学、技术美学等学科的理论成果，关注人机交互环境下的信息加工与传播，关注对受众的认知规律的研究，从而推动了对网络媒体交互性的研究。

美国Macromedia公司所开发的Flash开启了网络媒体交互艺术创作的新纪元，其使用矢量图形和流式播放技术、利用时间轴和关键帧将图形、视频、动画和音频以交互方式融合在一起，加之强大的动画编辑功能和创建交互性的编程语言Action Script使其成为创建动态交互式网络应用的行业标准。如今，在全球范围内绝大多数的计算机用户都装有Flash播放器插件，越来越多的商家愿意投入资金开发多媒体网站，以展示企业形象并推动产品行销。一些世界著名企业在开发基于html的超文本网站的同时，还致力于Flash全站的开发与设计，由此可见，网络媒体艺术设计正向新的视听感受和实时的人机交互方向发展。

Flash在全球的影响力不断扩大推动了网络媒体交互艺术创作的发展，这一发展的态势可从FWA中反映出来。FWA是一个举世闻名的Flash艺术设计的展示平台，其全称是Favourite Website Awards，于2000年5月建立，目的是展示世界上最优秀、最前沿的网络媒体艺术设计作品。2000年9月以来FWA一直被列为世界上最顶级、最具有精英意义的评价网络媒体交互艺术创作的权威机构。

近年来，国内出现了许多优秀的Flash动画设计师，他们凭借Flash的强大动画编辑功能，创作了一大批脍炙人口Flash动画短片，但这些被赞誉为“闪客”的设计师主要是从事基于二维平面的动画创作，是传统动画在新科技背景下的延伸。国内虽然也有与FWA相类似的机构和团队，也出现了一批专攻于具有人机交互与信息传播特性的网络媒体艺术设计师，设计和开发了一些颇有新意的Flash互动网站，但就其艺术格调和表现技巧方面还处于有待发展阶段，相关的理论研究更是罕见。

如果说FWA中的一行行链接文字和一幅幅图片是通往Flash交互艺术世界的航标，那么徜徉在这一艺术世界时所历经的一次次数据交互、信息反馈、鼠标行为的交互体验就是抵达“沉浸式”感受的方舟。若要实现具有“沉浸式”感受的效果，就必需在视觉设计和实现交互式数据呈现方面做到极致，需要视觉艺术设计师与计算机程序工程师进行密切配合，这一现象也就推动了对复合型人才的培养。在网络媒体艺术设计的学科教育方面，学科的分化变得愈加细致，使学生有所偏重地掌握网络媒体艺术设计的技能。

Robert Penner就是探索使用计算机程序语言来实现创意思想的奇才，他在《Flash MX编程与创意实现》中展现了独具创造力的程序设计和视觉设计理念。深入地探讨了以Action Script创建动态视觉效果的方法，内容覆盖面向对象和基于事件的程序设计、数学、物理、色彩、绘图等专题，精选的实例讲解更是体现出作者丰富的想象力。在“运动、变形和缓动”的章节中讨论了运动的概念和数学基础。探究缓动的各种方程，并开发出一个变形脚本的面向对象的方法。

随着网络科技的迅速发展和整个社会对获取信息资源的需要日益增长，国际互联网的普及速度和宽带的覆盖一直以倍数递增，以江苏省苏州市为例，在不到两年的时间里，电信宽带用户从几千发展到了1万户，今年苏州电信宽带用户增长再次“提速”，目前苏州电信宽带用户已经接近15万。数据交换带宽的拓展从客观上推动了网络媒体向更高层次、更富多媒体意义的方向发展。如今，能提供音乐、视频在线欣赏和下载的站点比比皆是，许多国际化大公司在开发产品形象展示的多媒体交互网站时大量地使用了三维动画和视频录像。带宽的拓展使得富有创意思想的网络媒体艺术设计师有了更为广阔的表现空间，许多设计师开始了将三维动画所能创造的空间变幻效果用之于网络媒体艺术设计中，Discreet公司特地为Macromedia Flash MX开发了3D效果的导出插件，Alias公司更是开发出能导出3D效果的、兼容矢量文件格式的专用模块。

多媒体网站设计开发范文第7篇

[关键词] 电子商务多媒体技术艺术设计

计算机多媒体技术指计算机交互综合处理文本、图形、图像、声音、视频等多种媒体信息，使多种信息建立逻辑联系，集成为一个具体有交互性的系统。企业通过建立电子商务网站，实现“企业——个人”、“企业——企业”、“企业——政府”的快速信息交流，达到宣传企业、树立企业良好形象的目的。中国网民人数量近亿，企业为了争夺这个潜力巨大的市场，为了吸引网民的眼球，在商务网站中运用了大量多媒体技术。利用多媒体技术可以制作生动、有趣的网页，使得internet 上的浏览者会一再光临您的网站而留连忘返。到目前为止，在internet 上所能使用的多媒体可以说越来越广泛，从简单的gif 动画，3dvrml 动画，广播站到电影文件几乎都可搬上internet。网页设计的趋势越来越接近于一门艺术而不仅仅是一项技术。网页的艺术设计是艺术与技术的高度统一，正日益被网站建设者所注重。

一、媒体编辑技术

1.视觉媒体。视觉媒体包括文字、图形、图片等，它是构成网页的基本元素。由于受到计算机屏幕尺寸的限制，文字与图片的布局要做到清晰明确、有主次。通过相应的编辑与制作软件可以使这些元素有机的结合，在多媒体中使用文本信息，其表述要精确、简洁、有力，过长的文字会使人失去阅读兴趣；对于简单图像，尽可能用矢量图形，其占用空间小。Www.133229.cOM主要用于线型的图画、美术字、统计表的制作。对于色彩丰富包含复杂细节的绘画则使用位图文件。

2.听觉媒体。与网站主题相呼应的清新、悦耳的音乐，可心提高浏览者的观看兴趣，延长其在网站的停留时间，从而使更多的网站信息输送给网民。目前网上流行的音频文件主有mid、wav、rm、mp3等格式。以前必须先将这段音乐或电影下载回本地机器，然后使用相应的程序来播放，由于音频或视频文件都比较大，需要较长的下载时间。流（stream）技术出现以后，网页设计者充分、巧妙地应用此技术，让浏览者在下载过程中就可以欣赏这段音乐增强了页面传播信息的表现力和感染力。

3.视听媒体。数字化的视频信息有利于存储、重放、特殊处理及高速传输，在多媒体信息中，它是最新和最有魅力的一种。网上流行的视频文件主有flash、vmw、asf、rm、avi、mpg等格式。

4.交互媒体。在web环境下，人们不再是一个传统媒体方式的被动接受者，而是以一个主动参与者的身份加入到信息的加工处理和之中。利用activexcontrol、vbscript、java、flsh等技术，网页设计人员根据网站各个阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常地对网页进行调整和修改。

二、运用多媒体技术提高网页艺术性

网页艺术设计包含视听元素与版式设计两项内容；以主题鲜明、形式与内容相统一、强调整体为设计原则；多媒体具有交互性与持续性、多维性、综合性、版式的不可控性、艺术与技术结合的紧密性五个特点。由于多媒体自身的互动性、娱乐性，有创意的设计，自然会吸引浏览者的眼球。

1.网页艺术设计与网站主题的关系。视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的，是使主题在适当的环境里被人们即时地理解和接受，以满足人们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。设计是为主题服务的，设计是艺术和技术结合的产物，就是说，即要“美”，又要实现“功能”。在商务网站设计中，完成“功能”是艺术设计的最终目的，“美”是为“功能”服务的。如果在设计时只有“美”而没有“功能”，则失去了商务网站存在的意义。

2.多媒体技术与艺术设计的结合。任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础，被称为“设计的灵魂”；形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。商务网站在建设时，要明确企业网站的内容，确定采用什么样的形式，从而明确主题，利用多媒体技术围绕它们展开设计。例如，设计类的个人站点与商业站点性质不同，目的也不同，所以评论的标准也不同。它的主题只有一个，就是美。而将音频、视觉完美融合的多媒体动画和影片能体现主题，清晰地传达出来这个站点的信息，表现了网站的艺术风格和别出心裁。一个好的多媒体网站设计不仅能吸引顾客的注意，而且能表达出这个产品或者服务的实质。为了能留住顾客，应该确定要有“跳跃信息”的连接。可以这样说，融合多媒体的网站设计就是网站信息加上图形、动画和声音等的一个集合。对于商务网站，要利用多媒体技术的优势，形象、具体、全方位地展现自己的商品与服务，这是传统、单一媒体无法实现的。

网络技术与艺术创意的紧密结合，使网页的艺术设计由平面设计扩展到立体设计，由纯粹的视觉艺术扩展到空间听觉艺术，网页效果不再近似于书籍或报刊杂志等印刷媒体，而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合，把浏览者带入一个真正的虚拟世界。

随着多媒体技术的不断发展，网络传输速度的不断提高，艺术性受技术的限制不断减低。艺术与技术会更好的结合，商务网站因多媒体技术的大量应用而独具魅力和眩目，但它的首要功能是作为交流的一个工具，一个平台；更确切地说它是一个用户与网站一个交互的界面。多媒体技术与艺术的紧密结合在网页艺术设计中的优势非常明显，而它们的发展将推动网站提升到更高的层次和高度，会给公司企业的文化宣传、产品介绍、销售渠道带来更多的好处。而多媒体技术在网站上的应用也必将成为未来的发展方向，有着很广阔的前景。

参考文献:

[1]刘光然:多媒体技术与应用.人民邮电出版社，2005.09

多媒体网站设计开发范文第8篇

关键词：多媒体课件设计与制作；专题学习网站；设计

中图分类号：G434 文献标识码：A 文章编号：1673-8454（2013）24-0060-03

一、引言

2013年7月，中国互联网络信息中心第32次“中国互联网络发展状况统计报告”，截至2013年6月底，中国网民数量达到5.91亿，互联网普及率为44.1%。学生群体是网民中规模最大的职业群体，占比为26.8%，远远高于其他群体。大专及以上学历人数达20.3%。[1]面对如此乐观的网络发展动态，如何建立合适的优质网络资源成为迫切需要解决的问题。文章立足于此，以本科生《多媒体课件设计与制作》课程改革为契机，尝试以理论为导向设计专题学习网络平台，指导后期的开发制作及使用。

专题学习网站是指在互联网络环境下，围绕某门课程与多门课程密切相关的某一项或多项学习专题进行较为广泛深入研究的资源学习型网站。[2]信息社会，知识量的激增促使课堂需向外延伸，专题学习网站可以作为一种可操作平台。作为专业及选修课程的《多媒体课件设计与制作》，笔者以专题形式将课程内容分版块呈现，理论、资源、软件、技巧逐一涉及，满足不同层次学习者的需求，引导课件的实际开发制作，使课程目标落到实处。

一、专题学习网站设计的理念引导

1.建构主义学习理论

建构主义学习理论强调，知识是个体在一定的情境中，在教师的指导下，通过与他人的协作，意义建构形成的。《多媒体课件设计与制作》课程专题学习网站的设计思想可以遵循这个思路。网站为学生创设一个情境，提供一定的基础知识及专题知识，使学生在原有认知基础上自主理解，提升能力，并可设计论坛提供学生协作平台，教师也可借此指导。

2.教学设计理论

教学设计主要是运用系统方法，将学习理论与教学理论的原理转换成对教学目标、教学内容、教学方法和教学策略、教学评价等环节进行具体计划，创设教与学的系统“过程”或“程序”，而创设教学系统的根本目的是促进学习者的学习。[3]专题学习网站最终是为学习者的有效学习服务的，因此，在网站前期设计阶段，可依据教学设计的主要理念，分析学习者的学习需要、学习内容及特征，进一步规划教学的策略和方法，最终在设计中体现评价等。

二、网站功能定位

1.学习平台

网站以现有课程《多媒体课件设计与制作》为基础，建设好之后拟作为该课程的教学辅助平台，增强学生学习兴趣，为师生提供一个延伸课堂的空间，也可作为未修学该课程的学生的课外学习平台。

2.资源网站

专题学习网站从界定来看，也属于一种资源网站。同时，就课程而言，课件制作在一定程度上要依托课件资源，网站将建立专门的资源中心栏目，为课件制作者提供多媒体资源，包括图片、声音、动画、视频资源及一些优质课件案例、学生实践成果等。

3.协作平台

引导学生就专业学习中的特定专题进行深入的探究，对学生形成科学的研究方法和提高研究能力都是很有意义的。

三、网站教学设计

依据教学设计理论，网站的教学设计由此展开。由于专题学习网站是一种资源型学习网站，因此在进行教学设计时，不能完全按照教学设计的一般模式进行设计，它更应该将设计的重点放在学生围绕资源的学习上。

1.前期分析

（1）学习需要分析

网络的迅速普及和发展，加速了课程改革的步伐。《多媒体课件设计与制作》作为一门综合技能课，也成为未来教师必修的课程之一。而目前依托课堂的教学不能满足学生的学习需求，专题学习网站可扩展学习内容、扩大学习空间，有利于学习者自主探索和发现知识，促进技能全面提高。

（2）课程内容分析

从专业课的性质入手，《多媒体课件设计与制作》课程是为提高教育技术专业学生多媒体实践操作能力而开设的一门专业发展方向课程。课程在强调课件制作的理论知识的同时，更加注重培养学生的实际操作和整合能力，学习内容可体现在以下几个方面：

①课件制作基本理论。从建构主义的角度来说，这部分体现“支架”的作用。提供给学生学习的基础知识，以顺着这个支架上升到更高层次的知识环节。这部分介绍多媒体课件制作的理论知识，如多媒体课件的界定、特点、类型，多媒体课件制作原则，多媒体课件制作环境、应用环境等。该部分旨在为课件制作提供理论指导，培养学习者的课件创意能力，使学习者能真正开展多媒体课件的创作，而不再是简单盲目的技能操作。

②课件素材的采集与制作。多媒体课件素材包括文本、图形图像、声音、动画和视频，学习内容也就涵盖了如何获取、加工和处理这些素材，这是课件制作的基础技能，好的课件需要优秀的素材做支撑。这一环节要求学习者掌握一些素材处理与制作的软件。

③课件制作。课件制作内容也可以理解为是素材的合成过程。主要是通过掌握多媒体创作工具，将教学所需素材有机合成，使其体现良好的交互界面和教学辅助功能，完成课件的整体制作。

④课件的打包与。打包与是为了让课件能在更广泛的平台或场合使用，要确保课件操作无误、兼容性强。

（3）网站面向对象分析

①教育技术专业学生。目前，我校教育技术专业学生是在大三第一学期开设《多媒体课件设计与制作》课程，此时学生已经有了一定的专业基础理论知识，也具备了一定的信息加工及处理能力。和在职教师相比，学生没有实际的教学经验，对于理论如何应用于实践缺少思路，会出现懂课件制作却做不出好的教学课件的现象。专题学习网站在设计时要考虑到这一客观实际的存在。

②非教育技术专业学生。《多媒体课件设计与制作》在我校也是作为一门公共选修课面向全校学生开设的，是很多学生感兴趣愿意选学的一门课。这些学生文理科都有，各年级也都有，层次水平很难划一，专题学习网站设计也要考虑面向这一部分非教育技术专业的学生。要注重课件基础知识的普及，也要兼顾各科资源，让不同专业和年级的学生都能从中得到想学的知识。同时，大学生思维以逻辑思维为主，有利用资源开发探究协作学习的能力，网站可通过论坛或案例设计开放性环节供学生自主探究。

③在职教师。随着教育信息化进程的加快推进及《中小学教师教育技术能力标准》的颁布，在职教师无论从实际的教学需求还是硬性的考核要求，都有迫切掌握课件制作技能的需求。本专题网站也想对在职教师有所帮助。和在校学生相比，在职教师有丰富的教学实践经验，具备一定的信息素养，但普遍对信息技术辅助教学的理念认识不足，对软件的熟悉程度也不如在校生。网站要从软件的基本使用着手，为在职教师提供一定的指导。

2.学习目标分析

学习目标是对学习者学完后行为的具体描述。基于专题学习网站，我们将《多媒体课件设计与制作》课程的学习目标界定如下：学习者通过学习掌握多媒体课件制作的理论基础，熟悉课件制作工具，具备独立制作课件的能力，能够用网站提供的素材设计制作与学科相关的课件，并学会在网络平台上自主探究与协作学习。

3.学习策略分析

学习策略涉及到为完成目标而采用的方法、活动、组织形式、媒体等形式。在本课程的专题网站中，学习策略主要体现为以网络为平台，创设学习情境，提供自主学习资源及协作环境，注重教与学的结合，在开放的空间中协商合作，共同发展。

4.学习评价设计

该专题学习网站主要是配合《多媒体课件设计与制作》课程而设计的，因此评价主要通过课程整体去体现，但网站中可设计从作品上传和你说我议两个栏目体现对学生的过程性评价。

四、网站结构体系设计

1.界面设计

（1）交互设计

交互体现网站的人机互动能力。界面以蓝色为主基调，体现科技创新的课件设计理念。界面布局力求简洁大方，以为学习者提供知识内容为主。页面之间链接采用同一页面打开方式，学习者在同一窗口可找到需要的内容。

（2）导航设计

良好的导航为使用者提供方便，可使其快速找到需要的资源。网站在每个页面设置有知识点快速导航、页面跳转导航、框架式导航及帮助导航，使学习者方便快捷地使用网页。

2.网站结构框架

专题学习网站通常由结构化知识、扩展性资源、网上协商讨论空间和网上评价系统等四个基本部分组成。结合《多媒体课件设计与制作》课程，为学习者提供清晰的内容呈现体系，注重实用与操作并重，设计专题学习网站架构如图1所示。通过这样明晰的三层结构，将课程内容从深度和广度都相比课堂教学有所延伸。以丰富的资源为支撑，试图为学生提供一个开拓思维。提升能力的网络空间。

（1）首页

首页是用户了解网站的主要窗口。可将网站主要架构中的内容以精炼的方式体现在此，包括站内公告、网站导航、推荐使用、部分呈现等。

（2）理论导读

课件制作涉及很多理论的引导。理论导读部分主要介绍课件制作理论基础，以及什么是课件，其组成、类型、特点、设计流程、设计原则等。同时也要让学习者明白课件的制作环境及应用环境等。这一部分是入门知识，可以案例形式体现。

（3）专题知识

专题知识是专题学习网站的核心，也是网站体现的主题内容呈现的版块。从课件的合成制作和素材制作大块呈现内容。素材制作以具体实例为线索，结合Photoshop、Snagit、MP3音频录音机、格式工厂等素材收集和制作及转换工具，为学习者提供全面的素材制作知识。由前面对网站的学习对象进行分析可知，学习者有教师也有学生，故设计时也分为两种方式去体现。分学科做课件，适用于教师借助网站进行学习；分软件做课件，适用于学生全面掌握课件制作软件的学习要求。两个版块均以模块化及案例式体现内容。

（4）资源中心

资源中心设置有三个栏目：相关文献、素材、网站链接。相关文献用于拓展学习者的思路，将筛选过的内容集中体现，弥补学生网络碎片化知识的不足。素材中提供文本、图像、音频、视频及动画素材，供学习者在实际练习中下载使用从而合成课件。网站链接提供给学习者除文献以外的优秀资源的链接，扩充网站容量，丰富内容。

（5）制作工具

课件的制作离不开工具。制作工具栏目中一方面介绍工具如何使用，另一方面提供工具下载，为课件制作创设基本环境。其中包括从素材制作到软件合成的各类工具，如抓图软件、录音软件、录像软件、格式转换软件及前面构架中提到的课件制作软件等。

（6）作品欣赏

提供全国多媒体课件制作大赛的部分获奖作品，并对部分作品进行点评，供学习者借鉴。同时，也给学习者以交流展示的平台，学习者可上传作品，供相互借鉴以提高技能。

（7）你说我议

设置专题进行有针对性的讨论，另外课件随议可让学习者就课件及相关的内容展开联想性的探讨，促进思维提升，加强协作交流。

五、结束语

专题学习网站已经成为网络教育的一个分支，建好符合学生认知规律、培养学生协作学习能力的网站是发挥其作用的关键点。教学网站的设计，必须满足学生自主学习、协作学习、发散思维、意义建构和培养学生搜集、处理信息的能力的要求。[4]《多媒体课件设计与制作》课程属于综合实践性课程，其专题学习网站设计要从功能定位着手，以合理的教学设计为依托，结合建构主义学习理论思想建构框架，从而为课程的改革探索一条新的道路，为学习者综合实践技能和能力的提升提供良好平台。

参考文献：

[1]中国互联网络信息中心.第32次中国互联网络发展状况统计报告[EB/OL]. http：//.cn/gywm/xwzx/rdxw/rdxx/201307/W020130717431425500791.pdf.

[2]谢幼如，尹睿.专题学习网站的教学设计[J].电化教育研究，2003（1）：34-38.

多媒体网站设计开发范文第9篇

前言：

得益于计算机与智能手机的普及，我国网民数量已达7亿，而这一庞大的网民人口则标志着网络与我国民众生活之间联系的日渐紧密。我国当下数字媒体的发展速度不断提升，其本身也开始真正融入我国各行各业之中，但数字媒体本身在发展中也暴露出了一些问题，而本文就数字媒体中网页设计原则与制作技巧展开的研究目的，正是为了解决其中一部分问题。

1.数字媒体概述

为了能够较好的完成本文就数字媒体中网页设计原则与制作技巧展开的研究，我们首先就需要对数字媒体进行深入了解。结合相关文献资料与笔者自身对数字媒体的认知，本文将数字媒体定义为利用二进制数据处理和记录，采取数字通信的原理，收集、存储、传输各种矢量数字文本的过程，简单的说数字媒体就是一种图形、图像、视频、声音、动画等信息的载体与平台。对于数字媒体来说，其本身具备着高效相互性、灵活多变性以及强大融合性等三方面的特点，这些特点也是其能够较好发挥自身功能的原因所在。具体来说，高效相互性指的是数字媒体能够通过自身的载体与平台特性，使信息变为可感、可知、可管、可交互的状态，这就使得信息的传播的过程中能够较好的实现作者与受众的交流网络影视、网络游戏等都属于这一特点的具体表现；而在灵活多变性这一特点中，这一特点使得数字媒体能够将声音、图片、视频、音频、文字等创作要素进行较好的改变，这样相关信息就能够实现更好的创造；而在强大融合性这一特点中，这一特点使得数字媒体本身能够与各类艺术方式实现较好的融合，这种融合由于往往能够发挥“1+1＞2”的作用，就使得数字媒体能够更好的满足各类受众的需求[1]。

2.数字媒体中网页设计原则

上文中我们深入了解了各类数字媒体，而在下文中笔者将结合自身实际工作经验与相关文献资料，就数字媒体中网页设计原则进行详细论述，希望这一论述能够在一定程度上为我国数字媒体的进一步发展带来一定帮助。

2.1明确网页主题

在数字媒体的网页设计中，为了保证这一网页设计能够较好的为受众提供服务，我们首先就需要结合网页内容确认网页主题，而为了实现这一目标，网页设计人员需要进行充分的市场调查，最大程度上了解网页受众的情况，这样才能够较好的确定整个网页的风格与主题。而在确定了网页的主题后，设计人员还需要在设计的过程中保证网页本身的鲜明突出、要点明确，最终实现通过简单的网页页面传达不简单的信息这一追求。值得注意的是，网页还需要最大程度上保证自身的即时性，这样才能够更好的实现信息的传达[2]。

2.2结合受众需求

除了明确网页主题外，网页设计人员在进行数字媒体的网页设计过程中，还需要细致了解网页受众人群的性别、年龄、职业以及受教育程度、生活习俗等方面的分布，并以此更好的结合网页向受众传达某种情感，这样就能够更好的提高数字媒体中网页信息的传播效率。例如，对网页受众年龄的把握，使得设计人员能够更好的抓住网页设计的侧重点，这样就能够保证该网页设计传达的信息更具备针对性，这自然就大大提高了网页本身信息的传达效率。值得注意的是，我们还需要在网页设计中参考受众的接受与理解信息的态度、愿望、需求以及情感等心理因素，这样才能够更好的为其提供服务[3]。

2.3保证风格统一

除了上述两方面的原则外，设计人员还必须保证数字媒体中网页设计的风格统一。具体来说，据笔者调查发现，我国当下很多数字媒体中的网页设计存在着文字设计影响网页质量、色彩运用与搭配影响网页主题风格、图片选用不合理等一系列问题，这些问题归根结底属于网页设计中风格出现的问题，而这一问题也对数字媒体中网页设计带来了种种负面影响，为此设计人员必须在文字选择、色彩搭配、图片选用等方面注意保持整个网页的风格统一，这样才能够更好的保证数字媒体中网页设计的整体质量[4]。

3.数字媒体中网页制作技巧

3.1首页设计技巧

在数字媒体中的网页设计中，网站的首页一般存在形象展示型与信息罗列型两种，一般来说信息罗列型较为适用于大、中型网站，也是我国当下最为主流的网站首页设计选择。在形象展示型的网站首页设计中，设计人员需要在突出网站本身形象的同时向受众传达相关形象与气氛；而在信息罗列型的网站首页设计中，设计人员需要结合自身信息传播特点，合理选择“国”字、拐角、标题正文、左右框架、上下框架、封面、变化等型号的版面布局方式，这样才能够实现相关信息的较好传达。

3.2风格统一技巧

上文中笔者提到了数字媒体中网页设计必须遵循风格统一这一原则，而为了真正实现这一风格的统一，设计人员就需要从网页设计的结构、色彩、导航栏等三个方面实现这一风格统一。具体来说，在网页设计的结构统一中，设计人员需要保证整个网站除特殊网页外，在网站布局、文字排版、装饰性元素出现的位置、图片的位置等方面呈现较高的统一性；而在色彩的统一中，设计人员需要尽量保证网站的主体色彩一致，并只在有需求的时候改变网站的部分色块；而在导航栏的统一中，导航栏的位置与背景必须在大小、明暗、位置等方面实现统一，这样才能够较好的提高网站本身的特点，使更多的受众对该网站产生深刻印象。

结论：

在本文就数字媒体中网页设计原则与制作技巧展开的研究中，笔者详细论述了数字媒体的概念、网页设计的原则以及网页的制作技巧，虽然受限于篇幅原因本文并未对数字媒体中网页设计进行较为深入的研究，但还是希望本文论述的内容能够在一定程度上推动我国数字媒体的相关发展。

引用：

[1]杨旭兰.色彩在网页设计中的应用研究[D].南京林业大学,2009.

[2]张燕.多媒体素材的无障碍设计研究[D].浙江师范大学,2009.

[3]黄晓乾,陈超.网页设计原则与制作技巧[J].中国科技信息,2010,07:95-96.

多媒体网站设计开发范文第10篇

关键词：电子商务网站；多媒体技术；应用

中图分类号：F713.36 文献标识码：A 文章编号：1674-7712 （2014） 04-0000-01

一个公司的电子商务网站主要是为了实现企业与个人、企业与政府、企业与企业之间的信息交流，同时能够起到宣传和树立公司形象的作用。为了能够吸引消费者的眼光，抢夺更多的消费市场，为此企业在电子商务网站的建设中大量使用了多媒体技术。下面先介绍下电子商务网站应具备的要点。

一、电子商务网站应具备的要点

（一）结构清晰，条理分明

一个公司的电子商务网站组织结构是否条理清晰影响着公司的形象。若是网站结构混乱，不但会使消费者看的迷糊，也会在以后给公司带来很大的困扰，严重的破坏了公司的形象。若是网站的结构清晰而且重点突出，这样就会给消费者留下很深的印象。所以在电子商务网站的建设过程中不宜使网站过于复杂，即使拥有最棒的产品，也要本着以消费者为中心来设计，这样方便消费者浏览。

（二）增加带宽，下载加速

在当今时代，网络遍布全球，所以各地区的人可以相互交流。但是由于受到网络带宽的限制，消费者在浏览网站时可能得等上一段时间才能打开该网站，那是由于在制作电子商务网站时添加的图片和信息量太大，下载下来会耽误很长时间，而消费者可能没有耐心去等待，也就直接关了此网站，不在浏览了。

（三）货真价实，信誉第一

在为公司制作电子商务网站时，该公司的产品是什么样子，就应该与发到网上的产品样子相同。要为消费者提供真实的消息，不要像某些公司一样，为了赚钱，就故意美化产品，要做到货真价实，不弄虚作假，过度的装饰和包装可能适得其反，使得消费者产生上当的感觉就得不偿失了。

（四）及时反馈，订购方便

对于电子商务网站来说，消费者的反馈信息能及时的反应市场的动向，帮助公司改变经营策略。而消费者在浏览商务网站时，一旦产生购买的欲望，能否及时的获得订单也是公司该考虑的问题，若不能及时获得，可能消费者就会不买了，同时也影响了公司的形象问题。

（五）总结规律，反思反省

我们在浏览了这么多国内外的商务网站后可以总结出：美观且富有创造性地商务网站极易吸引消费者的眼光，质量过硬的产品和大观、清晰的产品图样是一个商务网站成功的关键。富有创造性地商务网站使得消费者在浏览的同时享受着乐趣，人们期待在更漂亮、体验度更高的电子商务网站中淘到自己满意的商品，这俨然成了商务网站发展的一种趋势。

二、多媒体技术在商务网站建设中的应用

（一）多媒体元素在电子商务网站中的应用

多媒体元素包括三部分，分别为听觉媒体、视觉媒体和视听媒体。同样每个媒体又包含各自的部分。而视觉媒体包括图片和文字，这是构成网页最基本的元素。对于不同的图像要采用不同的图片形式，例如一些简单的图形，就可以采用矢量图形，这样占的空间就小，方便浏览。复杂的图像就要使用位图文件了。这样可以清晰的展现图品样式。同样听觉媒体包括RM、WAV、MP3等，在电子商务网站中加入优美的音乐可以使得消费者在该网站停留的时间加长，争取更多的潜在客户。视听媒体包括AVI、FLASH、MPG等，流媒体技术出现以后，使得消费者可以边下载边欣赏，这就增加了消费者浏览的乐趣了。

目前电子商务网站大多采用的形式是图片加文字介绍。在商品外观的展示方面就要依靠图片了，但是这种展示方式有很大的缺陷，在于每个网页为了保持浏览快速，都会限制一定量的图片。这就造成了消费者想要更清楚的了解产品就需要浏览很多网页和图片，这样会给消费者的耐心带来挑战，减少了消费者在浏览时的乐趣。同时现阶段的电子商务网站缺少与消费者之间的沟通，这会导致不能及时获取反馈信息，也就不能及时的把握市场动向了。

为了解决此问题，设计者们采用了Flash技术和开源的3D引擎技术来实现电子商务网站的图片库展示。这样一来可以使消费者在一个网页中浏览图库中的任意图片，方便消费者获取商品信息。

（二）多媒体在电子商务网站设计中的特点

1.交互性与实时性。电子商务网站相比传统的媒体，最大的特点便是可以及时的更新和相互间的交流。电子商务网站可以通过与消费者之间的交流，及时的获取反馈信息，由此判定市场的动向。而后电子商务网站可以根据市场的动向及时更改信息和营销策略。

2.快捷性与多维性。网站的多维性依赖于超级链接，而超级链接可以使得网站的组织结构更加丰富，使得消费者可以再特定的网页中来回自由跳转，使得网站显得更加灵活。为了使得消费者可以轻松地找到所需的信息，设计者就必须在设计导航时突出主要信息链接。

3.合理性与综合性。多媒体技术是依托计算机及网络设备综合处理多种媒体信息的技术，其包括计算机网络通信技术、计算机硬件制造技术和压缩解压技术等。随着多媒体技术的不断创新，设计者们更应注意多媒体元素运用的合理性，要考虑网站各方面的问题，保持网页浏览速度的正常，若是网速太慢且内容杂乱，会丧失很多客户。

（三）多媒体在电子商务网站艺术设计中的应用

电子商务网站在设计时应该考虑两个方面，一要使得主题突出，二要使得形势与内容相统一。为了突出主题，不但要在视觉设计上要保持简练、清晰和精确，而且在强调艺术性的同时，可以通过独特的风格样式给消费者带来强烈的视觉冲击，以此来突出主题。设计的内容指电子商务网站的主题、形象和题材的总和，形式就是它的结构，而风格则是表现方式，内容决定形式，形式反作用于内容。

三、结束语

在如今的社会上，电子商务网站关系着一个公司的形象，而一个优秀的电子商务网站不仅可以帮助公司树立一个很好的形象，同时可以使得公司的影响扩展到各地区。多媒体技术的应用可以使在电子商务网站在设计时显得更加清晰和调理。美观且富有创造性地商务网站极易吸引消费者的眼光，富有创造性地商务网站使得消费者在浏览的同时享受着乐趣，这俨然成了商务网站发展的一种趋势。

参考文献：

多媒体网站设计开发范文第11篇

【关键词】响应式Web 媒体查询 弹性图片 viewport

近些年来移动智能设备发展迅猛，用户可以在个人电脑、平板电脑、智能手机等各种终端上访问一个网站。传统的Web设计技术已经适应时代的发展，无法保证在从屏幕像素大小不同的设备上访问网站时都能够得到一个良好的显示。

我们在开发大学生竞赛服务网站时也遇到了类似的问题，经过认真的研究，最终利用响应式Web设计技术解决了这一问题。本文将通过探讨响应式的Web设计方式，研究如何构建一个网站，使之能够自动适应不同的网站访问设备，通过动态调整网页的布局结构和显示样式，把相同的内容以不同的格式呈现出来，做到“一源多屏”。

1 响应式Web

2010年Ethan Marcotte提出了一种响应式网页设计理念[1]，它使得网页可以根据用户行为以及设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相应的响应和调整。简单的说，响应式Web页面，能够根据不同终端设备，响应用户的操作自动调整网页尺寸，达到页面美观的效果。响应式Web在设计时需要使用HTML5和CSS3，涉及到媒体查询（Media Queries）、响应式布局、弹性图片和viewport 属性四大关键技术。

1.1 媒体查询

媒体查询是响应式Web设计的关键[2]。媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式。媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width、 height 和 color 等属性。使用媒体查询，可以在不改变页面内容的情况下，为特定的一些输出设备定制显示效果。在实际的开发中，网页设计者可以为不同大小的屏幕分别编写CSS样式文件，并在用户访问网站时通过@media screen判断和调用对应的样式文件。

例如：

@media screen and （min-width：1200px）{.post_box{width： 45%；float： left；} }

@media screen and （min-width：960px）{.post_box{width： 30%；float： left；} }

规定了网页中的post_box在屏幕分辨率在大于1200px时的宽度为45%，当屏幕大小大于960px且小于1200px时的宽度为30%。

1.2 响应式布局

响应式布局是进行响应式设计的基础。响应式Web 设计采用响应式布局来满足不同设备的需求，页面元素随着浏览器窗口的调整可以自动适配。响应式布局可以通过百分比布局、字号比例和浮动属性等技术手段完成。

为避免用户在较小设备浏览网站时通过横向滚动条来查看页面，对于网页对象的宽度应该使用“%”为单位的相对尺寸，而不是使用固定像素（px）。上面的例子中，post_box的宽度被设计成百分比尺寸。当显示屏幕发生改变时，post_box宽度也会发生响应的变化。

在响应式Web中不能使用像素（px）来设置文字的大小，而必须使用字号比例（em）。em可以根据当前基准字号的宽高成比例缩放文字，实现文字大小的响应式变化。

为防止在小屏幕上Web页面各个div元素的度由于挤压变得细长，需要将网页中div的位置设置为浮动（float）的。这样可以解决当屏幕宽度不够，一行放不下多个区块的问题。

1.3 弹性图片

响应式Web设计的思路中，一个重要的因素是怎样处理图片方面的问题。网页中的图片通常会按照实际尺寸进行显示，但是在一些小屏幕的设备上，屏幕的实际宽度可能会小于图片宽度。为了避免使用鼠标拖动才能浏览的问题，需要使用弹性图片技术。弹性图片指的是不给图片设置固定尺寸，而是根据流体网格进行缩放，用于适应各种网格的尺寸。弹性图片技术最早由Richard Rutter提出，即使用CSS的max-width属性，例如：

img { max-width： 100%；}

上述代码确保图片最大的宽度不会超过浏览器窗口或是其容器可视部分的宽度，所以当窗口或容器的可视部分开始变窄时，图片的最大宽度值也会相应的减小，图片本身永远不会被容器边缘隐藏和覆盖。

1.4 viewport属性

利用媒体查询能够很好的解决网页在分辨率大小不同的个人电脑浏览器上的浏览问题，但对于手机或平板浏览器等移动终端还是不够的。因为移动终端的浏览器默认页面是为宽屏幕设计的，它会把页面自动缩小以适应屏幕，造成的结果就是页面中的内容太小而影响用户的阅读。这个时候就必须使用viewport的meta标签来做一系列的设置，从而获取终端设备正确的宽度。

Viewport的使用比较简单，只需要在网页的head部分添加如下代码即可：

2 基于响应式的大学生竞赛服务网站的设计步骤

大学生竞赛服务网站是我们获批的一项辽宁省大学生创新创业训练计划项目。项目研究的主要内容是：为适应当前大学生创新创业活动的蓬勃发展所开发的一款能够适用于各类竞赛服务的通用支持网站。网站的功能包括完成各类赛事通知的；参加竞赛的学生可以完成报名、提交作品、展示作品的PPT介绍以及视频演示等；专家可以对作品进行评比等。

2.1 网站布局

经过分析，浏览网站的用户可能会用PC机、平板电脑和各类手机等设备访问网站，这些设备的屏幕像素大小不同。因此，我们决定将系统设计成能够基于响应式的网站。

为实现开发过程的高效简化，在前端开发中可以使用Foundation、Bootstrap或Pure等CSS框架。我们在设计大学生竞赛服务网站时采用了Twitter提供的Bootstrap来进行网页的布局。Bootstrap是一款移动设备优先的CSS框架，它将所有终端设备分成了：超小屏幕（手机，小于768px）、小屏幕（平板，大于等于768px）、中等屏幕（桌面显示器，大于等于992px）和大屏幕（大桌面显示器，大于等于1200px）四类，并通过媒体查询自动确定当前访问网站的终端设备的类型。Bootstrap利用流式栅格系统将整个屏幕最多分成12列，每个列的宽度能够根据屏幕或viewport尺寸的变化而变化。这些特性正是我们在设计大学生竞赛服务网站时所需要的。

2.2 响应式图片

大学生竞赛服务网站必须提供作品图片展示功能。Bootstrap提供的.img-responsive 类可以让图片支持响应式布局，适应各类终端设备。.img-responsive 类的实质是设置了width、height 和display，从而在父元素中有较好的缩放。

一致的界面能够提高网站的品质。Bootstrap内嵌的FontAwesome项目提供了一套高质量的图标字体。在网站设计的过程中，我们利用该项目美化网页的同时也大大减少了由于采用图片作为背景所带来的网络流量。

3 结束语

响应式网站的出现代表了移动终端 Web开发的发展趋势，它通过整合媒体查询、流动布局和弹性视觉媒体技术来进行页面设计，实现了“一源多屏”，为多元化的终端用户提供更加舒适的 Web 界面和良好的用户体验，大大减轻了网站前端设计人员的负担。响应式网站设计必将取代传统的网站设计方式，成为主流的前端设计方案。

参考文献

[1]傅翠玉.响应式Web设计探究[J].信息与电脑，2016（09）：79-80.

[2]王朋，董爱华，鲍萍萍.响应式Web的研究与应用[J].微型机与应用，2016（10）：15-17，21.

多媒体网站设计开发范文第12篇

1、音频处理技术

这种多媒体技术的出现相对较早，随着长期的发展和技术的创新已经比较成熟，以音频数字化的方式来打破了传统的模拟方式，在文件的采集、剪切、等都提供了非常大的便利条件。这种技术的应用能实现网站声音文件的更好展现。以这种新颖的技术设置来增加网站的特色，进而提高浏览的数量，为网站的推广做出应有的贡献。

2、视屏处理技术

视屏处理技术是一种非常特殊的多媒体技术，根据信号的不同可以将信号的来源分成几种不同的类型，其中主要包含了高频信号、复合视频信号、分离点信号几种。从相关的数字摄像机和光盘中进行视屏的采集工作，目前大多数的播放软件都有视频转换的功能，对不同的格式转换成需要的格式。主要涉及的转换方式有三种类型，单文件、多文件、光盘转换三种。基于网站的设计中会将资讯以更加直观的方式展现在世人面前，进而使整个网站都显现出一种富力的g二感觉。

二、对媒体技术的在网站建设中的原则

1、适当的取舍原则

在运用多媒体技术的过程中会根据具体的情况来采取科学的处理办法，其中对多媒体元素的格式必须重点关注，通过正确的方式来确保文件的正常打开。控制好文件的大小，以微缩图的方式来实现图像的原则工作，运用图像处理软件来完成图像处理的各种要求，例如，对那些不需要太清晰的图像以从新取样的方式来减少储存的空间。其中动画的标题也不能过多的设置。同时还必须将网站的加载速度考虑进行，进而完成设计的最优化。

2、多媒体格式的选择

在网站设计中，图像、声音、动画等不同的元素都是需要添加的内容，其中在设计的过程中必须注意格式兼容的特性，要求压缩的格式不宜过大。尤其是网站上一些视频文件的格式需要特别的注意，必须采取配套的视屏播放器俩避免视屏格式错误而不无打开的局面。例如，HTML格式就是一种兼容性的格式，在实际设计的过程中以方案最优化的原则来选择具体的技术。实现网站建设的任务。

3、多媒体元素的运用

为了使设计的网站在外观形式上更加的具有吸引力，就需要将多种不同的元素都融合进去，但必须保证数量的合理性，过多的元素也会造成结果的混淆。没有经过科学的设计和思考而随意安排的多媒体元素并不能发挥其独特的作用和价值，同时也使网页过于复杂、繁琐，进而失去了其功能的效果，读者没能深刻的感受其中存在的特殊性，进而影响到下一步的浏览。

三、结束语

多媒体网站设计开发范文第13篇

关键词:多媒体技术；网页设计；应用

中图分类号:TP37 文献标识码:A

多媒体技术是利用数字通信技术和计算机交互式综合技术，将文本、图形、图像、视频和音频等多种媒体信息进行综合处理的产物。它已经遍布教育、广告、娱乐、旅游等各个行业，起着重要的作用。现如今网页设计使用的素材很多都是属于多媒体技术的范畴，例如FLASH影片、FLASH动画和网上电影等。使用多媒体技术设计网页可以使网站生动，产生视觉的冲击，吸引浏览者。网页中使用多媒体技术时进行优化，能够有效的提高人们浏览网页时的速度。

1 网页中主要使用的多媒体技术

1.1 图形图像处理技术

图形、图像是比较重要的多媒体信息，也是网页中最经常使用的元素。通过以下五步：获取图像、处理图像、输出图像、图像数据压缩和图像存储介质最终可生成二维、三维图像。获取图像一般通过数码采集或图像扫描技术获取。处理图像有很多方法，例如使用图像处理软件Photoshop，根据需要可以对图形图像进行剪裁、亮度、对比度、柔化等处理，最后选择合适的图像文件格式进行输出。常见的图像文件格式有：BMP、JPEG、GIF、TIFF等，目前大多数浏览器支持JPEG和GIF文件格式。网页设计时使用丰富多彩的图像使网站图文并茂，构建了视觉效果。

1.2 动画处理技术

多媒体动画是构成多媒体的重要内容之一，也是网页设计时不可缺少的元素。动画是根据人眼视觉暂留的特性，在不同的时间有不同的位置，连贯起来，就会形成我们所看到的动画。多媒体动画采用的是数字处理方式，可以产生多种多样的输出形式。常见的格式有GIF格式、SWF 格式、FLIC格式和Java格式等，应用最广泛的多媒体动画类型是 GIF 格式动画和SWF格式动画，由于Flas是矢量的，既可保证动画显示的完美效果而又体积小，因而能在互联网上得到广泛的应用。Java是一种编程语言。用它编写的applet小程序可以跨平台执行，适合制作网上交互性强的游戏以及手机动画，发展前景十分广阔。

1.3 数字音频处理技术

目前，网上流行的音频文件主要有MIDI、WAV、MP3等格式。数字音频技术在多媒体技术中属于运用较成熟的技术，在网页设计中出现得也比较早。网页中使用的数学音频资源获取方法有很多，可以购买数学音频光盘，音频素材库，还可以通过网络下载音频资源或者录制音频，使用音频编辑软件编辑声音文件。数字音频技术具备了传统音频模拟方式所没有的特点，在网页表现力上实现了较好的音响效果。声音是信息的重要载体，将音频与视频配合好，会提高整体效果。

1.4 视频处理技术

可以从VCD光盘、数字摄像机和对模拟视频采集获取视频。视频是流特性业务，数据量很大。例如，数字电视图像中的SIF格式、NTSC制式、彩色、4∶4∶4采样，每帧的数据量为2028Kb，每秒的数据流量可达60.8Mb；CCIR格式、PAL制式、4∶4∶4采样的彩的数据流量可达148.8Mbps。未压缩的视频在Internet上传输的效果是无法容忍的，而且会很容易地将Internet资源吞没，造成网络拥塞甚至崩溃。因此，网页设计中对视频处理的一个关键环节就是视频压缩。

2 多媒体技术在网页设计中的应用

2.1 动画、视频设计

对于很多网站而言，经常会涉及到一些动画或者是视频之类的内容，设计的合理，那么视频或者是动画就能够很好的突出主题，这样网页浏览者在视觉上和心理上都会有空间联系和层次丰富的感觉，从而产生愉悦的感受。FLASH动画以其体积小、传输快、成本低和其强大的交互功能，已成为网页设计中不可或缺的组成部分。Flash特别适用于创建通过Internet提供的内容，因为它们是以数学公式而不是大型数据集来表示，需要的内存和存储空间与位图图形相比小很多。Flash可以包含简单的动画、视频内容、复杂演示文稿、应用程序以及介于它们之间的任何内容。甚至，通过FLASH进行网页设计并建站和FLASH电子画册的应用，开创了多媒体效果的网页或整个多媒体网站的潮流。

2.2 图形、图像的版式设计

网页制作时图像数量的选择要少而精。在应用具体的图形、图像时需要周密、精心地筛选，尽量保证网页中所有的图形、图像都有统一的图片处理效果，然后在网页中选定最佳的位置选择合适、协调的色调。将图形文字化和文字图形化是两种特殊的视觉表现形式，将文字以一种有意的图形处理，排列在版式中时，文字本身也就转化成一种特殊的图形。而图形文字化则是将文字用图形的形式处理，以达到一种需要特殊强调的表现效果。将图文有机结合，形式统一，创意新颖的设计。

2.3 多媒体元素的选择要和网页的整体风格一致

设计网页时，一定要围绕建设主题，按照视觉心理规律将主题主动地传递给观赏者。设计是为主题服务的，也就是说，既要美观，又要实现网站功能。完成网站功能是设计的最终目的。

2.4 准确把握多媒体技术与艺术设计的结合

随着多媒体技术的不断发展，网络传输速度和硬件技术不断提高，艺术在创作过程中受技术的限制程度不断降低。因此，艺术与技术将会更好地结合，实现理想的效果。多媒体技术的发展将推动网站建设提升到更高的层次，而多媒体技术在网站上的应用也必将成为未来的发展方向，有着广阔的发展前景。

2.5避免网页中对多媒体元素的运用过多网页中的图片与文字分布应该错落有致，图片、文字等的颜色要与网页的主色调保持一致， 网页的重点内容要放在合适位置以保证醒目。

2.6 避免多媒体元素格式选择错误

网页中的动画内容则不宜使用太多，要结合网页设计的实际需要。也不能选择不合适的格式导致多媒体元素文件太大难以载入。图片、音频、 视频等元素的格式决定着浏览者的客户端打开网页的速度，因此其选择在网页设计中十分重要。

结语

用户可以通过网站在任何时间、任何地点接发信息，多媒体信息的传递从此不再受时间和空间的限制。在互联网上，通过信息交互，依靠多媒体的多种技术可以向全世界展示自己，使自身的特点及优势得以多角度、更广泛的认知。网络媒体已逐渐形成独特的制作手法和风格， 如果注意优化图像和多媒体在网页中的设计，就能更有效地提高客户浏览网页时的显示速度。多媒体技术迅速兴起、蓬勃发展，其应用已遍及国民经济与社会生活的各个角落，正在对人类的生产方式、工作方式乃至生活方式带来巨大的变革。

参考文献

[1]鼓 波.多媒体技术教程[M].北京：机械工业出版社，2010（03）.

多媒体网站设计开发范文第14篇

关键词：多媒体课件；技能训练；网络资源库；设计

中图分类号：TP311文献标识码：A 文章编号：1009-3044(2008)30-0760-02

The Implemention and Design of Network Resources Database of Authorware Multimedia Courseware Production Skills

XUAN Cui-xian

（Jinhua College of Profession & Technology, Jinhua 321017, China）

Abstract: This article is about design thought,structure design,tools design and realization ways on skill training for authorware multimedia courseware.

Key words: multimedia courseware; skill training; resource libraries on web

1 引言

多媒体课件制作技能，是衡量师范生及教师信息技术应用能力的重要指标。然而目前在网络教育不断深入的大背景下，针对多媒体课件制作技能训练的网络资源较为分散，没有专门的适合多媒体课件制作技能实训实际教学和技能训练的资源库。因此，我们利用承担金华市教育科学规划课题“师范生多媒体课件制作技能训练网络资源库建设研究”（编号为：JB2007031）的契机，开发和建设一个集教学设计资源、制作素材、学习案例于一体的，既能充分发挥计算机及网络的教育功能，又符合学校初等教育专业教学实际的Authorware多媒体课件制作技能训练网络资源库系统，以促进高职学生技能的提高和素质教育的实施。

2 资源库资源结构设计

在深入教学实际和广泛征求意见（专题讨论、网上调查、面谈）的基础上，按照现代教育理论和网络教学的要求，课题组以Authorware课件制作的平台，设计了资源库各类资源结构原型。并在教育技术专家的指导下进行了原型完善，最后形成了如下内容模块。如图1所示。

教案库：是为课件制作的教学设计提供的各类优秀教案。由于本课件技能实训的对象是初等教育专业，因此上图中的教案主要指小学各科教案。

多媒体素材库：是制作课件所需要的多媒体资源，包括文字字体库、图像库、动画库、音频库、视频库等，这里汇集了制作课件所需的各类原始素材。

优秀课件库：是指各级获奖的优秀成品课件。为学生在课件制作过程中从教学设计、素材制作效果、界面设计到媒体集成的设计和制作提供了方向标。

教学案例库：包括知识分块案例库和成品课件案例库，这部分案例包括案例的效果和以动画形式录制的制作过程演示。其中知识分块案例库是从Authorware软件的角度，根据知识点设计的案例。比如显示图标、等待图标、移动图标、各类交互案例等。成品课件案例库则是完整的课件，侧重训练学生的课件整体的设计能力，包括教学设计能力、界面设计能力、技术实现能力。

3 资源库集成平台设计

资源库的使用基于网络，因此，最终的资源库形式是一个网站平台。

3.1 网站前台功能模块

在图1所示的多媒体课件制作技能训练网络资源库内容模块的基础上，添加了师生交互模块、资源搜索模块和友情链接模块。如图2所示。

师生交互模块：

用于师生间进行留言、回复，便于师生间对技能实训中出现的问题进行实时沟通，提高技能实训的效率。

资源搜索模块：链接了百渡、谷歌等著名搜索引擎，以扩充网站的资源搜索能力。

友情链接模块：提供了课件制作相关的网站，以提高资源库的资源共享程度。

3.2 网站后台功能模块

网站后台管理包括系统管理、链接管理、基本管理、栏目管理、留言管理、用户管理、注销等7个模块。如图3所示。其中：

系统管理包括对数据库的备份和系统帮助功能。

链接管理包括同意链接、拒绝链接、链接修改功能。

基本管理包括基本设置、链接管理、密码修改、公告管理。

栏目管理用于管理文章和各资源库模块。

留言管理用于管理留言列表。

用户管理用管理普通用户和管理员。

4 实现工具与效果

1) 资源库网站开发工具

在充分考虑开发软件的通用性和安全性的基础上，我们选用以下开发工具：

(1) ASP：用于动态网页开发，如登录和注册模块、站内搜索等。

(2) Dreamweaver：用于静态页面的制作，并集成网站界面中的多媒体元素。

(3) Acess：用于管理后台数据。

2) 资源库效果

5 结论与展望

多媒体课件制作技能训练网络资源库通过对校内初等教育9个班一年的试用，学生在制作课件的积极性和对课件制作水平得到了提高，并且在2007年的浙江省迪光杯第六届多媒体设计竞赛中获得了课件类一个二等奖，一个三等奖的优异成绩。在一年的试用过程中，课件案例库的内容得到了扩充。该资源库将进一步在教案库方面进行学科的扩充，并从资源优化的角度在对素材库中的素材进行优化，以提高多媒体课件技能的训练质量。

参考文献：

[1] 李昕,张新兰.高校网络资源库建设与应用研究[J].中国科技信息,2007,5(3):50-51.

[2] 欧阳康,徐明.学校体育多媒体教学资源库研究与设计[J].电化教育研究,2003(4):63-66.

[3] 国家基础教育资源网[EB/OL]./.

[4] 刘珍芳.高校专业网络资源库建设探析[J].电化教育研究,2007(5):62-65.

多媒体网站设计开发范文第15篇

教育技术学的发展与信息技术的发展是紧密相连的。在信息技术高速发展、广泛应用的今天，教育技术学发展也十分迅速，这种发展可以从两方面看出：一方面，教育技术学的发展已深入到教育的各个层面和领域，引起了教育的深刻变革，给教育观念、教学方法和教学组织形式等方面带来了深远影响；另一方面，教育技术学专业自身也有了前所未有的发展，据“教育技术论坛”看，全国已有100多所各类高等院校有了教育技术学专业。如何使教育技术学走可持续发展的路子，很多专家、学者仁者见仁、智者见智。但教育技术学专业自身建设应该是教育技术学发展的基础和前提。同时，教育技术学又是一门理论与实践并重的学科。因此，作为教育技术学专业实践环节最重要的一环——实验室的建设是不可偏废的。

结合教育技术学专业(原电化教育专业)十多年来实验室建设的经验和教训，并考虑到多媒体、网络等信息技术对教育技术专业发展的影响和实际运用，提出了“网络平台+模块”的实验室建设思路，以期实现资源的共享，充分发挥实验室效益，在能够完成教学计划规定的实验任务的同时，尽可能为学生营造一个自主学习和充分建构知识的环境。

二、原有实验室建设模式存在的不足以及实现“网络平台+模块”的可行性

早期教育技术学专业(原电化教育专业)通常建有电声媒体、电视媒体、摄影和计算机类媒体等实验室，彼此分开，相对独立，各自承担相应课程的实验。这种建设模式的缺点是很难实现硬、软件资源的共享，其原因是：其一，传统硬件制式的不同带来制作的教学资源制式的不兼容或兼容性差；其二，承载信息的模拟载体与数字化的载体的不同，使得传统的设备制作的教学资源在计算机类媒体上完全没有办法处理；其三，不同实验室之间缺乏信息沟通的有效渠道。因此，要开设综合性实验、设计性实验和开放性实验课题有很大难度。

随着数字技术的发展，出现了大量的数字化的图像和视音频信号拾取设备，如数码相机、数字摄像机、扫描仪和数字录音机等，为计算机处理视音频教学资源提供了可能性；而图像、视音频压缩编码国际标准的颁布，如：ISO的静止图像压缩编码标准JPEG、数字声像存储压缩编码标准MPEG1、通用视频图像压缩编码标准MPEG2和低比特率音频与视频对象压缩编码标准MPEG4等等，使得直接数字化后数据量大得惊人的视音频数据大大压缩，这样一来，视音频的教学资源在计算机及其计算机网络中存储、处理和传输完全是可行的；加上网络技术也在不断的发展，网络带宽和传输速度也大有改善。因此，在当今的技术条件下，建构“网络平台+模块”的教育技术学专业实验室完全是可能的，通过实际工作证明，也完全是可行的，而且效果很好。

三、“网络平台+模块”的拓扑结构

“网络平台+模块”实际上是以快速以太局域网(FastEthernetLAN)为骨干的网络框架，将原来各自独立的不同实验室有机的结合成为一个既有分工又能实现资源共享的整体。

1.网络平台的构成及其功能

网络平台是一个由支持多媒体通信的FastEthernetLAN组成的骨干网，规模视各自专业学生情况而定，图中的方案是由两个各有30台工作站和一台服务器的教室局域网(实际上也是一个模块)通过TP-Link10/100Mbps自适应快速以太网交换机(TL-SF1012)连接而成，教室局域网内部是由两个16口或24口10/100Mbps自适应快速以太网交换机(TL-SF1016或TL-SF1024)组成的星型拓扑结构，当然也可以用集线器取代交换机，用交换机可扩充性好一些。如果实验室相对集中在同一个楼层或不同楼层但在5类双绞线容许的范围内，整个网络平台均可以采用5类双绞线作为连接介质。网络主干部分由于采用10/100Mbps自适应快速以太网交换机，其网络传输速率可以达到100Mbps吞吐量。

若是实验室分散在不同的建筑中或在同一建筑中超出了5类双绞线所容许的距离的情况下，可以使用光纤作为模块间的连接介质。这时考虑选用自适应快速以太网智能交换机来组网，如TP-Link的TL-SF2216C、TL-SF2108P，因为这类交换机除了有10/100Mbps自适应RJ-45端口外，还有内置100Mbps光纤模块接口。模块内部和模块间使用5类双绞线介质组网时，可以使用交换机的RJ-45端口；模块间使用光纤通信的可以使用交换机的内置100Mbps光纤模块接口。如果有大量的诸如视频点播(VOD)、声音点播(AOD)等多媒体数据业务，随着1000Mbps以太网交换机的商品化，也可以直接用其组网来满足VOD、AOD等多媒体大数据量业务的需要。

2.各个模块的构成及其功能

实验室系统一共有7个模块，各个模块是由一台或多台专业工作站和不同媒体的前端制作设备共同构成。7个模块分别是以教室局域网为核心的计算机类媒体实验室、电视媒体实验室、有线电视网络实验室、电声媒体实验室、摄影和光学媒体实验室、多媒体教室以及教师机房等。下面分别介绍其构成情况。

计算机类媒体实验室：实际上就是在网络平台部分介绍的教室局域网部分。这一部分可以自己根据各自实际情况自己组网，也可购买现成产品，如Hiclass、Newclass、Lanstar、Winschool、苦丁香多媒体电子教室等。系统所有工作站都是多媒体计算机，除了具有所有单机应具备的功能外，系统还具备网络教室的功能，诸如屏幕和影音广播、屏幕监看和语音监听、远端遥控、网上讨论、黑屏、语音对讲、电子举手、作业提交等功能。

电视媒体实验室：由前期制作和后期制作两部分构成。前期制作由演播室和编辑控制室以及外采系统构成，这里不详述。后期制作又有使用传统的线性制作系统和代表电视后期制作发展方向的非线性制作系统两种情况，而后一种情况中的非线性编辑网络系统应是对原电视实验室进行改造或是新建电视实验室后期制作的首选系统。例如大洋、新奥特等公司都有这种系统，其系统有一台服务器、一台有卡非线性编辑工作站、若干台无卡非线性编辑工作站和一台以太网交换机，使用双绞线作为通信介质。有卡和无卡工作站均支持双屏显示模式。系统使用MPEG2和MPEG4压缩标准，通过有卡工作站上载素材。既可单独上载MPEG2低压缩比的通用视频数据，也可同时镜像上载MPEG2低压缩比的通用视频数据和低比特率高压缩比的MPEG4视频流。低压缩比数据供有卡工作站直接使用，高压缩比视频流数据供无卡工作站编辑使用，这时无卡工作站必须通过网络共享有卡工作站的硬、软件资源(非线性编辑卡和视频数据)。也就是说该系统可以同时满足六套节目的制作或者是六组学生的实验。但由于网络资源的限制，无卡工作站的个数不可能很多，通常是“一拖五”的系统。

有线电视(CATV)网络实验室：很多学校的CATV系统都是早期建设的单一的系统，除了转播其它电视台节目外，通常播放一些教学节目和校园新闻。有了专业后，现在也可以作为学生见习和开设学生实验的实验室。将其与局域网络平台进行连接，有两种方案：第一种方案是在有线电视网络传输控制室配编采和播出工作站各一台。编采工作站配有专业视音频采集卡和刻录机，并通过网卡连到教室局域网交换机上。该工作站一方面可以接收来自CATV的电视教学资源，将其转换压缩成MPEG4流媒体直接送往教室局域网服务器的磁盘阵列上；另一方面可以将接收的电视教学资源转换成AVI、MPEG格式的数据文件刻录到光盘上作为资料保存或交流。该工作站一个不够的话可以有多个，多台工作站也可以通过交换机相连，然后再接入教室局域网交换机中。播出工作站配有专用的电视播出卡，直接与非线性编辑网的交换机相连，从网上接收来自电视媒体实验室制作的电视节目数据，然后向CATV系统中播出。这种方案投资少，不必对原系统进行大的改造，缺点是交互性差。第二种方案是将原单一系统改造成为“二网合一”的系统，但投资大，浪费也大，原有的很多设备用不上，优点是交互性好。若是现阶段建设该实验室的话，可以考虑第二方案，很多公司作这种方案。

电声媒体实验室：电声媒体实验室分前期制作、后期制作和声学实验三部分。前期主要是录音室及录音控制室部分，后期是合成制作部分。前、后制作的基本设备有录音话筒、调音台、录音机、功率放大器、音箱和监听耳机等。声学实验设备包括信号发生器、示波器、频率计、声级计和数字压限器等。如果从声音媒体制作角度来看，完全可以向数字化声音媒体制作发展，就象电视节目后期制作发展趋势一样。但考虑到投资以及原有设备的利用问题，同时又兼顾到满足多媒体教学资源制作的需要和学生实验的需要，在原有实验室基础上添加专业数字声音工作站。该工作站配有专业声卡(如创通SBLIVE白金版5.1)和随卡软件包，完全可以胜任电声媒体制作及其实验的需要。而通过工作站就将电声媒体实验室连上网络平台，制作的声音材料可以向教室局域网上，也可以传送至电视媒体实验室供电视后期制作用。

摄影和光学媒体实验室：目前看，传统方法的摄影实验和数字化的影像实验并存，但就教育技术学专业培养目标来看，数字化影像制作更适合我们。其原因有：其一，数字影像的制作无须在暗室中进行；其二，利用PotoShop6.0等专业图像处理软件处理图像可以获得传统办法下无法实现的效果；其三，这也是最重要的一点，数字影像便于存储和在网上的传输、交流。更大程度满足多媒体及网络教学资源开发的的需要。更何况在数字影像制作的基础上加上激光曝光输出机、数字影像胶片记录仪和打印机等设备，也可以获得传统的照片和光学投影片。因此，该实验室除了必要的布景、灯光外，再加上数码相机、扫描仪和影像工作站，以及激光曝光输出机或数字影像胶片记录仪和打印机等设备就行。影像工作站与教室局域网的交换机相连，便于向教室局域网数字影像。

至于教师机房和多媒体教室的构成基本上是通用设备，不赘述。之所以将其连上网，是因为有以下好处：第一，便于教师从Internet上获取教学材料；第二，教师上课时直接从网上传输教学材料而无须携带其它的存储介质；第三，学生实验时，教师可以将实验材料或实验要求直接到每一个学生工作站上；第四，学生可以直接在网上提交作业和实验报告；第五，教师能够很方便地从学生作业和实验报告中获得一手的以利于教学的材料。

四、实验室系统的总体效益

通过实践，该实验室系统的效益可以从以下三个方面体现出来：

首先，从教学计划规定的实验任务来看。例如，我校教育技术学专业现有专业基础课程、专业课程和专业选修课程共24门课程的实验，多达448课时，总共有182个实验课题。实验室在进行网络改造之前只能开出其中的113个实验课题，只占总实验课题数的62.1%，而且实验组数有限，通常是两人或三人共一组实验设备。将原有实验室进行网络改造后，学生实验开出率大大提高，现在能开出182个实验课题中的173个课题，占总课题数的95.5%。学生实验组数也大大增加，基本上能保障一人一组的实验。

上面的数据已清楚显示出了在完成教学计划规定的实验任务方面的效益，其原因有两个：其一，数字化技术、网络技术和软件技术的发展及其在该实验系统中的任用是效益得以明显改善的主要因素。譬如图像处理、特殊音效、视频特技、二维和三维动画等，过去由于缺乏昂贵的专门制作设备，实验无法开出。现在，在数字化技术条件下，这些实验完全可以在多媒体计算机上利用专业软件来完成，从而提高了实验的开出率。但我们应该注意，媒体的数字化必须在一些专门的工作站上完成，然后通过网络快速、有效的发往教室局域网的工作站上，供学生实验用。如电视节目的制作实验，过去只有两套线性编辑系统，要同时满足一个年级三个班共90多学生的实验实在是太难，后来有了非线性编辑网的六套设备，也还是捉襟见肘。然而，若使用非线性编辑网中的上载工作站，上载高压缩比的视频数据，然后用专门的广播拷贝软件将视频数据传输到教室局域网的所有工作站上，学生使用Premiere就可做电视节目的编辑实验。事实说明效果不错，该实验室系统现在除了满足本专业学生实验需要外，还能够承担文学院广播电视新闻专业学生的实验任务。其二，各课程任课教师和实验教师能了解本课程和实验教学改革的前沿信息，不拘泥于传统，敢于创新，能将现代信息技术的成果运用到课程和实验的教学之中。如“模拟电子技术基础”、“数字电子技术基础”两课程的实验教学改革就很能说明问题。过去由于没有自己的电子技术实验室，要到另一校区的物理系实验室做实验，很不方便，而且各自的培养目标要求不一样，难免出现这样或那样的问题。