网页设计基础必备知识

互联网的迅速发展，使人们正在进入一个的信息化社会。作为互联网的主要组成部分，各类网站得到了广泛的应用。企业、公司和机构可通过网站宣传自己的技术和产品，个人可通过网页展示自己的风采，大众可从不同的网站获取所需的信息。网页是网站的主要组成部分，网页设计与制作也越来越受到关注，可以说，网页设计与制作技术已逐渐成为信息时代必备的技能之一。为适应社会的需求，目前，网页设计与制作已经成为各类院校计算机专业
及越来越多的非计算机专业学生必须掌握的基本技能之一。
知识准备 

一、网页图片基础知识
Photoshop CS5是Adobe公司2010年推出的新版本，其操作窗口如图1-1所示。它是设计、制作、美化和维护网站过程中不可或缺的工具。它主要用于处理图片文件，为用户提供了非常丰富和便捷的图形图像处理功能，使用户不用动笔，只通过操作计算机就能制作出色彩丰富、样式多变的网页图片，因此深受广大网页设计领域的从业人员和爱好者的青睐。 Photoshop CS5操作窗口 在学习使用Photoshop CS5软件处理图形图像之前，先要了解一下有关图形图像的知识。

1.矢量图和位图 

根据图片文件各自特点的不同，可将其分为矢量图和位图。用Photoshop只能制作或处理位图，在Flash中可以处理矢量图。 矢量图包括AI、CDR、EPS和WMF等格式的图片文件，位图包括JPG、BMP、PSD和GIF等格式的图片文件。从表面来看，矢量图的样式比较简单、色彩比较少;而位图样式多变、细节细腻、色彩丰富。在对图片进行缩放时，会发现任意缩放矢量图，它的清晰度都保持不变;而位图在放大到一定程度后，整个画面中会显示一个个马赛克，图像也变得模糊不清。 位图的基本单位是像素点，当位图
被放大后，每个像素点被放大为大的色块，不同颜色之间产生了锯齿，看起来比较模糊， 放大位图 矢量图是以线条为单位构成的，当矢量图被放大后，不会出现由一个小像素点变为大色块致使矩形边缘模糊的情况，图像的清晰度不发生变化，
2.颜色模式 

用户在Photoshop操作窗口中执行“图像”→“模式”命令，将弹出下一级的子菜单，在其中可以看到Photoshop中常用的位图、灰度、RGB颜色、CMYK颜色、Lab颜色和多通道等颜色模式。下面介绍几种在设计网页时经常用到的颜色模式。 

（1）位图模式。 位图模式是用与白色两种颜色表现图像的一种颜色模式，与位图图片文件有所不同，一般用于为艺术类网站中的网页图片设置特殊效果。 

（2）灰度模式。 灰度模式中有256级不同深浅的灰度。当用户在Photoshop中把彩色的网页图片文件转换为灰度模式时，新图片文件中只保留原图片中的亮度，而
放弃图像中与色彩有关的信息。灰度值中的0%代表白色，代表。

（3）索引颜色模式。 索引颜色模式的图片文件中只能存储8位色彩深度，即图像中多含有预先定义好的256种颜色。索引颜色模式的图片文件占硬盘空间比较小，并且基本保持了图像文件的显示效果，一般在制作网页时经常使用。 

（4）RGB模式。 RGB颜色模式是网页图片中经常用到的一种颜色模式。这种颜色模式是用红、绿、蓝3种颜色混合成像，每种颜色都从0（）到255（白色）分为256个亮度，3种色彩叠加可以产生出约1670万种颜色。