最简易的多媒体网页设计
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
色彩
预算
4. 制作页面 5. 调试 6. 发布 7. 跟踪
3周 3-4天
2周
1周 2周 半年
网页的分类
▪ 普通网页 ▪ 动画网页 ▪ 表单网页 ▪ 带语音上传的BBS网页 ▪ 有程序运算功能的网页
以下介绍一些当前热门的多媒体网站制作技术。 1. MIDI音乐：是多媒体音乐最早的技术，文件大小平均在10KB～20KB。 2. 在线游戏与动画的制作 DIRECTOR 3. 在线教学制作 AUTHORWARE 4. FASH动画，基于矢量图形可交互的动画 5. WAV音频文件：也是多媒体最早的技术，缺点是文件通常在100KB以上，不过也有
▪ 同其他语言（例如C）编译产生执行文件的机制不同，利 用HTML编写的网页是解释型的，也就是说，网页的效果 是用浏览器打开网页时动态生成，而不是事先存储于网页 中的。当用浏览器打开网页时，浏览器读取网页中HTML 的代码，分析其语法结构，然后根据解释的结果显示网页 内容，正是因为如此，网页显示的速度同网页代码的质量 有很大的关系，保持精简和高效的HTML源代码是非常重 要的。
色彩的运用在网页中的作用真是太重要了，有些网页看上去十分典雅、有品 位，令人
赏心悦目，但是页面结构却很简单、图象也不复杂，这主要是色彩运用得当， 因此我特地 将本来属于图象制作内的色彩作为一个独立拦目来介绍。
1、色彩基本概念
自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各 种深浅不一 的灰色，而其他所有颜色均属于彩色。任何一种彩色具有三个属性： (1)色相(Hue)：
3、电脑影像的色彩 电脑影像的色彩是经由位元（BIT）的计算和组合而来，单纯的黑白图
像是最简单的 色彩结构，在电脑上用到１位元的资料，虽说只有黑色和白色，但仍能透 过疏密的矩阵排 列，将黑与白组合成近似视觉上的灰色调阶。
灰阶（Grayscale）的影像共有256个阶调，看起来类似传统的黑白照片； 除黑、白二 色之外，尚有254种深浅的灰色，电脑必须以8位元的资料，显示这256种阶 调。
1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者 饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于 网页。这样的页面看起来色彩统一，有层次感。
2．用两种色彩。先选定一种色彩，然后选择它的对比色。 3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡 黄，淡绿；或者土黄，土灰，土蓝。 在网页配色中，还要切记一些误区： 1．不要将所有颜色都用到，尽量控制在三种色彩以内。 2．背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作 背景)，以便突出主要文字内容。
网页色彩的搭配
无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我 们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图 片，而是网页的色彩。
关于色彩的原理有许多，在此我们不可能一一阐述，大家可以看 看相关设计书籍，有利于系统地理解。在此我们仅仅想告诉大家一些网 页配色时的小技巧。
一些转换技巧可以将WAV文件转换为其他格式的文件，从而减小文件的大小。 6. Quick Time电影文件：此格式以″.mov″为扩展名，最早由美国苹果电脑开发。 7. MPEG电影文件：以″.mpg″为扩展名，是美国电脑厂商开发的电影文件压缩技术
。 8Fra Baidu bibliotek AVI电影文件：Microsoft开发的动画文件，扩展名为″.avi″。以上三种电影文
▪ 建设一个站点，需要从一开始就明确站点的目标， 规划站点的主要构成部分及各部分的功能和风格， 接下来是具体各个部分的制作，最重要的是对完 成的站点进行维护和排错以及更新.因此建设一 个站点比制作一个网页需要更加专业的知识
网站制作流程
1. 收集信息 2. 设计草案 3. 制作设计手册
网站结构
页面结构
果。 12. VBScript: Microsoft开发，基本而言是属于Visual Basic程序语言的一部分。 13. VRML 3D动画：也是当前最新开发出来的立体动画技术，如果你的浏览器安装了
VRML文件播放程序，可直接下载VRML文件在浏览器内查看。
HTML语言介绍
HTML语言介绍
▪ 要查看网页内容，必须使用网页浏览器，浏览器的主要作 用就是解释超文本文件中的语言，将单调乏味的文字显示 为丰富多彩的内容。目前最为流行的浏览器有Microsoft Internet Explorer以及Netscape Communicator，我们建 议您使用Microsoft Internet Explorer，它性能优秀，不仅 有中文版本，而且还是免费的，其最新版本为5.0。
也叫色泽，是颜色的基本特征，反映颜色的基本面貌。 (2)饱和度(Saturation)：
也叫纯度，指颜色的纯洁程度。 (3)明度(Brightness或Lightness或Luminousity)：
也叫亮度，体现颜色的深浅。 非彩色只有明度特征，没有色相和饱和度的区别。 2、色彩的三原色 电脑屏幕的色彩是由RGB（红、绿、蓝）三种色光所合成的，而我们可通过 调整这三 个基色就可以调校出其它的颜色，在许多图像处理软件里，都有提供色彩调配 功能，你可 输入三基色的数值来调配颜色，也可直接根据软件提供的调色板来选择颜色。
件格式缺点是文件较大，通常在100KB～500KB以上。 9. GIF动画：是多媒体网页动画最早最简单的制作技巧，文件大小在20KB～50KB左右
。 10. JAVA动画制作：用JAVA小应用程序（Applet）可制作有动画效果的图形或网页。 11. ActiveX Control：Microsoft所开发的技术，能使网页具有特殊的功能或动画效
多媒体网页设计
World Wide Web 的构成
▪ HTTP协议就是超文本传输协议 （Hypertext Transfer Protocol）
▪ HTML语言就是超文本标记语言 （Hypertext Markup Language）
网页和站点的区别
▪ 一个单独的“*.htm”文件叫做网页，而一个单 位，甚至一个个人的信息都需要几个，十几个， 几十个甚至更多的超文本文件构成，这就构成了 站点
预算
4. 制作页面 5. 调试 6. 发布 7. 跟踪
3周 3-4天
2周
1周 2周 半年
网页的分类
▪ 普通网页 ▪ 动画网页 ▪ 表单网页 ▪ 带语音上传的BBS网页 ▪ 有程序运算功能的网页
以下介绍一些当前热门的多媒体网站制作技术。 1. MIDI音乐：是多媒体音乐最早的技术，文件大小平均在10KB～20KB。 2. 在线游戏与动画的制作 DIRECTOR 3. 在线教学制作 AUTHORWARE 4. FASH动画，基于矢量图形可交互的动画 5. WAV音频文件：也是多媒体最早的技术，缺点是文件通常在100KB以上，不过也有
▪ 同其他语言（例如C）编译产生执行文件的机制不同，利 用HTML编写的网页是解释型的，也就是说，网页的效果 是用浏览器打开网页时动态生成，而不是事先存储于网页 中的。当用浏览器打开网页时，浏览器读取网页中HTML 的代码，分析其语法结构，然后根据解释的结果显示网页 内容，正是因为如此，网页显示的速度同网页代码的质量 有很大的关系，保持精简和高效的HTML源代码是非常重 要的。
色彩的运用在网页中的作用真是太重要了，有些网页看上去十分典雅、有品 位，令人
赏心悦目，但是页面结构却很简单、图象也不复杂，这主要是色彩运用得当， 因此我特地 将本来属于图象制作内的色彩作为一个独立拦目来介绍。
1、色彩基本概念
自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各 种深浅不一 的灰色，而其他所有颜色均属于彩色。任何一种彩色具有三个属性： (1)色相(Hue)：
3、电脑影像的色彩 电脑影像的色彩是经由位元（BIT）的计算和组合而来，单纯的黑白图
像是最简单的 色彩结构，在电脑上用到１位元的资料，虽说只有黑色和白色，但仍能透 过疏密的矩阵排 列，将黑与白组合成近似视觉上的灰色调阶。
灰阶（Grayscale）的影像共有256个阶调，看起来类似传统的黑白照片； 除黑、白二 色之外，尚有254种深浅的灰色，电脑必须以8位元的资料，显示这256种阶 调。
1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者 饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于 网页。这样的页面看起来色彩统一，有层次感。
2．用两种色彩。先选定一种色彩，然后选择它的对比色。 3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡 黄，淡绿；或者土黄，土灰，土蓝。 在网页配色中，还要切记一些误区： 1．不要将所有颜色都用到，尽量控制在三种色彩以内。 2．背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作 背景)，以便突出主要文字内容。
网页色彩的搭配
无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我 们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图 片，而是网页的色彩。
关于色彩的原理有许多，在此我们不可能一一阐述，大家可以看 看相关设计书籍，有利于系统地理解。在此我们仅仅想告诉大家一些网 页配色时的小技巧。
一些转换技巧可以将WAV文件转换为其他格式的文件，从而减小文件的大小。 6. Quick Time电影文件：此格式以″.mov″为扩展名，最早由美国苹果电脑开发。 7. MPEG电影文件：以″.mpg″为扩展名，是美国电脑厂商开发的电影文件压缩技术
。 8Fra Baidu bibliotek AVI电影文件：Microsoft开发的动画文件，扩展名为″.avi″。以上三种电影文
▪ 建设一个站点，需要从一开始就明确站点的目标， 规划站点的主要构成部分及各部分的功能和风格， 接下来是具体各个部分的制作，最重要的是对完 成的站点进行维护和排错以及更新.因此建设一 个站点比制作一个网页需要更加专业的知识
网站制作流程
1. 收集信息 2. 设计草案 3. 制作设计手册
网站结构
页面结构
果。 12. VBScript: Microsoft开发，基本而言是属于Visual Basic程序语言的一部分。 13. VRML 3D动画：也是当前最新开发出来的立体动画技术，如果你的浏览器安装了
VRML文件播放程序，可直接下载VRML文件在浏览器内查看。
HTML语言介绍
HTML语言介绍
▪ 要查看网页内容，必须使用网页浏览器，浏览器的主要作 用就是解释超文本文件中的语言，将单调乏味的文字显示 为丰富多彩的内容。目前最为流行的浏览器有Microsoft Internet Explorer以及Netscape Communicator，我们建 议您使用Microsoft Internet Explorer，它性能优秀，不仅 有中文版本，而且还是免费的，其最新版本为5.0。
也叫色泽，是颜色的基本特征，反映颜色的基本面貌。 (2)饱和度(Saturation)：
也叫纯度，指颜色的纯洁程度。 (3)明度(Brightness或Lightness或Luminousity)：
也叫亮度，体现颜色的深浅。 非彩色只有明度特征，没有色相和饱和度的区别。 2、色彩的三原色 电脑屏幕的色彩是由RGB（红、绿、蓝）三种色光所合成的，而我们可通过 调整这三 个基色就可以调校出其它的颜色，在许多图像处理软件里，都有提供色彩调配 功能，你可 输入三基色的数值来调配颜色，也可直接根据软件提供的调色板来选择颜色。
件格式缺点是文件较大，通常在100KB～500KB以上。 9. GIF动画：是多媒体网页动画最早最简单的制作技巧，文件大小在20KB～50KB左右
。 10. JAVA动画制作：用JAVA小应用程序（Applet）可制作有动画效果的图形或网页。 11. ActiveX Control：Microsoft所开发的技术，能使网页具有特殊的功能或动画效
多媒体网页设计
World Wide Web 的构成
▪ HTTP协议就是超文本传输协议 （Hypertext Transfer Protocol）
▪ HTML语言就是超文本标记语言 （Hypertext Markup Language）
网页和站点的区别
▪ 一个单独的“*.htm”文件叫做网页，而一个单 位，甚至一个个人的信息都需要几个，十几个， 几十个甚至更多的超文本文件构成，这就构成了 站点