网页设计图片、背景和颜色[精选].ppt

5.2.2 设置背景颜色 基本语法： 语法说明： - bgcolor的属性值为颜色的英文名、十六进制数或RGB值。 body bgcolor=“ 5.3 HTML颜色 RGB色彩模式 RGB色彩模式是工业界的一种颜色标准，是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的，RGB即是代表红、绿、蓝三个通道的颜色，这个标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。 5.3 HTML颜色 RGB色彩模式 RGB色彩模式是工业界的一种颜色标准，是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的，RGB即是代表红、绿、蓝三个通道的颜色，这个标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。 5.3 HTML颜色 RGB色彩模式 RGB色彩模式使用RGB模型为图像中每一个像素的RGB分量分配一个0~255范围内的强度值。RGB图像只使用三种颜色，就可以使它们按照不同的比例混合，在屏幕上重颜色。 5.3 HTML颜色 RGB色彩原理 RGB是从颜色发光的原理来设计定的，通俗点说它的颜色混合方式就好像有红、绿、蓝三盏灯，当它们的光相互叠合的时候，色彩相混，而亮度却等于两者亮度之总和，越混合亮度越高，即加法混合。 　有色光可被无色光冲淡并变亮。如蓝色光与白光相遇，结果是产生更加明亮的浅蓝色光。知道它的混合原理后，在软件中设定颜色就容易理解了。　 　　红、绿、蓝三盏灯的叠加情况，中心三色最亮的叠加区为白色，加法混合的特点：越叠加越明亮。 5.3 HTML颜色 RGB色彩原理 红、绿、蓝三个颜色通道每种色各分为255阶亮度，在0时“灯”最弱——是关掉的，而在255时“灯”最亮。当三色数值相同时为无色彩的灰度色，而三色都为255时为最亮的白色，都为0时为黑色。　 　 RGB 颜色称为加成色，因为您通过将 R、G 和 B 添加在一起（即所有光线反射回眼睛）可产生白色。绝大多数可视光谱都可表示为红、绿、蓝 (RGB) 三色光在不同比例和强度上的混合。这些颜色若发生重叠，则产生青、洋红和黄。 5.3 HTML颜色 RGB常用颜色表 5.3 HTML颜色 RGB常用颜色表 5.3 HTML颜色 下面以绿色为例来说明具体的颜色表示： ? #00FF00是十六进制的RGB值，表示绿色。这是最常用的一种RGB值表示方式。 #0F0是十六进制RGB值的缩写，表示绿色。在十六进制的RGB值中，只有有同样的数字重复出现，就可以省略其中一个不写。 RGB(0, 255 ， 0）是RGB函数值，表示绿色。常用在一些动态颜色效果的网页中，这里的RGB函数取值范围为0~255。 5.3 HTML颜色 下面以绿色为例来说明具体的颜色表示： RGB(0%，100%,0%）也是RGB函数值，表示绿色。但这里的RGB函数取值范围为0%~100%。 RGB函数取值如果超出了指定的范围，浏览器就会自动读取最接近的数值来使用。例如，如果设置了“101%”，则浏览器会自动读取“100%”。如果设置了“-2”，则浏览器会自动读取“0”。 5.4 小结 本章主要介绍了如何在网页中添加图片、背景及如何设置颜色。图片作为网页中必需的元素，其灵活的应用会给网页增添不少特效，图片的直观、明了、绚丽和美观都是文字无法替代的。同时图片的选用也是很重要的，选用时除了考虑图片的格式外，还要注意图片的颜色搭配及大小。 Company name 网页设计与开发 第5章 图片、背景和颜色 清华大学出版社 主要内容 5.1 图片的使用 5.2 背景 5.3 HTML颜色 5.4 小结 5.1图片 5.1.1 插入图片标记IMG 网页中常用的图片格式为GIF、JPEG和PNG。 高质量的图片一般用TIFF格式保存，但其图片体积过大，不太适合网络传输。 不同的图片格式会表现出不同的颜色分辨率和颜色标准，当然也会影响其体积的大小。 一般在网页设计中选择的图片不要超过8KB，如必须选用较大图片时，可先将其分成若干小图片，显示时再通过表格将这些小图片拼合起来。 如果在同一文件中多次使用相同的图片时，最好使用相对路径查找该图片。 在HTML文档中，显示图片所用的标记是img。 5.1.1 插入图片标记IMG 基本语法： img src=”url” 5.1.1 插入图片标记IMG