最简易的多媒体网设计

多媒体网页设计

WorldWideWeb的构成HTTP协议就是超文本传输协议（HypertextTransferProtocol）HTML语言就是超文本标记语言（HypertextMarkupLanguage）网页和站点的区别一个单独的“*.htm”文件叫做网页，而一个单位，甚至一个个人的信息都需要几个，十几个，几十个甚至更多的超文本文件构成，这就构成了站点建设一个站点，需要从一开始就明确站点的目标，规划站点的主要构成部分及各部分的功能和风格，接下来是具体各个部分的制作，最重要的是对完成的站点进行维护和排错以及更新.因此建设一个站点比制作一个网页需要更加专业的知识网站制作流程收集信息3周设计草案3-4天制作设计手册

网站结构

页面结构

色彩

预算制作页面1周调试2周发布跟踪半年2周网页的分类普通网页动画网页表单网页带语音上传的BBS网页有程序运算功能的网页以下介绍一些当前热门的多媒体网站制作技术。

MIDI音乐：是多媒体音乐最早的技术，文件大小平均在10KB～20KB。在线游戏与动画的制作DIRECTOR在线教学制作AUTHORWAREFASH动画，基于矢量图形可交互的动画WAV音频文件：也是多媒体最早的技术，缺点是文件通常在100KB以上，不过也有一些转换技巧可以将WAV文件转换为其他格式的文件，从而减小文件的大小。QuickTime电影文件：此格式以″.mov″为扩展名，最早由美国苹果电脑开发。MPEG电影文件：以″.mpg″为扩展名，是美国电脑厂商开发的电影文件压缩技术。AVI电影文件：Microsoft开发的动画文件，扩展名为″.avi″。以上三种电影文件格式缺点是文件较大，通常在100KB～500KB以上。GIF动画：是多媒体网页动画最早最简单的制作技巧，文件大小在20KB～50KB左右。JAVA动画制作：用JAVA小应用程序（Applet）可制作有动画效果的图形或网页。ActiveXControl：Microsoft所开发的技术，能使网页具有特殊的功能或动画效果。VBScript:Microsoft开发，基本而言是属于VisualBasic程序语言的一部分。VRML3D动画：也是当前最新开发出来的立体动画技术，如果你的浏览器安装了VRML文件播放程序，可直接下载VRML文件在浏览器内查看。HTML语言介绍HTML语言介绍要查看网页内容，必须使用网页浏览器，浏览器的主要作用就是解释超文本文件中的语言，将单调乏味的文字显示为丰富多彩的内容。目前最为流行的浏览器有MicrosoftInternetExplorer以及NetscapeCommunicator，我们建议您使用MicrosoftInternetExplorer，它性能优秀，不仅有中文版本，而且还是免费的，其最新版本为5.0。同其他语言（例如C）编译产生执行文件的机制不同，利用HTML编写的网页是解释型的，也就是说，网页的效果是用浏览器打开网页时动态生成，而不是事先存储于网页中的。当用浏览器打开网页时，浏览器读取网页中HTML的代码，分析其语法结构，然后根据解释的结果显示网页内容，正是因为如此，网页显示的速度同网页代码的质量有很大的关系，保持精简和高效的HTML源代码是非常重要的。

网页色彩的搭配

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。

关于色彩的原理有许多，在此我们不可能一一阐述，大家可以看看相关设计书籍，有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。

1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。

2．用两种色彩。先选定一种色彩，然后选择它的对比色。

3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区：

1．不要将所有颜色都用到，尽量控制在三种色彩以内。

2．背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。色彩的运用在网页中的作用真是太重要了，有些网页看上去十分典雅、有品位，令人

赏心悦目，但是页面结构却很简单、图象也不复杂，这主要是色彩运用得当，因此我特地

将本来属于图象制作内的色彩作为一个独立拦目来介绍。

1、色彩基本概念

自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一

的灰色，而其他所有颜色均属于彩色。任何一种彩色具有三个属性：

(1)色相(Hue)：

也叫色泽，是颜色的基本特征，反映颜色的基本面貌。

(2)饱和度(Saturation)：

也叫纯度，指颜色的纯洁程度。

(3)明度(Brightness或Lightness或Luminousity)：

也叫亮度，体现颜色的深浅。

非彩色只有明度特征，没有色相和饱和度的区别。

2、色彩的三原色

电脑屏幕的色彩是由RGB（红、绿、蓝）三种色光所合成的，而我们可通过调整这三

