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