1.4 功能页面
要制作出漂亮的网页，实现和客户的互动交流，就需要对网站的页面布局和要实现的功能有一个详细的规划。下面，就页面布局和要实现的功能模块进行详细介绍。
1.4.1 选择页面布局
好的页面布局会让人觉得网站有内涵，值得浏览。一般，网页布局都遵循以下几个基本的原则。
● 突出重点，做到主次分明，中心突出：在一个页面上，必须考虑浏览者第一次打开该页面的时候会看到的内容，就是通常所说的视觉中心。视觉中心一般在屏幕的中央，或者在中间靠上的位置。所以，网站上一些比较重要的文章或者图片一般就可以放在这个地方，在视觉中心以外的地方可以安排一些稍微次要的内容，做到合理搭配。
● 文章长短和图片大小的搭配要合理，并相互呼应：较长的文章和标题不要都放在一起，需要保持一定的距离；同样，短文章的正文和标题也不要都放在一起编辑。对于图片的安排也应该是一样的，要做到错落有致，使大小图片之间保持一定的距离，这样可以使页面的重心不至于发生偏离。
● 综合运用各种元素，争取做到信息饱满，图文并茂：文字、图片和动画具有一种相互补充的视觉关系。一个网站，如果文字性内容太多，就会给人一种沉闷，缺乏生气的感觉，而页面上的图片或者动画太多，文字太少，又会让人感觉华而不实，而且信息容量肯定会减少。因此，最理想的状态就是文字、图片、动画密切配合，互为衬托，这样既能使网页美观，不呆板，又具有丰富的内容。
● 要保证网站的简洁一致：一个网页要想做到简洁，通常的做法就是使用醒目的标题，另一种做法就是限制所用字体和颜色的种数。要保持一致，可以使各个页面使用相同的页边距，文本图形之间保持相同间距。
● 尝试使用文本的布局协助导航：如果页面里包含几十个链接，那么，可以把这些链接分类，并且用不同的标题和颜色块来区分它们。
由上面的讲解可以看到，网页布局非常重要。下面介绍一下常见的网页排版格式。
（1）“国”字型网站：此种网站布局的主要特点就是最上面是网站的标志、广告以及导航栏，接下来就是网站的主要内容，左右分别罗列出一些内容，中间是主要内容，最下面是网站的一些基本信息、联系方式和相关版权信息等。此种布局的优点是充分使用版面，信息量大；缺点是页面拥挤，不够灵活。如图1.13所示为“国”字型布局的网站。
（2）“框架”型布局：这种网站布局一般分成上下或左右布局。一栏是导航栏目，一栏是正文部分，复杂的也可以将页面分成许多部分，常见的是上下两栏布局，上面一栏放置网站的导航条，下面一栏放置正文内容。如图1.14所示为“框架”型网站。
图1.13 “国”字型网站示例
图1.14 “框架”型网站示例
（3）“厂”字型网站：这种网站布局，一般是页面顶部为横条网站标志加广告条，下方左侧为导航菜单，右侧显示详细信息，其整体效果类似于“厂”字，所以称之为“厂”字布局。这种布局结构的优点是页面结构清晰、主次分明，是初学者容易上手的布局方法，缺点是规矩呆板，容易让人看之乏味。如图1.15所示为“厂”字型网站。
经过以上分析，读者对网页排版就有了一个基本的了解。再结合即将制作的案例——飞翔车友会网站，我们决定采用“国”字形布局。之所以采用此种布局方式，就在于车友会网站信息量大，因为其中不仅有网友发布的各种车辆信息，还有管理员发布的各种新闻，以及各种各样的博文、论坛帖子和留言等。
图1.15 “厂”字型网站示例
1.4.2 选择要使用的功能
最后，看一下飞翔车友会网站的功能模块都有哪些。
● 会员管理系统：其中包括会员管理后台和总后台，前者用于会员发布和管理自己的相关信息，包括自己的注册信息，发布的相关车辆信息等。而总后台则是提供给网站管理员使用的，用来管理在网站上注册的用户，以及他们发的文章、帖子、留言，等等。
● 新闻发布系统：这是预留给网站管理员使用的，可以在这个系统里面发布新闻，然后让其在前台显示。
● 留言系统：提供给用户使用，另外预留管理员回复功能。用户可以进入留言后台管理、编辑自己的留言，而网站管理员则可以对留言进行回复。
● 论坛系统：用户可以在自己的会员后台修改、编辑自己的帖子。另外，网站管理员可以编辑、删除所有用户的帖子。
博客系统：用户可以在自己的会员后台修改、编辑自己的博文。另外网站管理员可以编辑、删除所有用户的文章。
● 公告系统：这个和新闻发布系统基本相似。在后台发布，然后在前台显示，主要提供给管理员使用。