个基色就可以调校出其它的颜色，在许多图像处理软件里，都有提供色彩调配功能，你可

输入三基色的数值来调配颜色，也可直接根据软件提供的调色板来选择颜色。3、电脑影像像的色彩电脑影像的色色彩是经由位位元（BIT）的计算和和组合而来，，单纯的黑白白图像是最简简单的

色彩彩结构，在电电脑上用到１１位元的资料料，虽说只有有黑色和白色色，但仍能透透过疏密的矩矩阵排

列，，将黑与白组组合成近似视视觉上的灰色色调阶。灰灰阶（Grayscale）的影像共有有256个阶阶调，看起来来类似传统的的黑白照片；；除黑、白二二

色之外，，尚有254种深浅的灰灰色，电脑必必须以8位元元的资料，显显示这256种阶调。全全彩彩（Fullcolor）是指RGB三色光所能能显示的所有有颜色，每一一色光以8位位元表示，各各有

256种阶调，三三色光交互增增减，就能显显示24BIT的1677万色（256*256*256=16,777，216），这这个数值就是是电脑所能表表示的最高色色彩，也就是是通称的RGBTureColor。8位元色是指指具有256种阶调，或或256种色色彩的影像，，而我们在常常常见到GIF格式的图图

象文件就就是带有256种色彩的的图象文件。。若要把24位元的全彩彩图片转成256色的8位元，通常常必须经过过索引的步骤骤（Indexed），，也就是在原原本24位元元的1677万色中，先先建立颜色分分

布表（histogram），，然后再找出出最常用的256种颜色色，定义出新新的调色盘，，最后再以新新色

