《{广告传媒}最简易的多媒体网页设计》由会员分享，可在线阅读，更多相关《{广告传媒}最简易的多媒体网页设计（20页珍藏版）》请在金锄头文库上搜索。
1、多 媒 体 网 页 设 计,World Wide Web 的构成 HTTP协议就是超文本传输协议（Hypertext Transfer Protocol） HTML语言就是超文本标记语言（Hypertext Markup Language）,网页和站点的区别 一个单独的“*.htm”文件叫做网页，而一个单位，甚至一个个人的信息都需要几个，十几个，几十个甚至更多的超文本文件构成，这就构成了站点 建设一个站点，需要从一开始就明确站点的目标，规划站点的主要构成部分及各部分的功能和风格，接下来是具体各个部分的制作，最重要的是对完成的站点进行维护和排错以及更新.因此建设一个站点比制作一个网页需要更加专业
2、的知识,网站制作流程 收集信息 3周 设计草案 3-4天 制作设计手册 网站结构 页面结构 色彩 预算 制作页面 1周 调试 2周 发布 跟踪 半年,2周,网页的分类 普通网页 动画网页 表单网页 带语音上传的BBS网页 有程序运算功能的网页,以下介绍一些当前热门的多媒体网站制作技术。 MIDI音乐：是多媒体音乐最早的技术，文件大小平均在10KB20KB。 在线游戏与动画的制作 DIRECTOR 在线教学制作 AUTHORWARE FASH动画，基于矢量图形可交互的动画 WAV音频文件：也是多媒体最早的技术，缺点是文件通常在100KB以上，不过也有一些转换技巧可以将WAV文件转换为其他格式的文
3、件，从而减小文件的大小。 Quick Time电影文件：此格式以.mov为扩展名，最早由美国苹果电脑开发。 MPEG电影文件：以.mpg为扩展名，是美国电脑厂商开发的电影文件压缩技术。 AVI电影文件：Microsoft开发的动画文件，扩展名为.avi。以上三种电影文件格式缺点是文件较大，通常在100KB500KB以上。 GIF动画：是多媒体网页动画最早最简单的制作技巧，文件大小在20KB50KB左右。 JAVA动画制作：用JAVA小应用程序（Applet）可制作有动画效果的图形或网页。 ActiveX Control：Microsoft所开发的技术，能使网页具有特殊的功能或动画效果。 VBS
4、cript: Microsoft开发，基本而言是属于Visual Basic程序语言的一部分。 VRML 3D动画：也是当前最新开发出来的立体动画技术，如果你的浏览器安装了VRML文件播放程序，可直接下载VRML文件在浏览器内查看。,HTML语言介绍,HTML语言介绍,要查看网页内容，必须使用网页浏览器，浏览器的主要作用就是解释超文本文件中的语言，将单调乏味的文字显示为丰富多彩的内容。目前最为流行的浏览器有Microsoft Internet Explorer以及Netscape Communicator，我们建议您使用Microsoft Internet Explorer，它性能优秀，不仅有
5、中文版本，而且还是免费的，其最新版本为5.0。 同其他语言（例如C）编译产生执行文件的机制不同，利用HTML编写的网页是解释型的，也就是说，网页的效果是用浏览器打开网页时动态生成，而不是事先存储于网页中的。当用浏览器打开网页时，浏览器读取网页中HTML的代码，分析其语法结构，然后根据解释的结果显示网页内容，正是因为如此，网页显示的速度同网页代码的质量有很大的关系，保持精简和高效的HTML源代码是非常重要的。,网页色彩的搭配 无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。 关于色彩的原理有许多，在此我们
6、不可能一一阐述，大家可以看看相关设计书籍，有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。 1用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。 2用两种色彩。先选定一种色彩，然后选择它的对比色。 3用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。 在网页配色中，还要切记一些误区： 1不要将所有颜色都用到，尽量控制在三种色彩以内。 2背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。,色彩的运用在网
7、页中的作用真是太重要了，有些网页看上去十分典雅、有品位，令人赏心悦目，但是页面结构却很简单、图象也不复杂，这主要是色彩运用得当，因此我特地将本来属于图象制作内的色彩作为一个独立拦目来介绍。1、色彩基本概念自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色，而其他所有颜色均属于彩色。任何一种彩色具有三个属性：(1)色相(Hue)：也叫色泽，是颜色的基本特征，反映颜色的基本面貌。(2)饱和度(Saturation)：也叫纯度，指颜色的纯洁程度。(3)明度(Brightness或Lightness或Luminousity)：也叫亮度，体现颜色的深浅。非彩色只有明度特征，
8、没有色相和饱和度的区别。 2、色彩的三原色电脑屏幕的色彩是由RGB（红、绿、蓝）三种色光所合成的，而我们可通过调整这三个基色就可以调校出其它的颜色，在许多图像处理软件里，都有提供色彩调配功能，你可输入三基色的数值来调配颜色，也可直接根据软件提供的调色板来选择颜色。,3、电脑影像的色彩 电脑影像的色彩是经由位元（BIT）的计算和组合而来，单纯的黑白图像是最简单的色彩结构，在电脑上用到位元的资料，虽说只有黑色和白色，但仍能透过疏密的矩阵排列，将黑与白组合成近似视觉上的灰色调阶。灰阶（Grayscale）的影像共有256个阶调，看起来类似传统的黑白照片；除黑、白二色之外，尚有254种深浅的灰色，电脑
9、必须以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），
10、然后再找出最常用的256种颜色，定义出新的调色盘，最后再以新色盘的256色取代原图。,每一位元色包含多少种颜色： 1位 2种颜色 2位 4种颜色 4位 16种颜色 8位 256种颜色 16位 65536种颜色 24位 1677万种颜色 32位 1677万种颜色和256级灰度值 36位 687亿种颜色和4096级灰度值,通常所称的标准VGA显示模式是8位显示模式，即在该模式下能显示256种颜色；而高彩色（Hi Color）显示是16位显示模式，能显示65536种颜色，也称64K色；还有一种真彩色（True Color）显示模式是24位显示模式，能显示1677万种颜色，也称16M色，这是现在一般P
11、C机所能达到的最高颜色显示模式，在该模式下看到的真彩色图象的色彩已和高清晰度照片没什么差别了。在图形制作片中我们已提到过色彩在页面中的重要性，在页面中尽量使用看上去比较淡雅、简洁的色彩；比如背景尽量少用灰暗、深沉的色彩（除非特殊需要），并且根页面的主题来选择主色调，可能有一些不搞美术的朋友不知道色彩代表的含义，请参阅下表：红色：代表热情、奔放、喜悦、庆典黑色：代表严肃、夜晚、沉着；黄色：代表高贵、富有白色：代表纯洁、简单蓝色：代表天空、清爽绿色：代表植物、生命、生机灰色：代表阴暗、消极紫色：代表浪漫、爱情棕色：代表土地上面举出的是几种主要色彩的含义，希望对你有所帮助。,常见的web图像类型 J
12、PG/JPEG 有损压缩算法 文件较小 支持24位真彩色(16777216),在特别重视色彩的情况下使用. GIF 无损压缩算法 只支持8位彩色(256) 适合用于卡通或对颜色数目要求不高的图像. 在网络上流行是它支持动画;支持透明,有版本之分,GIF87A, GIF89A .只有后者支持动画和透明. PNG 非常灵活的图像格式 采用类似GIF的无损压缩算法 也支持JPG有损压缩算法 支持多种颜色数目 (8-16-24-32) 只有较高版本的浏览器支持 (IE4.0 Netscape4.0)以上支持。 （实例操作 图像格式的转换）,常见标志广告尺寸 468*60 完全标志 392*72 垂直导航条 234*60 一半标志 125*125 方形按钮 88*31 微型按钮 120*90 按钮 120*60 按钮 120*240 垂直标志,框架与Web页 创建框架页 添加元素及编辑框架特性 改变页滚动选项 设定框架的链接 设计兼容老版本浏览器的框架页站点,Flash授课大纲,FLASH文件的特点 基于矢量，文件小 ； 可交互；,Flash的应用,网页设计 网上广告 贺卡制作 MTV 影视广告 网络游戏 CD-ROM 教学演示产品,三、导入点阵图,点阵图与矢量图 外部素材的导入 打碎点阵图和点阵图的矢量化 点阵图属性的设置 点阵图的优化,
