网页的设计与制作技术 (七).pptVIP

主讲教师 ：徐颖 主讲教师 ：徐颖 主讲教师 ：徐颖 主讲教师 ：徐颖 主讲教师 ：徐颖 主讲教师 ：徐颖 主讲教师 ：徐颖 主讲教师 ：徐颖 主讲教师 ：徐颖 主讲教师 ：徐颖 主讲教师 ：徐颖 主讲教师 ：徐颖 主讲教师 ：徐颖 网页设计与制作技术（七） —— CSS 设计彻底研究 主讲教师：徐颖 * 图像的设置 文字与图像的混排 动画、影像和声音的使用 本章目录 * 主讲教师 ：徐颖 在网页中是以RGB方式来表示颜色的，RGB颜色包括几百万种之多，这么多的颜色却有一个共同点，都是由红、绿、蓝这三种基色调混和而成的，RGB其实就是Red、Green、Blue的缩写。 这三种基色中每一种颜色的饱和度和透明度都是可以变化的，用0（表示最弱）~255（表示最强）的数值来表示。例如纯红色表示为：Red 50%、Green 0%、Blue 0%，简单的表示法为（255，0，0），用十六进制数来表示的话就变成了“FF0000”。 网页中的颜色 * 主讲教师 ：徐颖 一个页面中切忌采用过多的颜色，否则会给人一种繁杂的感觉，也烘托不了网页的主题，因此一种风格的网页选用颜色一般不要超过三四种。 背景的颜色不要太深，显得过于厚重，因为这样会影响整个页面的显示效果。但也有例外，黑色的背景衬托出亮丽的文本和图像，会给人一种另类的感觉。 要保持整个网页的色调统一。 要围绕网页的主题选择颜色，色彩要能烘托出主题。 在网页中运用色彩一般应遵循下列几个原则: * 主讲教师 ：徐颖 GIF格式 GIF格式（Graphics Interchange Format 图像交换格式）采用无损压缩（所谓无损压缩是指在压缩过程中图像的质量不会丢失）算法进行图像的压缩处理，是目前在网页设计中使用最普遍、最广泛的一种图像格式。 GIF格式可以高度压缩图像; GIF格式支持图像游离在背景之上的视觉效果; GIF格式的图像可以被交错下载;可以将很多幅图像结合在一个GIF文件中。 图像格式 * 主讲教师 ：徐颖 JPEG格式 JPEG格式（Joint Photo Expert Graphics，联合图形专家组图片格式）是另一种在Web上应用广泛的图像格式。由于它支持的颜色数几乎没有限制，因此适用于使用真彩色或平滑过渡色的照片和图片。与GIF格式采用无损压缩不同，JPEG格式使用有损压缩来减小图片文件的大小，因此用户将看到随着文件的减小，图片的质量也降低了。 * 主讲教师 ：徐颖 支持24位图像，能够很好地表现照片等全彩色的图像； 可以生成类似GIF格式的交错关联图像——渐变JPEG； 可以制作透明JPEG图像。 JPEG格式图像的优点： * 主讲教师 ：徐颖 有损压缩使之不适合表达高清晰度的图像： 最高只能以256色显示的用户，可能无法观看JPEG图像； 当图像中包含fine字体时应避免用JPEG格式，在该字体与纯颜色重叠的地方，JPEG压缩作品看上去只是一种外观近似。 采用JPEG格式对图像进行压缩后，不能再重新打开图像。 JPEG格式不支持透明色，也没有动画的概念。 JPEG格式图像的缺点： * 主讲教师 ：徐颖 PNG格式 PNG格式（Portable Networks Graphics，可移植的网络图形格式）是近年来新出现的一种图像格式，它适于任何类型、任何颜色深度的图片。该格式用无损压缩来减小图片文件的大小，同时保留图片中的透明区域。此外，该格式是仅有的几种支持透明度概念的图片格式之一（透明GIF的透明度只能是50%，但PNG格式可以是0% ~50%）。 * 主讲教师 ：徐颖 在Web页上显示图片之前，通常需要考虑下列三个问题： 确保文件较小； 使图像具有所需的像素大小 采用正确的格式进行优化处理 控制图像的数量和质量； 合理使用动画。 使用网页图像的要点 * 主讲教师 ：徐颖 插入图像 图像属性参数 改变图像尺寸 调整图像相对位置 编辑图像 网页中插入图像 * 主讲教师 ：徐颖 要求下载图片，在网页中插入 对图片的属性窗口分别进行各个功能的设定练习。 练习 * 主讲教师 ：徐颖 图