在网站设计里面，*重要的一个方面就是网页的风格。网页的风格包含很多内容，主要包括色彩、网页排版、网页的文互、多媒体的形式、内容架构及网页内容等。下面分别对这些方面进行介绍。

1、色彩

       色彩包括网页的底色、文字的色彩、图片的色系、颜色等。

2、排版

       主要是网页的整体结构、各个组成部分内容的展示形式、表格、框架的应用、文字缩排、段落等。

       在开始编写文字、寻找图像和进行正式网页设计之前应该先把基本的网页结构组织好。要是开始的时候在脑子里没有一个相当明确的结构，那几乎肯定会以一团糟而告终。参考一些用户喜欢的页面，研究它们的布局和风格，看它们是如何表现内容的。整页地复制别人的东西是剽窃行为，但是向别人学习则是研究过程。

       对要设计的网页有了初步的思考之后，就可以把思考的结果以草图的形式表示出来。这样做的目的有二：

       其一是把大脑中的东西变成一个实实在在的图片，这样自己可以验证实际效果如何。

       其二是可以把设计草图发给别人，让别人提一下意见。

       草图的设计可以使用Photoshop或者其他的图像设计软件，主要内容是对网页的整体结构做个规划。例如网页整体分为几个大的部分，每个部分应该放什么内容，内容的展现形式如何，是图片、动画还是文字。如图1-22所示即为一个网页的草图。

网页版面设计图

3、网页的交互

       主要是网页的交互形式，客户端及服务器端的程序，例如在客户端是否采用JavaScript的框架来增强用户体验，服务器端的程序是如何实现的，例如ASP, PHP, XML, CGI等。

4、其他的媒体形式

       这部分主要是让网页看起来生动活泼的各种内容形式，如Flash动画、Silverlight程序等。

5、内容架构

       主要是指网站的目录规划、网站及网页内容的层次性要明确。如图1-23所示是网易的一篇新闻。这个网页的内容架构就非常有代表性。首先是一个非常醒目的标题，一目了然。下面就是内容的发布时间和来源，因为这个内容不是重点，但是又不能缺少，所以采用较小的字号来展示。再接下来是一段摘要，用户只要阅读这几行字就可以了解这篇文章的内容。*后就是正文，图文并茂。

       这种结构非常值得借鉴。当用户设计一个展示产品的网页的时候，同样也应该把产品的名称放在网页的*上面，让用户一看就知道是什么东西。如果介绍产品的内容较多，也应该放一个摘要在正文前面，简单地介绍产品的性能及一些指标。*后把产品详细地介绍给用户。初学者往往在这个方面犯错。例如经常会把产品的名称与产品介绍混在一起，或者产品介绍得非常详细，但是却没有提供一个简介。这样的话用户要了解网页的内容就非常困难。

6、网页内容

       主要是指网站是否主题明确、网站的整体实用性如何、网站内文件之间的关联性如何、网页内容与主题切合度如何、是否有不必要的档案等。