网页设计与 制作教程（第三版）.pptVIP

1.2.4 RGB色彩模式和Web安全色3 物体的颜色，实际上是由物体表面发出的特定波长的光作用于人的视觉器官而产生的。自然界中的颜色千变万化、数不胜数，但每种颜色都可以用红(R)、绿(G)、蓝(B)三种色光按一定的比例混合而成，这三种色光被称为光的三原色。 网页制作中使用最广泛的是RGB色彩模式的十六进制显示模式。即用3个00~FF的十六进制数来表示组成颜色的红、绿、蓝色的数值。例如：000000表示黑色， FFFFFF表示白色，00FF00表示红色，0000FF表示蓝色，总共有224种颜色。 1.2.4 RGB色彩模式和Web安全色3 在图像处理软件中一般都有调色板，用户可以通过调整RGB的数值选择所需的颜色。图1-7是Fireworks 8中的调色板。 图1-7 Fireworks 8中的调色板 不同的操作系统和浏览器可能采用不同的调色板。图像在网络发布后，色彩的显示可能会受到浏览端的操作系统和浏览器的影响，同一种颜色也许会在不同的浏览端显示出不同的明度或者色相。 我们把在不同的操作系统和浏览器中显示效果一致的216种颜色称为网络安全色。辨别一种颜色是否是网络安全色的方法是看其颜色值，任何由00、33、66、99、CC或者FF组合而成的颜色值都是Web安全色。例如：003366、0066FF、33CC99等。通常在软件中如图1-8所示的颜色拾取框中可以直接选取的颜色都是Web安全色 图1-8 Fireworks 8中的颜色拾取框 1.2.5 图像元素在网页中的应用 网页传达的信息由视觉和听觉两种形式组成，目前主要通过视觉进行传播。网页的视觉设计过程和其他传统媒体的视觉设计过程一样，通过合理的组织文字、图像和视频等视觉元素来实现设计效果。图像是十分重要的网页组成元素，没有图像的网页往往会显得单调枯燥。 1.LOGO(标志) LOGO是文字、符号、图案按照特定的设计理念有机结合的产物。网站的标志(LOGO)和产品的商标—样，是网站主题和风格的集中体现。 2.标题 在网页中可以使用图像标题或文本标题。文本标题在设计时采用的字体，如果浏览端没有安装就会被其他字体代替，影响网页的质量。图像标题表现形式丰富，可以使用各种图案，也可以使用各种艺术字，在浏览端也不存在字体被替换的问题。 3.照片和插图 照片和插图是给网页增强视觉效果的基本工具。它们不仅能够美化页面，而且能够简洁准确地传达信息。照片和插图的选择取决于站点的内容和风格，还要注意图片文件不能过大以免用户下载时间过长。选用JPEG图像文件有必要的话应进行压缩，在文件大小和图片质量间取得平衡。 4.广告横幅（Banner） 网络广告是推广产品的重要途径。在网站上做广告通常有两种形式，一种是文字链接广告，一种是Banner图像广告。图像广告能快速醒目地吸引浏览者的注意。 广告（Banner）可以有任意大小和形状。图像格式也常选择GIF动画或Flash动画。 5.背景 网页的背景是网站整体设计风格的重要体现方法之一。背景可以是单色，也可以是图像。背景图像可以是GIF格式，也可以是JPEG格式。这些都取决于整体风格的要求。 制作背景时要注意避免喧宾夺主，不能妨碍浏览者浏览页面内容。背景图像一般平铺在网页上，图像尺寸和文件大小都不必也不宜太大。 6.导航栏 整个网站会有很多网页，各网页之间存在着较为复杂的链接关系。导航栏指向网站的关键部分，能帮助浏览者熟悉网站结构，快速找到想浏览的网页。 导航栏有两种形式：文字式导航和图像化导航，两种方法各有所长。文字式导航清楚易懂，下载迅速，适用于信息量大的网站。图像化导航栏大方美观，表现力强，适用于一般的商业网站。也有很多网站把这两种方法结合使用，同时设立文字式导航和图像化导航。 一个站点中，导航栏的设计应尽可能保持一致，达到站点风格的统一。 1.3 网页制作软件的主要功能和特点 Macromedia公司的Dreamweaver 8、Fireworks 8、Flash 8三个软件是优秀的网页制作套件，被许多用户称之为网页制作的梦幻组合，又称为网页设计 “三剑客”。 Macromedia公司对这三款软件的功能进行了合理的划分。如Dreamweaver 8用于对网页进行整体的布局和设计，以及对网站的创建和管理；Fireworks 8用来绘制和优化网页中所用到的图像，并可以制作按钮、导航条和简单的动画；Flash 8则主要用于制作网页中的矢量动画。综合使用这套软件便能够制作出理想的网页。下面就来介绍这三款软件的主要功能和特点。 1.3.1 Fireworks 8 的主要功能和特点 Fireworks 8是网络图形的处理软件，它集网页图形的创建、编辑、管理于一体，简化了制作网页图形的流程，能生成大小合适而