盘的256色取代代原图。每一一位位元元色色包包含含多多少少种种颜颜色色：：1位位2种种颜颜色色2位位4种种颜颜色色4位位16种种颜颜色色8位位256种种颜颜色色16位位65536种种颜颜色色24位位1677万万种种颜颜色色32位位1677万万种种颜颜色色和和256级级灰灰度度值值36位位687亿亿种种颜颜色色和和4096级级灰灰度度值值通常常所所称称的的标标准准VGA显显示示模模式式是是8位位显显示示模模式式，，即即在在该该模模式式下下能能显显示示256种种颜颜色色；；而而高高彩彩色色（（HiColor））显显示示是是16位位显显示示模模式式，，能能显显示示65536种种颜颜色色，，也也称称64K色色；；还还有有一一种种真真彩彩色色（（TrueColor））显显示示模模式式是是24位位显显示示模模式式，，能能显显示示1677万万种种颜颜色色，，也也称称16M色色，，这这是是现现在在一一般般PC机机所所能能达达到到的的最最高高颜颜色色显显示示模模式式，，在在该该模模式式下下看看到到的的真真彩彩色色图图象象的的色色彩彩已已和和高高清清晰晰度度照照片片没没什什么么差差别别了了。。在在图图形形制制作作片片中中我我们们已已提提到到过过色色彩彩在在页页面面中中的的重重要要性性，，在在页页面面中中尽尽量量使使用用看看上上去去比比较较淡淡雅雅、、简简洁洁的的色色彩彩；；比比如如背背景景尽尽量量少少用用灰灰暗暗、、深深沉沉的的色色彩彩（（除除非非特特殊殊需需要要）），，并并且且根根页页面面的的主主题题来来选选择择主主色色调调，，可可能能有有一一些些不不搞搞美美术术的的朋朋友友不不知知道道色色彩彩代代表表的的含含义义，，请请参参阅阅下下表表：：红红色色：：代代表表热热情情、、奔奔放放、、喜喜悦悦、、庆庆典典黑黑色色：：代代表表严严肃肃、、夜夜晚晚、、沉沉着着；；黄黄色色：：代代表表高高贵贵、、富富有有白白色色：：代代表表纯纯洁洁、、简简单单蓝蓝色色：：代代表表天天空空、、清清爽爽绿绿色色：：代代表表植植物物、、生生命命、、生生机机灰灰色色：：代代表表阴阴暗暗、、消消极极紫紫色色：：代代表表浪浪漫漫、、爱爱情情棕棕色色：：代代表表土土地地上上面面举举出出的的是是几几种种主主要要色色彩彩的的含含义义，，希希望望对对你你有有所所帮帮助助。。常见见的的web图图像像类类型型JPG/JPEG有损损压压缩缩算算法法文文件件较较小小支支持持24位位真真彩彩色色(16777216),在在特特别别重重视视色色彩彩的的情情况况下下使使用用.GIF无损损压压缩缩算算法法只只支支持持8位位彩彩色色(256)适适合合用用于于卡卡通通或或对对颜颜色色数数目目要要求求不不高高的的图图像像.在在网网络络上上流流行行是是它它支支持持动动画画;支支持持透透明明,有有版版本本之之分分,GIF87A,GIF89A.只只有有后后者者支支持持动动画画和和透透明明.PNG非常常灵灵活活的的图图像像格格式式采采用用类类似似GIF的的无无损损压压缩缩算算法法也也支支持持JPG有有损损压压缩缩算算法法支支持持多多种种颜颜色色数数目目(8-16-24-32)只有有较较高高版版本本的的浏浏览览器器支支持持(IE4.0Netscape4.0)以以上上支支持持。。（（实实例例操操作作图图像像格格式式的的转转换换））常见见标标志志广广告告尺尺寸寸468*60完完全全标标志志392*72垂垂直直导导航航条条234*60一一半半标标志志125*125方方形形按按钮钮88*31微微型型按按钮钮120*90按按钮钮120*60按按钮钮120*240垂垂直直标标志志框架架与与Web页页创建建框框架架页页添加加元元素素及及编编辑辑框框架架特特性性改变变页页滚滚动动选选项项设定定框框架架的的链链接接设计计兼兼容容老老版版本本浏浏览览器器的的框框架架页页站站点点Flash授授课课大大纲纲FLASH文文件件的的特特点点基于于矢矢量量，，文文件件小小；；可交交互互；；Flash的的应应用用网页页设设计计网上上广广告告贺卡卡制制作作MTV影视视广广告告网络络游游戏戏CD-ROM教学学演演示示产产品品三、、导导入入点点阵阵图图点阵阵图图与与矢矢量量图图外部部素素材材的的导导入入打碎碎点点阵阵图图和和点点阵阵图图的的矢矢量量化化点阵阵图图属属性性的的设设置置点阵阵图图的的优优化化9、静夜四无邻邻，荒居旧业业贫。。1月-231月-23Friday,January6,202310、雨中黄叶树树，灯下白头头人。。16:47:0516:47:0516:471/6/20234:47:05PM11、以以我我独独沈沈久久，，愧愧君君相相见见频频。。。。1月月-2316:47:0516:47Jan-2306-Jan-2312、故人江江海别，，几度隔隔山川。。。16:47:0516:47:0516:47Friday,January6,202313、乍见翻疑疑梦，相悲悲各问年。。。1月-231月-2316:47:0616:47:06January6,202314、他乡乡生白白发，，旧国国见青青山。。。06一一月月20234:47:06下下午16:47:061月-2315、比不不了得得就不不比，，得不不到的的就不不要。。。。一月234:47下下午午1月-2316:47January6,202316、行动出出成果，，工作出出财富。。。2023/1/616:47:0616:47:0606January202317、做做前前，，能能够够环环视视四四周周；；做做时时，，你你只只能能或或者者最最好好沿沿着着以以脚脚为为起起点点的的射射线线向向前前。。。。4:47:06下下午午4:47下下午午16:47:061月月-239、没有失败，，只有暂时停停止成功！。。1月-231月-23Friday,January6,202310、很多事事情努力力了未必必有结果果，但是是不努力力却什么么改变也也没有。。。16:47:0616:47:0616:471/6/20234:47:06PM11、成功功就是是日复复一日日那一一点点点小小小努力力的积积累。。。1月-2316:47:0616:47Jan-2306-Jan-2312、世世间间成成事事，，不不求求其其绝绝对对圆圆满满，，留留一一份份不不足足，，可可得得无无限限完完美美。。。。16:47:0616:47:0616:47Friday,January6,202313、不不知知香香积积寺寺，，数数里里入入云云峰峰。。。。1月月-231月月-2316:47:0616:47:06January6,202314、意志坚强的的人能把世界界放在手中像像泥块一样任任意揉捏。06一月20234:47:06下午16:47:061月-2315、楚塞三三湘接，，荆门九九派通。。。。一月234:47下午午1月-2316:47January6,202316、少年十十五二十十时，步步行夺得得胡马骑骑。。2023/1/616:47:0616:47:0606January202317、空山山新雨雨后，，天气气晚来来秋。。。4:47:06下下午4:47下下午午16:47:061月-239、杨柳散散和风，，青山澹澹吾虑。。。1月-231月