网站建设与网页艺术的处理分析

一、网站建设的版面编排

网站建设的设计首先要考虑的艺术处理问题是版面的编排。在版面编排设计时，要遵循“形式美法则”，即将网站建设内容中的造型单位（从视觉效果上讲，主要是文字、符号、图形），在页面中进行有规律的排列组合，融合为一个有机整体，从而有效地传递信息，并表达出作者的情感和审美情趣。形式美法则主要有主与次、聚与散、均衡、呼应方面的关系。主与次，是指在一个页面上，一定要设置一个视觉的中心，这个中心一般安排在屏幕的中央，或者在中间偏上的部位。一些重要的内容一般可以安排在这个部位，在视觉中心以外的地方就可以安排那些稍微次要的内容，这样在网页上就突出了重点，做到了主次有别。聚与散，是指在页面上通过造型单位的聚集和分散来使页面形成有疏有密的对比。对网站建设的具体制作而言，较长的文章或标题，不要编排在一起，要有一定的距离，同样，较短的文章，也不能编排在一起；对待图片的安排也应如此。这样，才能使页面错落有致，避免重心的偏离。均衡，是指以页面中心为支点，其上下左右呈现的内容要素在视觉上的均势。具体地讲，就是使页面中上下左右的视觉形象不要一边太满，另一边太空，或一边感到太重，另一边又感到太轻。

均衡的页面给人以稳定、舒适、和谐的感觉，而不均衡的页面则给人以不稳定、异常的感觉。因此，在对网站建设进行艺术处理时，要有意识地将文字和图片等内容要素进行配置和调整，从而使页面整体达到平衡的状态。要注意的是，“均衡”并不是简单的“对称”，而是一种视觉上的平衡美。呼应就是指网络页面上的各内容要素不应孤立地存在，而要做到有呼有应，相互联系成一个整体。文字和图片是网站建设的两个主要内容要素，它们之间就具有一种相互补充的视觉关系。网络页面上文字太多，就会显得沉闷，缺乏生气；页面上图片太多，缺少文字，必然就会减少页面的信息容量。因此，最理想的效果是文字与图片的密切配合，互为衬托，这样，既能使网络页面生动活泼，又能保证信息的正常传递。

二、网站建设的配色

色彩是网站建设画面构成中的一个基本要素。网站建设的色彩处理得好，可以更有效地传递信息，达到事半功倍的效果。在网站建设的制作配色中，总的应用原则应该是“总体协调，局部对比”，也就是：主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。这样，网站建设中的色彩各组成部分之间才能做到相互协调，实现在差异中趋向一致、小对比大统一的效果。对网站建设制作中的色彩处理而言，首先要根据课程的内容和主题的需要，确定一种色彩作为网页的色彩基调。比如，若是历史、政治方面的课程，其色调应该比较庄重，若是英语等外语类课程，色调可活泼生动一些。但总的来说，网站建设的目的是为学生提供信息，风格应该高雅大方。在网站建设中，色彩基调主要是通过某种色彩在页面中的空间面积或在整个课件中的呈现时间上占据主导地位而形成。为保证整个页面色彩的统一与和谐，在基色调和主体形象的色调之外，还需配置适当的过渡色彩。过渡色彩常采用色调基色的辅色来完成。现实生活中的色彩是千变万化的，但在网站建设的设计制作时，却不能无所不包，在用色上一定要力求简洁明快，页面的色彩布局首先要保证重点色彩在位置和面积上的核心地位。

三、形状的结构方式

平面形状的结构方式大致有：并置拼接、遮挡、透叠、咬合和编织等形式。在网站建设的设计制作中，并置拼接的结构方式运用比较多。而文字、标题、图片等的并置拼接，会在页面上形成各种各样的线条和形状。这些线条与形状的组合，在网站建设的总体艺术效果构成中起着非常关键的作用。因此，在网站建设的设计制作中，要根据的内容和主题，提练和搭配好这些线条和形状，才能增强网站建设的表现力，更好地为务。除了线条的结构，线条的浓淡、粗细、虚实，也会在人们视觉心理上产生不同的反应。比如，浓线重，淡线轻；粗线强，细线弱；实线静，虚线动。此外，线条形状、排列疏密不同，也可使人们产生不同的视觉节奏。比如，斜线坡度大的节奏快；线条汇聚收缩快、节奏快；线条呈直线转折，节奏快；曲线转折，节奏慢；实线条节奏快，断续线节奏慢。形状是物体基本特征之一，也是页面艺术处理中一个最基本的要素。

在具体设计制作中，单个物体的不同形状或几个物体的形状的不同组合，会使画面表现出不同的构图形式，从而使观众得到不同的感受。比如说，正方形可以表示平等，三角形表示安全感，圆形表示团结，S形表示体贴关心、优雅活泼等等。因此，我们在设计制作网站建设时，要善于发现一些有趣的、有意义的形状，并有意识地突出某一意义的形状，使页面更富有感染力。网站建设的目的是为学生提供信息，页面的艺术处理必须要服从内容和主题的需要，紧紧围绕内容这一中心，突出以“教”和“学”为主”的思想，要防止网页界面喧宾夺主，影响学习者的学习。在具体设计制作中，如果能把上述几方面都做到协调统一，一定会达到令人满意的艺术效果，从而很好地激发学习者的学习兴趣，提高网络质量。

更多网站建设资料：