《电子商务》课件-电子商务网站导航设计

电子商务网站导航条设计

学习电子商务网站导航条设计，在本节中，我们要了解一些关于图形图像的基本概念，以及在实际工作中的影响。位图位图也叫做点阵图，是由许多不同色彩的像素组成的。与矢量图形相比，位图图像可以更逼真的表现自然界的景物。此外，位图图像与分辨率有关，当放大位图图像时，位图中的像素增加，图像的线条将会显得参差不齐，这是像素被重新分配到网格中的缘故。此时可以看到当前的图像由无数个小色块组成，因此放大位图或在比图像本身的分辨率低的输出设备上显示位图时，则将丢失其中的细节，并会呈现出锯齿。如图下图所示。原始大小放大6倍后的显示效果

矢量图矢量图像是使用数学方式描述的曲线，及由曲线围成的色块组成的面向对象的绘图图像。矢量图像中的图形元素叫做对象，每个对象都是独立的，具有各自的属性，如颜色、形状、轮廓、大小和位置等。由于矢量图形与分辨率无关，因此无论如何改变图形的大小，都不会影响图形的清晰度和平滑度。如图下图所示。什么是像素“像素”（Pixel）是由Picture和Element这两个字母所组成的，是用来计算数码影像的一种单位，如同摄影的相片一样，数码影像也具有连续性的浓淡阶调，我们若把影像放大数倍，会发现这些连续色调其实是由许多色彩相近的小方点所组成，这些小方点就是构成影像的最小单位“像素”（Pixel）。什么是分辨率

通常情况下分辨率被分为图像分辨率、打印机分辨率、显示器分辨率和用于打印的扫描分辨率。

图像分辨率

分辨率是指位图图像中的细节精细度，测量的单位是像素/英寸(ppi)。每英寸的像素越多，分辨率越高。一般来说，图像的分辨率越高，得到的印刷图像的质量就越好，如下图所示。分辨率分别为72ppi；套印缩放比率为200%。分辨率分别为300ppi；套印缩放比率为200%。打印机分辨率打印机分辨率的测量单位是油墨点/英寸（也称作dpi）。一般来说，每英寸的油墨点越多，得到的打印输出效果就越好。大多数喷墨打印机的分辨率大约在720到2880dpi之间。（从技术上说，喷墨打印机将产生细微的油墨喷射痕迹，而不是像照排机或激光打印机一样产生实际的点。）。显示器分辨率显示器的分辨率是通过像素大小来描述的。例如，如果显示器的分辨率与照片的像素大小相同，则按照100%的比例查看照片时，该照片将填满整个屏幕。图像在屏幕上显示的大小取决于下列因素的组合：图像的像素大小、显示器大小和显示器的分辨率设置。在Photoshop中，可以更改屏幕上的图像放大率，从而能够轻松处理任何像素大小的图像。用于打印的扫描分辨率可以使用多种技术来决定扫描照片时使用的分辨率。如果正在扫描要打印的照片并且知道准确的大小和打印网频，则可以使用以下技术来确定扫描分辨率。通常最简单的方法是，使用扫描仪的最大光学分辨率进行扫描，然后在Photoshop中调整图像大小。了解PhotoshopCS4工作界面在学习PhotoshopCS4软件时，首先要了解软件的工作界面，如图1-57所示的图像就是启动PhotoshopCS4软件并打开一个素材文件后的工作界面，如下图所示。菜单栏属性栏（选项栏）工作窗口工具箱调板组状态栏标题栏工具箱PhotoshopCS4的工具箱位于工作界面的左边，所有工具共有50多个。要使用工具箱中的工具，只要单击该工具图标即可在文件中使用。如果该图标中还有其他工具，单击鼠标右键既可弹出隐藏工具栏，选择其中的工具单击即可使用，如下图所示。属性栏（选项栏）PhotoshopCS4的属性栏（选项栏）提供了控制工具属性的选项，其显示内容根据所选工具的不同而发生变化，选择相应的工具后、PhotoshopCS4的属性栏（选项栏）将显示该工具可使用的功能和可进行的编辑操作等，属性栏一般被固定存放在菜单栏的下方。菜单栏PhotoshopCS4的菜单栏由“文件”、“编辑”、“图像”、“图层”、“选择”、“滤镜”、“视图”、“窗口”和“帮助”共9类菜单组成，包含了操作时要使用的所有命令。要使用菜单中的命令，只需将鼠标光标指向菜单中的某项并单击，此时将显示相应的下拉菜单。在下拉菜单中上下移动鼠标进行选择，然后再单击要使用的菜单选项，即可执行此命令，如下图所示。123状态栏

状态栏在图像窗口的底部，用来显示当前打开文件的一些信息。调板组PhotoshopCS4中的调板组可以将不同类型的调板归类到相应对的组中并将其停靠在右边调板组中，在我们处理图像时需要那个调板只要单击标签就可以快速找到相对应的调板从而不必再到菜单中打开。PhotoshopCS4版本在默认状态下，只要执行“菜单/窗口”命令，可以在下拉菜单中选择相应的调板，之后该调板就会出现在调板组中，如下图所示。了解PhotoshopCS4工作界面在学习PhotoshopCS4软件时，首先要了解软件的工作界面，如图所示的图像就是启动PhotoshopCS4软件并打开一个素材文件后的工作界面，如下图所示。菜单栏属性栏（选项栏）工作窗口工具箱调板组状态栏标题栏工具箱PhotoshopCS4的工具箱位于工作界面的左边，所有工具共有50多个。要使用工具箱中的工具，只要单击该工具图标即可在文件中使用。如果该图标中还有其他工具，单击鼠标右键既可弹出隐藏工具栏，选择其中的工具单击即可使用，如下图所示。属性栏（选项栏）PhotoshopCS4的属性栏（选项栏）提供了控制工具属性的选项，其显示内容根据所选工具的不同而发生变化，选择相应的工具后、PhotoshopCS4的属性栏（选项栏）将显示该工具可使用的功能和可进行的编辑操作等，属性栏一般被固定存放在菜单栏的下方。菜单栏PhotoshopCS4的菜单栏由“文件”、“编辑”、“图像”、“图层”、“选择”、“滤镜”、“视图”、“窗口”和“帮助”共9类菜单组成，包含了操作时要使用的所有命令。要使用菜单中的命令，只需将鼠标光标指向菜单中的某项并单击，此时将显示相应的下拉菜单。在下拉菜单中上下移动鼠标进行选择，然后再单击要使用的菜单选项，即可执行此命令，如下图所示。123状态栏

状态栏在图像窗口的底部，用来显示当前打开文件的一些信息。调板组PhotoshopCS4中的调板组可以将不同类型